Cara Mengatur AMP di WordPress

  1. 1. Pengenalan Google AMP untuk WordPress
  2. 2. Sedang Dibaca: Cara Mengatur AMP di WordPress

Selamat datang di bagian kedua Panduan AMP untuk WordPress. Dalam artikel terakhir, kita mempelajari tentang pentingnya strategi web yang mengutamakan seluler dan bagaimana AMP dapat menjadi terobosan yang potensial. Dalam panduan hari ini, kita akan belajar tentang:

  • Bagaimana mengintegrasikan AMP dengan WordPress
  • Plugin WordPress terbaik untuk menyesuaikan AMP
  • Apakah kita benar-benar perlu mengimplementasikan AMP di situs WordPress kita?

Mari kita mulai.

Panduan Video AMP untuk WordPress

Melanjutkan postingan terakhir dalam seri kami, Anda dapat mengikuti video WPCrafter tentang cara mudah mengatur AMP dengan situs WordPress Anda. Video Adam memandu Anda melalui setiap langkah panduan kami – selamat menikmati!

Cara Mengatur AMP untuk WordPress

Menyiapkan AMP untuk WordPress adalah proses yang sangat sederhana. Yang perlu Anda lakukan hanyalah menginstal plugin WordPress AMP yang dikembangkan oleh Automattic dan sisanya akan menyusul.

  • Buka Dasbor WordPress > Plugin > Tambah Baru
  • Telusuri “AMP ”

Pilih plugin dan klik Instal Sekarang

Setelah mengaktifkan plugin, semua URL postingan di situs Anda akan memiliki versi AMP. Anda dapat membuka link postingan mana pun, menambahkan /amp/ di akhir URL dan Anda akan melihat versi AMP.

Mari kita lihat versi normal halaman web.

Dan ini adalah versi AMP dari halaman yang sama:

Itu saja – Anda telah berhasil menyiapkan AMP di WordPress. Sulit dipercaya bahwa sesederhana itu, bukan?

Namun, jika Anda belum mengaktifkan tautan permanen cantik, Anda bisa mendapatkan versi amp dengan menambahkan ?amp=1 ke tautan postingan. Misalnya, tautan postingannya adalah:

  • Versi Normal: http://example.com/2016/01/01/hello-mobile-web/
  • Versi AMP: http://example.com/2016/01/01/hello-mobile-web/amp/
  • Versi AMP (dengan Pretty Permalinks dinonaktifkan): http://example.com/2016/01/01/hello-mobile-web/?amp=1

Plugin AMP menambahkan tag meta standar di bagian atas halaman HTML “normal” Anda yang memungkinkan Google dan mesin pencari lainnya mengenali versi AMP dari halaman tersebut. Ini menggunakan logo situs yang dapat Anda atur di Penyesuai Tema WordPress.

Penting untuk dicatat bahwa plugin hanya mendukung konversi postingan menjadi versi AMP. Menurut deskripsi plugin yang diakses pada 1st November 2016, dukungan untuk halaman WordPress versi AMP sedang dalam pengembangan dan segera hadir.

Mengukur Dampak Kinerja AMP

Kami memutuskan untuk mengukur dampak kinerja halaman versi AMP di Pingdom. Hasilnya sangat berbeda. Ingatlah bahwa pengaturan WordPress kami berada di lingkungan hosting bersama menggunakan tema default Dua Puluh Empat Belas tanpa plugin caching atau pengoptimalan yang terpasang.

Tangkapan layar berikut menunjukkan tolok ukur kinerja versi dasar laman:

Dan ini adalah hasil halaman versi AMP:

Hasilnya sangat berbeda.

Masing-masing komponen mengalami peningkatan yang luar biasa:

  • Ukuran halaman berkurang 70%
  • Waktu pemuatan berkurang 35% menjadi di bawah 900 milidetik
  • Tidak ada permintaan yang berkurang hampir 60% dari 17 menjadi hanya 7!

Semua ini dicapai oleh AMP, dengan tetap menjaga konten halaman. Tabel berikut berisi rincian tes untuk referensi Anda:

Factor  Normal AMP Improvement
Page Size (KB) 563.8 167 70%
Load Time (sec) 1.42 0.929 35%
No. of Requests 17 7 59%

Melihat angka-angka ini, jelas bahwa mendapatkan AMP bukanlah hal yang sulit. Tidak hanya membantu meningkatkan skor SEO Anda, ini juga memberikan pengalaman pengguna yang indah dan rapi.

Terlebih lagi Anda juga dapat menyertakan mekanisme pelacakan di halaman versi AMP. Kami akan membahasnya di bagian berikut.

Memperluas Kemampuan AMP

