Google AMP (The Accelerated Mobile Pages), merupakan sebuah proyek open source hasil kolaborasi antara publisher dan perusahaan teknologi yang dikonsep oleh Google. AMP bertujuan untuk menghadirkan kemudahan bagi publisher untuk membuat konten yang dipublishnya memiliki respon yang cepat ketika diakses melalui perangkat mobile. AMP dapat bekerja di berbagai platform seperti ponsel, tablet, atau perangkat mobile lainnya.
AMP membangun halaman website menjadi lebih ringan dengan meminimalisasikan fitur-fitur yang ada pada website tersebut, misalnya fitur iklan. Akibatnya tampilan website menjadi lebih sederhana, namun kecepatan loadingnya meningkat hingga 4 kali lebih cepat, dan lebih hemat data hingga 10 kali lebih hemat. Kelebihan lainnya, dengan menggunakan AMP laman akan muncul di baris pertama hasil pencarian google for mobile (baca juga: cara mencegah cybercrime). .
Google AMP sangat baik untuk diterapkan pada halaman web anda, mengingat dewasa ini semakin banyak pengguna smartphone yang mengakses internet menggunakan smartphone. Selain itu, AMP juga dapat diberi pluggin-plugin untu mengdukung kebutuhan publiherm seperti pluggin untuk pemasangan iklan. Sehingga publisher tetap dapat memasang iklan, meskipun menggunakan fitur Google AMP pada laman websitenya (baca juga: ciri-ciri blog yang menarik). Berikut ini akan dosenIT jelaskan cara menggunakan google AMP.
Baca juga:
1. Langkah – langkah pemasangan Google AMP pada website berbasis WordPress:
Untuk memasang Google AMP anda harus menginstall dan mengaktifkan AMP Pluggin pada website anda. Untuk lebih jelasnya, berikut langkah-langkahnya:
2. Mengecek keberhasilan pemasangan Google AMP pada website:
Untuk memastikan bahwa Google AMP sudah bekerja pada website anda, anda bisa mengeceknya dengan membuka halaman website anda dengan menambahkan /amp pada akhir url laman website tersebut. Contohnya sbb:
Apabila website anda telah dapat diakses menggunakan akhiran /amp seperti diatas dengan tampilan minimalis, berarti anda telah berhasil mengaplikasikan Google AMP pada website anda.
3. Troubleshooting
Jika anda mendapatkan pesan 404 error ketika mencoba membuka versi AMP website anda, anda bisa melakukan hal berikut untuk mengatasinya:
4. Kelebihan Google AMP
Baca juga:
5. Kekurangan Google AMP
6. Komponen AMP
Ada tiga komponen yang diperlukan dalam membuat halaman Google AMP, yaitu:
HMTL merupakan bahasa standar yang dipakai dalam pemograman website. Pada dasarnya AMP HMTL merupakan HMTL biasa, namun telah diperluas dengan memasukkan properties dari teknologi AMP. Struktur AMP HMTL dirancang untuk meminimalisir penggunaan tag JavaScript, CSS, dan HMTL (baca juga: cms toko online paling bagus).
AMP HMTL dirancang secara khusus untuk mempercepat halaman web, sehingga memiliki aturan khusus yang berbeda dengan HMTL biasa. Sebagian besar tag di halaman AMP HMTL merupakan tag HMTL biasa, namun terdapat beberapa tag HMTL yang diganti menjadi tag spesifik AMP. Misalnya tag <image> menjadi <amp-image>; <video> menjadi <amp-video>, dan lain-lain.
AMP JS merupakan framework JavaScript yang dirancang khusus agar proses rendering semua halaman web berjalan dengan cepat. AMP JS menggunakan metode asynchronous, sehingga untuk membuat website valid AMP, maka harus menggunakan script async (baca juga: manfaat online shop.
Penggunaan Java Script dari pihak ketiga tidak dapat dilakukan dengan AMP, semua harus menggunakan library dari CDN Google. Contohnya AMP JS untuk tombol share:
<script asyn custom-element = “amp-social-share” scr = “https://cdn.ampproject.org/v0/amp-social-share-0.1.js” >
Cache merupakan penyimpanan file website, sehingga ketika web tersebut dibuka kembali; proses akses tidak akan memerlukan waktu yang lama, sebab tidak peru lagi mengambil kembali ke server. AMP Cache menerapkan optimalisasi gambar agar proses akses menjadi lebih cepat. Optimalisasi yang dilakukan antala lain dengan:
Baca Juga:
Demikian artikel mengenai cara menggunakan Google AMP ini. Masuklah sebagai admin pada website berbasis wordpress anda, lalu download dan pasang plugin AMP pada website anda. Semoga artikel ini bisa memberikan informasi yang anda butuhkan. Jika ada pertanyaan, pemambahan, atau komentar yang membangun, silahkan tinggalkan pesan, dan jangan lupa berbagi ya jika anda merasa artikel ini bermanfaat. Terimakasih..^^