Panduan AMP: Apa itu AMP Dan Cara Mengaturnya di Situs WordPress
Diterbitkan: 2018-06-06Anda mungkin belum menyadarinya, tetapi sekitar 50 persen orang yang mengakses situs Anda melalui perangkat seluler mereka akan meninggalkan situs Anda sepenuhnya, jika memuat lebih dari 3 detik.
Sebagai pemula, pemula di arena bisnis digital, Anda mungkin tidak menyadari hal yang sama. Nah, inilah mengapa kami hadir untuk Anda.
Jika Anda tidak memperhatikan waktu pemuatan situs Anda di perangkat seluler dan tidak mencatat lalu lintas web berikutnya, Anda akan rugi. Angka-angka ini perlu dicatat dan diketahui, sebelum Anda melanjutkan dan mengambil keputusan pengembangan bisnis besar lainnya.
Mengapa itu perlu terjadi?
Terutama karena kebanyakan orang yang mencari sesuatu secara online, melakukannya melalui perangkat seluler mereka. Oleh karena itu, penting bagi Anda untuk memaksimalkan kecepatan pemuatan halaman situs Anda.
Untuk membantu Anda dengan tugas ini, Google baru-baru ini meluncurkan teknologi baru. Teknologi ini menjanjikan untuk meningkatkan pengalaman situs Anda bagi orang-orang yang menggunakannya dan akan membantu Anda mencapai tujuan Anda. Google Accelerated Mobile Pages , diluncurkan oleh Google, juga dikenal sebagai Google AMP, adalah inisiatif revolusioner oleh Google sendiri untuk mencapai lalu lintas situs yang lebih baik bersama dengan perolehan pendapatan yang lebih baik untuk bisnis modern.
Google AMP secara khusus melayani versi situs seluler Anda dan mempercepatnya dengan menawarkan versi yang sangat ringan dari semua yang ada di situs Anda, seperti yang dihosting di server Google. Orang-orang yang mengunjungi situs Anda akan mendapatkan konten mereka dengan cepat dan oleh karena itu, mereka tidak akan meninggalkan situs web Anda karena menunggu. Mereka akan terus melihat dan mengagumi pekerjaan Anda, sehingga membantu Anda dalam hal lalu lintas dan pendapatan web.
Sebelum kita benar-benar masuk jauh ke dalam diskusi spiral tentang apa yang dapat dilakukan Google AMP, mari kita bahas terlebih dahulu apa sebenarnya Google AMP itu, dengan cara yang rumit.
Google AMP adalah kemajuan teknologi, inisiatif yang diambil oleh otak di Google untuk membuat versi situs seluler lebih baik dan lebih cepat. Otak-otak ini menginginkan versi seluler dari situs web yang berbeda dimuat lebih cepat dari sebelumnya. Jika Anda menyukai teknologi, perangkat lunak, dan algoritme, Anda mungkin tahu apa itu Artikel Instan Facebook. Jika Anda tahu apa itu, memahami Google AMP cukup mudah. Mereka sangat mirip.
Google AMP memastikan, saat situs Anda dikunjungi, versi situs lengkap Anda tidak dimuat. Faktanya, Google sengaja menyembunyikan bagian-bagian tertentu untuk membuatnya memuat lebih cepat. Ini sering membuat versi seluler situs terlihat agak minimalis.
Inisiatif ini bersifat open source, yang berarti siapa pun dapat menggunakan metodologi untuk mendapatkan keuntungan. Tentu saja, Google tidak akan membatasi hal yang sama karena tujuan akhir mereka adalah membuat konten web mudah diakses, terutama bagi pengguna seluler.
Pembuatan konten dan waktu pemuatan sering kali terlihat terlalu lambat bagi kebanyakan orang, yang merupakan keluhan yang sangat umum. Bahkan halaman yang penuh dengan konten yang dioptimalkan, kaya dengan informasi, mungkin membutuhkan waktu lebih lama untuk dimuat. Dan terlepas dari semua SEO dan upaya teknis lainnya yang dilakukan oleh situs dan pemilik bisnis, masalahnya tampaknya tetap ada. Dan inilah mengapa Google AMP menjadi penting dalam kehidupan kita saat ini. Accelerated Mobile Pages (AMP) bergantung pada kode HTML minimum bersama dengan Javascript untuk memuat halaman situs web. Ini akan membantu konten di berbagai situs web agar mudah dihosting di cache AMP. Versi cache ini dapat digunakan untuk melayani orang secara instan, segera setelah mereka mengklik situs web tertentu dari sumber organik.
Metodenya, seperti yang baru saja kami nyatakan di atas, sangat mirip dengan Artikel Instan Facebook. Tapi ada satu kontradiksi! Tidak seperti AMP, Artikel Instan akan dibatasi hanya untuk Facebook. Dan tidak hanya untuk versi web Facebook, tetapi aplikasi seluler mereka. AMP, bagaimanapun, dapat bekerja hampir di mana saja. Mereka dapat digunakan oleh semua jenis aplikasi dan browser web dan bahkan pemirsa web. Saat ini, tidak hanya digunakan oleh Google, tetapi juga LinkedIn, Twitter, Reddit, dan lainnya.
Apakah Google AMP benar-benar layak untuk dihebohkan?
Yah, kami tidak akan menyatakan jawaban yang benar. Anda akan menjawab pertanyaan ini hari ini. Kami akan membuat prosesnya sederhana untuk Anda dengan memberi Anda semua pro dan kontra dari AMP.
Menurut sebagian besar pakar SEO, AMP akan membantu Anda mendapatkan peringkat yang lebih tinggi di mesin pencari Google dan akan meningkatkan pengalaman bagi pengguna, terutama di platform seluler. Ini adalah keuntungan bagi orang-orang dengan koneksi internet yang lebih lambat. Tetapi mereka mungkin juga memberikan beberapa tantangan bagi pemilik situs dan blogger.
Sekarang karena Google AMP membutuhkan bantuan dari sejumlah terbatas opsi HTML dan Javascript, sebagai pemasar konten dan pemilik situs, Anda mungkin tidak dapat menambahkan beberapa widget ke situs seluler Anda. Ini mungkin terbukti menjadi kutukan karena akan membatasi kemampuan Anda sebagai pemasar digital untuk menambahkan opsi cerdas, seperti buletin, opsi email, kotak suka dan berbagi Facebook, dan opsi serbaguna lainnya.
Google AMP, out and out, mendukung Google Analytics tetapi tidak benar-benar memberikan dukungan untuk platform lain. Beginilah cara opsi iklan beroperasi di bawah Google AMP. Sebagian besar platform periklanan tidak didukung oleh Google.
Bahkan setelah beberapa batasan ini, AMP masih memegang posisinya di industri untuk meningkatkan halaman web dan lalu lintas situs sampai batas tertentu. Dengan menambahkan dukungan AMP ke situs Anda, sambil secara bersamaan mengerjakan praktik SEO Anda, Anda pasti dapat mengumpulkan sebagian besar lalu lintas situs ke situs Anda yang dilakukan melalui penelusuran seluler.
Untuk memastikan Anda mengumpulkan semua manfaat yang dapat dihasilkan melalui AMP untuk situs WordPress Anda, kami telah menyusun panduan langkah demi langkah untuk menyiapkan profil Google AMP Anda untuk pertama kalinya.
Sebelum Anda benar-benar mengikuti panduan singkat ini tentang mengaktifkan AMP untuk situs WordPress Anda, kami berasumsi Anda telah mengaktifkan plugin Yoast WordPress untuk situs Anda. Anda dapat melewati langkah ini, jika Anda belum melakukannya, dan Anda dapat langsung mengaktifkan AMP ke situs Anda. Namun, kami sarankan Anda mengaktifkan plugin Yoast SEO sebagai prasyarat.
Sekarang, langsung ke intinya!
Menyiapkan Google AMP untuk situs WordPress Anda.
Sangat mudah untuk mengatur profil AMP Anda dan menautkannya ke situs WordPress Anda. Semua memuji kekuatan plugin resmi untuk hal yang sama oleh Google sendiri. Plugin AMP resmi tidak memerlukan konfigurasi dan inilah mengapa Anda ingin menambahkan plugin ekstensi agar berfungsi penuh.
Pertama, mari kita ke dasar-dasarnya. Mari kita pahami bagian mendasar dari menginstal plugin resmi. Setelah itu kita akan mengujinya dan kemudian mengaturnya sesuai.
Instalasi
Anda dapat menginstal plugin AMP untuk situs WordPress Anda dengan mengikuti prosedur yang diberikan di bawah ini. Metode ini mengharuskan Anda untuk masuk ke panel Admin di situs WordPress Anda dan kemudian klik Plugin.
- Setelah Anda mengklik plugin, Anda harus mengklik tab 'Tambah Baru', setelah itu Anda harus membuat kueri pencarian untuk "Halaman Seluler yang Dipercepat".
- Setelah Anda menemukan opsi yang sesuai, Anda harus menginstalnya dengan mengklik "aktifkan".
- Setelah Anda mengaktifkan plugin, Anda akan melihat pesan yang mengatakan "Tema ini membutuhkan plugin berikut: AMP, Mulai Memasang Plugin". Anda kemudian harus mengklik "Mulai menginstal plugin" dan kemudian "instal".
Menyiapkan Google Analytics Anda
Setelah Anda menginstal plugin AMP, Anda harus mencari untuk menginstal Google Analytics. Untuk menyiapkan Google Analytics, Anda perlu menemukan ID pelacakan Anda. Setelah ini, Anda akan diminta untuk masuk ke Google Analytics dan kemudian mengklik ikon roda gigi yang muncul di kiri bawah layar Anda, di mana Anda akan diarahkan ke Panel Admin. Setelah Anda memilih yang sama, Anda sekarang akan memilih Akun dan Properti, langsung dari menu tarik-turun. Saat Anda melihat opsi di bawah kolom Properti, Anda akan melihat tab bernama "Info Pelacakan". Klik yang sama untuk melihat ID pelacakan Anda. ID ini biasanya dimulai dengan UA.
Salin ID Pelacakan ini dan masuk ke platform situs WordPress Anda. Di sisi kiri layar Anda, klik Navigasi, lalu buka AMP dan dari AMP, klik Analytics. Tempelkan ID pelacakan Anda di tempat "Google Analytics" disebutkan. Setelah Anda melakukan ini, Anda sekarang harus mengklik "Simpan Perubahan" dan Anda selesai.
Mengonfigurasi pengaturan plugin Anda
Di bawah langkah ini kita akan membahas konfigurasi dasar yang dapat Anda gunakan untuk menyesuaikan tampilan plugin AMP Anda. Konfigurasi ini juga akan membantu Anda mendukung berbagai format konten.
Kami berasumsi di sini bahwa Anda sudah memiliki plugin Yoast SEO. Jadi, untuk memulai konfigurasi ini, Anda harus pergi ke Yoast SEO, dan klik AMP. Setelah Anda melakukannya, Anda sekarang harus mengklik Jenis Posting. Dari sini, Anda akan dapat memilih jenis posting yang dapat Anda gunakan yang akan sesuai dengan AMP.
Saat Anda mengklik tab kedua untuk, tab Desain, Anda sekarang dapat menyesuaikan tampilan halaman konten yang diaktifkan AMP Anda. Jika Anda menerapkan gaya CSS, Anda dapat menyesuaikan konten dan juga menautkan pola warna yang serupa untuk diupload sendiri dan ikon AMP yang disesuaikan. Anda juga dapat mengatur gambar default untuk halaman situs Anda, jika diperlukan.
Uji konfigurasi AMP Anda
Setelah Anda menyelesaikan proses pembuatan URL AMP, Anda juga harus memastikan bahwa URL ini berfungsi dengan baik. Jika mereka tidak dikonfigurasi dengan benar dan tidak berfungsi, Google tidak akan dapat menampilkan yang sama di hasil pencarian nanti. Ini adalah perlindungan yang harus Anda ambil sebelumnya, karena terkadang ini bisa menjadi tugas yang cukup berat bagi sebagian besar webmaster!
Namun, ada solusi untuk setiap masalah. Anda mendapatkannya bahkan saat Anda menguji dan memvalidasi URL AMP Anda. Anda harus memilih beberapa halaman situs dan menguji versi AMP yang sama dengan menggunakan salah satu dari prosedur yang disebutkan di bawah ini. Tetapi sebelum Anda melanjutkan dan melakukan salah satu dari tugas ini, Anda harus menambahkan /amp/ di akhir URL Anda, seperti yang telah dibahas sebelumnya.
Anda harus pergi ke situs web ini – search.google.com/test/amp Dan, Anda harus meletakkan URL halaman situs Anda di situs web ini. Setelah Anda melakukannya, Anda sekarang harus mengklik "Jalankan Tes". Anda akan melihat hasil Anda, apakah itu valid atau tidak valid.
Opsi kedua secara khusus membantu orang-orang yang menggunakan browser web Google Chrome. Jika Anda menggunakan browser web lain untuk mengakses internet, seperti Mozilla Firefox, Safari, dll., opsi ini tidak akan benar-benar berlaku untuk Anda.
Anda harus membuka halaman AMP di browser Google Chrome dan menambahkan #development=1 ke URL situs Anda.
Hal berikutnya yang harus Anda lakukan adalah membuka Chrome Dev Tools Console, dari menu Google Chrome itu sendiri lalu pilih 'More Tools'. Setelah ini, Anda harus mengklik 'Development Tools' dan kemudian 'Console'.
Setelah Anda mengklik 'Konsol', Anda akan dapat memeriksa kesalahan validasi. Jika semuanya lancar dan berfungsi dengan baik, proses validasi harus berhasil.
Opsi ketiga yang dapat Anda ikuti adalah membuka situs web ini – validator.ampproject.org dan menempelkan URL AMP Anda di sini, di bidang URL yang disebutkan. Setelah Anda menempelkannya, Anda harus mengklik "Validasi".
Jika ada kesalahan atau masalah, alat ini akan menyorotnya dan menandainya di HTML.
Mengirimkan URL AMP Anda untuk proses pengindeksan
Jika Anda mengikuti proses Validasi AMP melalui Google Search Console, nanti Anda dapat mengklik "Kirim ke Google" secara langsung, setelah Anda melihat tes tersebut valid.
Jika tidak, ada pilihan lain untuk Anda. Yang ini akan berfungsi jika Anda telah masuk ke Akun Google Search Console Anda. Setelah Anda selesai melakukannya, Anda dapat mencari "Kirim ke Google" dan kemudian kirimkan URL situs Anda secara langsung.
Saat Anda mengirimkan halaman situs AMP ke Google melalui cara alternatif, Google akan mengindeks halaman situs AMP Anda nanti, apakah itu tertaut secara internal dan terdaftar di peta situs XML atau tidak.
Lihat Google Search Console untuk memecahkan masalah setiap kesalahan.
Langkah selanjutnya adalah belajar mengelola halaman situs AMP Anda dari satu lokasi, yaitu Google Search Console. Anda harus masuk ke Google Search Console dan dari sana, di bawah tab 'Tampilan Pencarian', Anda harus mengklik 'Halaman Seluler yang Dipercepat'.
Saat melakukannya, Anda akan dapat melihat berapa banyak halaman AMP Anda yang diindeks dan mana yang tidak. Yang belum diindeks pasti memiliki semacam kesalahan, yang juga akan ditampilkan di sini. Jika Anda mengidentifikasi masalah kritis, Anda nanti dapat memecahkan masalah kesalahan ini dengan bantuan alat yang disebutkan di langkah sebelumnya.
Menguji Kecepatan Halaman.
Setelah, semua yang disebutkan di atas telah selesai, Anda sekarang harus mulai melihat manfaatnya. Untuk melihat apakah upaya Anda berhasil atau tidak, Anda harus mencoba menjalankan halaman AMP dan halaman situs seluler standar Anda melalui alat kecepatan seperti WebPageTest. Anda juga harus membandingkan hasil dari dua halaman yang berbeda.
Dan voila! Kamu selesai. Anda dapat memulai perjalanan AMP Anda.
Google sedang meningkatkan upayanya sambil mengungkap keajaiban dalam bentuk pengindeksan mobile-first dan proses kecepatan halaman. Dengan melakukan ini, mereka sekarang menjadi faktor peringkat untuk banyak situs dan bisnis saat ini. Inisiatif teknis yang diambil oleh Google dalam bentuk AMP merupakan langkah penting bagi semua bisnis modern dan Perusahaan Pengembangan Aplikasi Seluler saat ini. Tidak beralih ke yang sama bisa menjadi masalah bagi Anda dalam jangka panjang! Jangan takut, beralihlah! Anda akan berterima kasih kepada kami nanti.