Cara Mengatur AMP di WordPress

  1. 1. Pengantar Google AMP untuk WordPress
  2. 2. Sedang membaca: Cara Mengatur AMP di WordPress

Selamat datang di bagian kedua Panduan AMP untuk WordPress. Dalam artikel terakhir kami, kami belajar tentang pentingnya strategi web mobile-first dan bagaimana AMP dapat menjadi game-changer 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 menerapkan AMP di situs WordPress kita?

Mari kita mulai.

AMP untuk Panduan Video WordPress

Mengambil di mana postingan terakhir dalam seri kami tinggalkan, Anda dapat mengikuti video WPCrafter tentang cara mengatur AMP dengan mudah dengan situs web WordPress Anda. Video Adam memandu Anda melalui setiap langkah panduan kami – nikmati!

Cara Mengatur AMP untuk WordPress

amp-plugin-wordpress-hero

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

  • Buka Dashboard WordPress> Plugins> Add New
  • Pencarian untuk “AMP”

Pilih plugin dan klik Instal sekarang

cara-menginstal-amp-wordpress-plugin

Setelah mengaktifkan plugin, semua URL posting di situs Anda akan memiliki versi AMP. Anda dapat pergi ke tautan pos mana pun, tambahkan / amp / ke akhir URL dan Anda akan melihat versi AMP.

Mari kita lihat versi normal halaman web.

test-site-no-amp_rz

Dan ini adalah versi AMP dari halaman yang sama:

test-site-amp_rz

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

Namun, jika tidak punya permalink yang cantik diaktifkan, Anda bisa mendapatkan versi amp dengan menambahkan ?amp = 1 ke tautan kiriman. Misalnya, tautan pos 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 meta tag standar di kepala halaman HTML “normal” Anda yang memungkinkan Google dan mesin pencari lainnya mengenali versi AMP dari halaman yang ada. Ini menggunakan logo situs yang dapat Anda atur di Penyesuai Tema WordPress.

Penting untuk dicatat bahwa plugin hanya mendukung konversi posting ke versi AMP. Menurut uraian 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 dari versi AMP halaman di Pingdom. Hasilnya sangat berbeda. Perlu diingat bahwa pengaturan WordPress kami berada di lingkungan hosting bersama menggunakan tema Twenty Fourteen default tanpa plugin caching atau pengoptimalan yang diinstal.

Tangkapan layar berikut menunjukkan tolok ukur kinerja versi dasar halaman:

test-site-no-amp-pingdom

Dan ini adalah hasil dari versi AMP halaman:

test-site-amp-pingdom

Hasilnya sangat berbeda.

Masing-masing komponen mengalami peningkatan yang luar biasa:

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

Semua ini diraih oleh AMP, sambil mempertahankan konten halaman. Tabel berikut menangkap detail tes untuk referensi Anda:

Faktor NormalAMPPerbaikan
Ukuran Halaman (KB)563.816770%
Waktu Muat (dtk)1.420,92935%
Jumlah Permintaan17759%

Melihat angka-angka ini, jelas bahwa mendapatkan AMP adalah tidak punya otak. Tidak hanya akan membantu meningkatkan skor SEO Anda, tetapi juga memberikan pengalaman pengguna yang indah dan rapi.

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

Memperluas Kemampuan AMP

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

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

Masukkan AMP untuk WP – Laman Seluler yang Dipercepat plugin.

amp-for-wp-plugin-2-hero

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

  • Integrasi Google Analytics
  • Dukungan untuk Halaman WooCommerce AMP
  • 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 prasyarat, plugin mengharuskan Anda untuk menginstal dan mengaktifkan plugin AMP agar berfungsi dengan benar. Seperti biasa, Anda dapat menginstal plugin ini mirip dengan cara kami menginstal plugin AMP di awal posting ini.

amp-for-wp-plugin-2-install-activ

Setelah diaktifkan, Anda siap untuk mengkonfigurasi berbagai opsi yang ditawarkan oleh plugin. Kepala ke Dasbor WordPress> AMP untuk mengakses pengaturan.

Dari banyak pengaturan yang ditawarkan plugin, kami mencoba:

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

Berikut adalah tangkapan layar tentang bagaimana versi AMP terlihat setelah menyimpan perubahan:

amp-for-wp-plugin-2-hero-test-page-500-px

Dan inilah kinerjanya:

amp-for-wp-plugin-2-speed-test

Berikut screenshot halaman vanilla AMP untuk perbandingan:

test-site-amp-pingdom

Waktu buka lebih lanjut turun 7,4%. Sangat menarik untuk dicatat bahwa meskipun ukuran halaman dan jumlah permintaan sedikit meningkat, ada peningkatan dalam Tingkat Kinerja keseluruhan (peningkatan 3 poin).

Secara keseluruhan, plugin ini sangat bagus jika Anda serius mendorong lebih keras menuju AMP dan membuat konten, iklan, dan analitik Anda bekerja dengan baik dengan platform.

Kesimpulan

Mengingat pertumbuhan penggunaan ponsel yang eksplosif selama beberapa tahun terakhir, ini tidak lagi menjadi pilihan untuk bisnis online yang lebih dulu mobile. Ini adalah sebuah kebutuhan mutlak. Proyek Laman Seluler yang Dipercepat adalah upaya ambisius menuju tujuan itu dan semakin banyak rumah media mengadaptasinya dengan cepat.

Meskipun lebih mudah bagi blog-blog baru untuk menggabungkan AMP, blog-blog dengan ribuan halaman konten tentu akan terasa sangat menantang. Alasannya sederhana – tidak semua orang mengikuti standar yang tepat saat menerbitkan online. Organisasi berkembang. Bahkan teknologi web yang “panas” lima tahun lalu sudah usang saat ini. Sementara AMP mencoba yang terbaik untuk membangun di atas teknologi web yang ada, mungkin ada beberapa kasus di mana ada beberapa ketidakcocokan / kesalahan. Dan kesalahan ini dapat mempengaruhi nilai SEO Anda.

Idealnya, bisnis harus mengukur sumber lalu lintas yang masuk – berapa persen dari yang datang dari perangkat seluler? Berapa banyak dari mereka yang berasal dari pencarian seluler? Berapa tingkat bouncing pengunjung seluler? Ini adalah pertanyaan yang harus Anda tanyakan sebelum mempertimbangkan AMP.

Jika Anda yakin bahwa konten situs web Anda terstruktur secara teknis sesuai dengan standar terbaru, maka dengan segala cara – teruskan dengan AMP! Anda hanya akan meningkatkan SEO Anda.

Namun, jika Anda tahu bahwa ada banyak kesalahan konfigurasi internal, tautan rusak dan kesalahan, yang terbaik adalah mengatasi (dan mungkin menyelesaikan) masalah tersebut sebelum melanjutkan dengan AMP.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map