Jika Anda mengikuti berita SEO, Anda tahu bahwa Google sekarang memasukkan mobile friendly sebagai salah satu kriteria atau faktor dalam menentukan peringkat sebuah situs web. Selain memperkenalkan Progressive Web Apps (PWA), Google juga memperkenalkan Accelerated Mobile Pages (dikenal sebagai AMP). AMP adalah program open source Google yang ditujukan untuk menyediakan internet seluler.
Google AMP (Accelerated Mobile Pages) adalah teknologi yang dirancang untuk membuat halaman situs web terbuka lebih cepat di perangkat seluler. Namun, tidak semua halaman bisa menggunakan Google AMP ini. AMP hanya dapat digunakan pada halaman dengan konten statis seperti berita dan artikel. Jadi jika situs Anda adalah situs berita atau artikel, Google AMP adalah pilihan terbaik. Google AMP mirip dengan Artikel Instan Facebook. Perbedaan yang paling mencolok adalah platform yang digunakan. Artikel Instan Facebook menggunakan platform Facebook dan Google AMP menggunakan mesin pencari Google. Google AMP bekerja dengan tiga komponen: AMP HTML, AMP JavaScript, dan AMP Cache. Ketiga komponen ini bekerja sama untuk mengoptimalkan halaman situs web Anda agar dimuat lebih cepat di perangkat seluler. Ketiga komponen ini menonaktifkan elemen situs web yang memperlambat waktu pemuatan halaman. Dimulai dengan animasi dan diakhiri dengan pemberitahuan push dan plugin. Selain itu kami telah menerapkan prosedur untuk mempercepat situs web Anda secara otomatis. Kompresi CSS sebaris, sandbox iFrame, dan banyak lagi. Hal ini membuat halaman Google AMP Anda terlihat sederhana dan minimalis. Faktanya, situs ini ringan, cepat, dan dapat diakses dari perangkat seluler. AMP Google adalah tentang memberikan informasi kepada pengunjung situs Anda dengan cepat, bukan tentang membuatnya terlihat cantik.
Waktu muat rata-rata untuk halaman AMP dari Google Penelusuran kurang dari 1 detik. Bagaimana hal itu terjadi? AMP adalah kerangka kerja yang terdiri dari tiga komponen utama yang membuat segalanya lebih cepat. Komponen-komponen ini adalah: 1. AMPHTML Pikirkan AMP HTML sebagai versi ringan dari HTML biasa. Kerangka kerja AMP memiliki aturan ketat tentang tag HTML apa yang dapat digunakan. Untuk membuat halaman dimuat lebih cepat, elemen HTML seperti formulir tidak diizinkan di AMP. Beberapa tag HTML diganti dengan tag khusus AMP. Tag kustom ini, yang disebut komponen HTML AMP, membuat pola tag umum yang mudah diterapkan dan canggih. Kerangka kerja AMP juga memerlukan penggunaan versi CSS yang disederhanakan. Lihat daftar tag HTML yang diperlukan oleh framework AMP. Jika Anda sudah menggunakan HTML dan CSS modern, ini seharusnya tidak menjadi masalah. 2. AMPJS Library AMP JS memastikan rendering halaman HTML AMP dengan cepat. AMP adalah kerangka kerja yang membatasi penggunaan Javascript untuk mempercepat pemuatan halaman di platform seluler. Satu-satunya pengecualian adalah skrip AMP yang dioptimalkan untuk pemuatan halaman yang lebih cepat. AMP JS merender semuanya dari sumber daya eksternal secara asinkron, sehingga tidak ada pihak yang dapat memblokir rendering. JS juga menggunakan teknik kinerja lain seperti sandboxing semua iframe, pra-komputasi tata letak setiap elemen halaman sebelum memuat sumber daya, dan menonaktifkan pemilih CSS yang lambat. 3. Cache AMP Google AMP Cache digunakan untuk menyajikan halaman HTML AMP yang di-cache. AMP Cache adalah jaringan pengiriman konten berbasis proxy yang digunakan untuk menyajikan semua dokumen AMP yang valid. Cache mengambil dan menyimpan halaman HTML AMP, yang secara otomatis meningkatkan performa halaman. AMP Cache memiliki sistem validasi internal untuk memastikan bahwa halaman Anda dijamin berfungsi dan tidak bergantung pada faktor eksternal yang dapat memperlambatnya. Sistem validasi memproses serangkaian pernyataan yang memastikan bahwa markup halaman Anda sesuai dengan spesifikasi HTML AMP.
Di bawah ini adalah beberapa manfaat utama yang dapat Anda rasakan ketika menerapkan AMP ke situs web Anda. 1. Pengguna Menyukai Halaman Web yang Cepat Pemuatannya Konten bagus terbuang percuma tanpa dukungan situs web yang cepat. Pengguna keluar. Coba buka web sendiri, tunggu minimal 20 detik, lalu buka. Situs belum sempat dibuka. Dia pasti kabur. Fakta berikut menunjukkan betapa pentingnya kecepatan loading. Teknologi ini menyesuaikan kecepatan loading web sesuai dengan harapan pengguna. Saat pengguna senang, konversi di situs web Anda meningkat dengan cepat. 2. Meningkatkan Visibilitas Google Search akan menyorot situs web AMP di SERP. Misalnya, prioritaskan mereka di carousel Top Stories dan berikan flash untuk semua hasil pencarian. Semakin menonjol situs web Anda di SERP, semakin tinggi RKT yang dapat Anda capai. Selain itu, kehadiran simbol khusus memudahkan pengguna untuk mengidentifikasi dan memprioritaskan situs AMP. 3. Optimasi SEO untuk Web Page Seluler Google tidak menganggap teknologi ini sebagai faktor peringkat. Namun, teknologi ini mempengaruhi kecepatan loading web dan jelas mempengaruhi SEO. Harap perhatikan bahwa teknologi ini hanya memengaruhi situs seluler. Artinya program ini hanya mendukung SEO pada Google Search versi mobile. 4. Meningkatkan Visibilitas Ads Program ini "memotong" beberapa aspek visual dari sebuah situs web. Namun, visual yang menayangkan iklan tetap dapat ditampilkan dengan banyak penyesuaian. Khususnya untuk iklan dari Google Adsense. Ini berarti visual iklan Anda menonjol di web dengan visual minimal. Selain itu, iklan bahkan dapat muncul 5 detik lebih cepat di situs web. Hal-hal ini berpotensi meningkatkan rasio klik-untuk-iklan Anda. Orang yang menggunakan blog mereka untuk menghasilkan uang dengan Adsense akan mendapat manfaat. 5. Menurunkan Bounce Rate Rasio pentalan adalah metrik yang mengukur jumlah pengguna yang mengunjungi dan keluar dari situs web dalam waktu singkat. Tingkat bouncing yang tinggi buruk untuk SEO Anda. Situs web yang memuat data lebih cepat memiliki rasio pentalan yang lebih rendah. Jika pengguna Anda dapat membuka halaman web dengan cepat, ada baiknya untuk menjelajahinya terlebih dahulu.
• Banyak plugin dan widget tidak berfungsi – Situs web minim, sehingga beberapa plugin dan widget tidak berfungsi dengan baik. • Mengurangi pendapatan iklan. Saat menggunakan AMP, Anda hanya dapat menampilkan setidaknya satu iklan per halaman. Hal ini dapat mengurangi pendapatan iklan. • Penampilannya sangat minim. Menggunakan AMP memberikan situs web Anda tampilan yang sangat minimalis. Banyak elemen UI dan UX dapat dikorbankan. • Banyak JavaScripts pihak ketiga mungkin tidak berjalan. Javascript memiliki dampak besar pada kecepatan pemuatan halaman. Banyak JavaScript pihak ketiga tidak berjalan saat Anda menggunakan AMP.
Menurut data yang dikumpulkan oleh Google dan SOASTA, 40% konsumen meninggalkan halaman yang membutuhkan waktu lebih dari 3 detik untuk dimuat. Selain itu, beberapa penelitian menunjukkan bahwa menggunakan AMP dapat meningkatkan rasio konversi hingga 20%. Menggunakan AMP berfungsi paling baik untuk jenis situs web tertentu. Misalnya, blog dan situs berita akan sangat diuntungkan dari kinerja yang lebih cepat. Pada saat yang sama, jenis situs web ini cenderung menggunakan desain yang sederhana, jadi mengadopsi pedoman AMP tidak akan memengaruhi pengalaman pengguna secara signifikan. AMP adalah kerangka kerja yang dapat memuat halaman dalam 1,6 detik melalui koneksi 3G dibandingkan dengan halaman non-AMP yang dapat memuat dalam 7,1 detik. Halaman AMP segera meningkatkan konversi sebesar 3%, mengurangi rasio pentalan sebesar 26%, dan meningkatkan jumlah waktu yang dihabiskan pengguna di situs sebesar 2,5x. Menerapkan halaman AMP akan memberikan pengalaman pengguna yang lebih cepat kepada pengguna seluler, mengurangi rasio pentalan, dan meningkatkan konversi.
Mungkin ada yang bingung bagaimana ini sebenarnya mempengaruhi SERP (halaman hasil mesin pencari)?Saat ini, AMP tampaknya hanya untuk seluler. Namanya saja Accelerated Mobile Pages. AMP sendiri dibuat dengan tujuan untuk meningkatkan user experience saat membaca hasil pencarian, sehingga terlihat seperti carousel, terutama untuk artikel berita. Jika Anda menggunakan ponsel dan melihat tanda petir, artinya halaman tersebut ramah seluler, jadi coba buka. Ini harus memuat dengan cepat dan Anda dapat menggesek ke kiri atau kanan untuk membaca lebih banyak artikel. Oleh karena itu, Accelerated Mobile Pages memberikan hasil pencarian yang lebih mudah diakses dan dibaca.
Kesempatan lowongan magang terbaru di tahun 2024
Baca Selengkapnya..