18 Jul

Bagaimana Cara yang Benar untuk Setup AMP WordPress?

Bagaimana kita melakukan setup AMP wordpress dengan cara yang benar?

Apakah setup AMP wordpress cukup sulit?

Jawabannya tentu saja tidak sulit. Apalagi kita akan menggunakan plugin “WordPress AMP Plugin. Link: https://wordpress.org/plugins/amp

Plugin AMP wordpress ini dibuat juga oleh automattic yang merupakan perusahaan yang dahulu didirikan oleh pembuat wordpress. Kini WordPress dikelola oleh wordpress foundation.  Ini link untuk sejarah lengkap wordpress.

Jadi, kehandalan plugin ini bisa kita pertanggungjawabkan.

Kompatibilitasnya dengan WordPress serta theme yang dibuat dengan standar WordPress semestinya terjaga dengan baik.

Bagi yang belum mengetahui apa itu AMP ini penjelasan singkatnya.

AMP atau Accelerated Mobile pages adalah versi halaman statik (cache atau cookie) yang ditampilkan oleh Google untuk pengguna website kita.

Versi halaman statik ini tentunya sangat cepat loadingnya karena wordpress kita tidak perlu di – load dari database. Tetapi situs kita akan di load dengan versi statisnya saja.

Lebih lagi, versi AMP hanya menampilkan bagian situs yang penting saja untuk di load. Jadi, javascript serta bagian lainnya bisa saja dibuang oleh Google.

Hasil akhirnya adalah kenaikan rangking di Google. Ya, karena loading halaman kita meningkat sangat pesat.

Saya pernah mencoba menggunakan versi statis ini untuk suatu situs yang kebetulan servernya sharednya sering lemot. Hasilnya, loading situs tersebut sangat cepat, seolah situs itu di host di sebuah server VPS besar.

Saat ini Google berharap semua situs menggunakan AMP.

Kekurangan dari AMP, barangkali jika sudah menjadi versi AMP, kita tidak bisa mengembalikan situs kita ke seperti semula.

Yang kedua, karena yang dimuat adalah versi penting saja dari situs, maka akan ada bagian tampilan yang hilang.

Untuk iklan Adsense, bisa kita tampilkan tetapi penampilannya dibatsasi. Jadi pasti hasil iklannya berkurang.

Jika Anda ragu dengan AMP, silahkan menggunakan layanan CDN seperti Cloudflare untuk mempercepat situs.

Cara membuat setup wordpress AMP

Menggunakan plugin AMP for WordPress.

Buka plugin kemudian klik add new. Cari AMP for WordPress. Jika linknya sama dengan yang diatas, maka install dan aktifkan.

cara membuat setup AMP WordPress yang benar

Kemudian, kita mengunjungi tab Appearance. disana kita pilih AMP. Kemudian menuju AMP Customizer. 

Kita memilih tab Design supaya bisa mengatur tampilan situs versi AMP kita.

cara membuat setup AMP WordPress yang benar 2

Kita bisa mengatur warna, text, link dan sebagainya. Jika sudah merasa pas dengan setingan kita, kita klik Publish.

Kemudian, kita perlu seting apakah hanya post yang kita masukkan di AMP. Atau, mungkin kita punya kontak dan alamat di page yang perlu kita tampilkan di AMP juga.

cara membuat setup AMP WordPress yang benar 3

Disana ada pilihan untuk Post dan Page Type Support. Setelah itu kita pilih Save Changes.

Untuk plugin ini, tidak terlalu banyak opsi yang ditawarkan. Jika kita ingin mengintegrasikan Yoast ke ke AMP, kita bisa menggunakan plugin Gue for Yoast SEO & AMP.

 

cara integrasi yoast seo dengan plugin AMP

Setelah menginstal dan mengaktifkan plugin ini, kita pilih apakah kita mengaktifkan AMP di postingan dan media atau tidak.

amp yoast seo 2

Klik Save Changes. Untuk tab design, ada pengaturan warna, ikon baru website di AMP dan custom CSS.

amp yoast seo 1

Cara Validasi Situs AMP WordPress

Yang paling sederhana, kita validasi situs kita menggunakan tool developer dari browser kita.

Untuk browser Google Chrome, kita buka halaman AMP kita disana.

Kemudian kita tamahkan  code ini #development=1.

Kita buka Chrome DevTools console. Jika ada error maka error teersebut akan ditandai menjadi berwarna merah.

Error ini biasanya disebabkan karena prefix yang tidak valid ataupun tag yang kita tidak perlu untuk dipergunakan.

Biasanya, cara untuk mengatasi error bisa kita baca disana. Tetapi, Google sendiri juga membuat daftar error serta cara mengatasinya.

Tools lain yang bermanfaat untuk mengetahui error validasi AMP adalah ekstensi AMP Validator yang tersedia untuk Chrome serta opera.

Seperti halnya tools developer tadi, ekstensi ini juga akan menampilkan warna merah serta penyebabnya.

Tool ini bahkan bisa menampilkan versi AMP dari halaman non AMP kita.

Kesimpulan.

Membuat halaman AMP untuk WordPress termasuk mudah. Kita bisa menggunakan plugin yang memang ditujukan untuk itu.

AMP sendiri akan mempercepat halaman kita dengan menyajikan halaman “seperlunya” saja serta hanya versi statik saja.

Tetapi, tentunya akan ada sedikit kekurangan, kenaikan rangking karena kecepatan halaman bisa diganti dengan sedikit penurunan hasil iklan kita.

Jika ternyata hasil iklan kita secara umum naik karena rangking kita juga naik tinggi, silahkan menggunakan AMP.

Rate this post

Leave a reply