Cara membuat GeneratePress dan AMP sepenuhnya kompatibel

GeneratePress dan AMP kompatibel. Dalam posting ini saya akan menunjukkan kepada Anda cara membuat GeneratePress 100% kompatibel dengan AMP.

Accelerated Mobile Pages (AMP) adalah proyek sumber terbuka yang dibuat oleh Google bersama Automattic. Tujuannya adalah membuat situs web lebih cepat di ponsel.

Jika sebagian besar pengunjung Anda berasal dari perangkat seluler, maka AMP berpotensi meningkatkan lalu lintas Anda secara signifikan seiring berjalannya waktu.

Namun jika sebagian besar pengunjung Anda berasal dari desktop, Anda mungkin tidak menyadari perbedaan yang signifikan, tetapi tetap saja itu sepadan.

HasilkanTekan adalah tema WordPress tercepat yang pernah saya lihat. Anda dapat melihat saya Hasilkan ulasan PersKabar baiknya adalah 100% kompatibel dengan AMP.

Menerapkan AMP di situs web/blog Anda

Cara terbaik untuk menerapkan AMP adalah dengan memanfaatkan Plugin AMP resmi yang dibangun dan dirawat oleh Google sendiri.

Kunjungi direktori WordPress untuk memasang dan mengaktifkan Plugin. Untuk melakukannya, klik plugins dari dasbor Anda, lalu klik Add New. Setelah berada di halaman, cari AMP. Anda akan melihat Plugin AMP.

Setelah terinstal, aktifkan plugin. Kemudian klik pengaturan. Anda akan melihat tiga opsi. Mode standar, mode transisi, atau mode pembaca. Mode pembaca akan berfungsi secara normal. Karena tidak bergantung pada tema Anda untuk berfungsi. Namun, jika Anda mengalami masalah saat menjalankan GeneratePress pada mode transisi atau standar, ikuti langkah-langkah di sini.

Bahkan jika Anda menggunakan plugin AMP lainnya, langkah-langkah ini akan berfungsi.

Cara membuat GeneratePress dan AMP sepenuhnya kompatibel

Ikuti langkah-langkah berikut untuk membuat GeneratePress dan AMP sepenuhnya kompatibel:

1. Unduh dan instal Plugin AMP untuk GeneratePress

Ada Plugin resmi buatan Tom Usborne, pengembang dan pendiri GeneratePress. Tujuan plugin ini adalah untuk memperbaiki masalah kompatibilitas dengan AMP.

Plugin tersebut belum tersedia di direktori WordPress. Namun Tom memberi tahu saya melalui email bahwa ia akan segera menyediakannya.

Untuk saat ini, Anda bisa dapatkan plugin dari GitHub.

Setelah itu, klik Clone atau unduh. Lalu klik unduh zip.

Sekarang untuk masuk ke dasbor WordPress Anda, klik pada plugins lalu klik pada add new. Pada halaman baru, klik pada upload plugin, lalu pilih file yang baru saja Anda unduh dan instal.

Setelah terinstal, aktifkan. Itu saja.

2. Ganti AMP ke mode transisi atau standar

Sekarang, masuklah ke pengaturan plugin AMP lagi dan beralihlah ke mode transisi atau standar. Mode transisi berarti kerangka tema Anda digunakan untuk menyajikan AMP dan Non-AMP, sedangkan mode standar berarti situs Anda mengutamakan AMP.

Jika situs Anda berfungsi pada mode transisi AMP, maka situs tersebut akan berfungsi pada mode standar. Satu-satunya perbedaan antara keduanya adalah URL kanonik.

Saat dalam mode transisi, Anda perlu menambahkan ?amp di akhir tautan Anda termasuk beranda untuk mengakses AMP.

Namun, saat dalam mode standar, tidak diperlukan penambahan. URL kanonik Anda adalah amp.

Untuk pengujian ini, saya menggunakan mode transisi untuk menunjukkan bahwa cara ini berhasil. Saya lebih suka menggunakan AMP pada mode pembaca karena sebagian besar pengunjung saya berasal dari desktop.

3. Lakukan Uji AMP.

Setelah beralih ke mode transisi atau standar. Anda akan melihat banyak kesalahan! Jangan panik!

Anda dapat melihat kesalahan yang saya dapatkan di bawah ini setelah mengubah Alat Blog ke mode transisi.

Ada 48 indeks kesalahan.

Sebagian besar kesalahan ini adalah peringatan. Beberapa di antaranya disebabkan oleh plugin. Peringatan ini dimaksudkan untuk memberi tahu Anda bahwa item yang disorot tidak akan ditampilkan di AMP.

Saya tidak melihat ada peringatan utama yang terkait dengan tema.

Masalah utama yang saya temukan berasal dari plugin caching saya, Breeze. Plugin tersebut menambahkan CSS yang tampaknya tidak cocok untuk AMP. Jadi saya menonaktifkan Breeze dan melanjutkan pengujian.

Anda dapat menggunakan Alat pengujian AMP resmi Google untuk pengujian.

Hasilnya menunjukkan bahwa AMP berjalan tanpa masalah. Lihat di bawah.

Berikut ini pengujian untuk laman beranda saya.

Kemudian saya menguji halaman postingan:

Dari atas, Anda dapat melihat bahwa AMP dan GeneratePress sepenuhnya kompatibel.

Masalah umum

Jika Anda masih mengalami masalah dalam membuat AMP berfungsi dalam mode transisi atau standar, kemungkinan besar masalahnya ada pada plugin Anda.

Penyebab utamanya kemungkinan besar adalah plugin caching atau plugin optimasi yang tidak kompatibel dengan AMP.