Meskipun mengoptimalkan konten Anda untuk pembaca adalah praktik yang baik, menjaga konsistensi merek juga penting. Artinya, bahkan versi AMP dari konten Anda yang ada harus mengikuti skema warna merek Anda, font, dan antarmuka pengguna secara umum.

Plugin AMP WordPress tidak memiliki opsi untuk melakukan perubahan tersebut. Tujuannya adalah menyediakan cara cepat dan mudah untuk membuat seluruh konten WordPress Anda kompatibel dengan AMP – sebuah pekerjaan yang dilakukan dengan cukup baik.

Masuk, AMP untuk WP – plugin Accelerated Mobile Pages.

Plugin gratis ini memperluas kemampuan AMP di WordPress dengan menawarkan fungsionalitas tambahan seperti:

  • Integrasi Google Analytics
  • Dukungan untuk Halaman AMP WooCommerce
  • Posting Terkait di bawah posting
  • Daftar Komentar Terbaru
  • Unggah logo khusus
  • Bilah berbagi sosial
  • Dukungan untuk menyematkan konten yang kaya termasuk video dan konten dari platform konten seperti YouTube, Instagram, Twitter, Vine, dll.

Sebagai prasyaratnya, plugin mengharuskan Anda menginstal dan mengaktifkan plugin AMP agar dapat berfungsi dengan baik. Seperti biasa, Anda bisa menginstal plugin ini seperti cara kami menginstal plugin AMP di awal postingan ini.

Setelah diaktifkan, Anda siap untuk mengonfigurasi berbagai opsi yang ditawarkan plugin. Buka Dasbor WordPress > AMP untuk mengakses pengaturan.

Dari sekian banyak pengaturan yang ditawarkan plugin, kami mencoba:

  • Mengaktifkan Komentar
  • Menambahkan Posting Terkait
  • Menambahkan Navigasi ke postingan Berikutnya/Sebelumnya

Berikut adalah tangkapan layar tampilan versi AMP setelah menyimpan perubahan:

Dan inilah performanya:

Berikut screenshot halaman vanilla AMP untuk perbandingan:

Waktu muat semakin menurun sebesar 7,4%. Menarik untuk dicatat bahwa meskipun ukuran halaman dan jumlah permintaan sedikit meningkat, terdapat peningkatan pada Tingkat Kinerja secara keseluruhan (peningkatan 3 poin).

Secara keseluruhan, plugin ini sangat bagus jika Anda serius ingin berusaha lebih keras menuju AMP dan membuat konten, iklan, dan analisis Anda berfungsi baik dengan platform ini.

Kesimpulan

Mengingat pesatnya pertumbuhan penggunaan telepon seluler selama beberapa tahun terakhir, hal ini tidak lagi menjadi pilihan bagi bisnis online untuk mengutamakan seluler. Ini adalah kebutuhan mutlak. Proyek Accelerated Mobile Pages adalah upaya ambisius untuk mencapai tujuan tersebut dan semakin banyak media yang mengadaptasinya dengan cepat.

Meskipun lebih mudah bagi blog baru untuk menggunakan AMP, blog dengan konten ribuan halaman mungkin akan menganggapnya sangat menantang. Alasannya sederhana – tidak semua orang mengikuti standar yang tepat saat mempublikasikan secara online. Organisasi berkembang. Bahkan teknologi web yang “panas” lima tahun lalu sudah ketinggalan zaman saat ini. Meskipun AMP berupaya semaksimal mungkin untuk memanfaatkan teknologi web yang ada, mungkin ada beberapa kasus di mana terdapat beberapa ketidakcocokan/kesalahan. Dan kesalahan ini dapat berdampak buruk pada skor SEO Anda.

Idealnya, bisnis harus mengukur sumber lalu lintas masuk mereka – berapa persentasenya yang berasal dari perangkat seluler? Berapa banyak di antaranya yang berasal dari penelusuran seluler? Berapa rasio pentalan pengunjung seluler? Ini adalah pertanyaan yang harus Anda tanyakan sebelum mempertimbangkan AMP.

Jika Anda yakin bahwa konten situs web Anda secara teknis terstruktur sesuai dengan standar terbaru, silakan – lanjutkan dengan AMP! Anda hanya akan meningkatkan SEO Anda.

Namun, jika Anda mengetahui bahwa ada banyak kesalahan konfigurasi internal, tautan rusak, dan kesalahan, sebaiknya atasi (dan mungkin selesaikan) masalah tersebut sebelum melanjutkan dengan AMP.

Apa pendapat Anda tentang AMP? Apakah Anda menggunakannya untuk mengonsumsi konten? Sudahkah Anda menerapkannya di situs web Anda? Kami ingin mendengar pendapat Anda!