Menerapkan Accelerated Mobile Pages di WordPress

Halo

Halo Kali ini gw mau share Pasang AMP (Accelerated Mobile Pages) di WordPress, kali ini kita akan mempelajari dengan menggunakan Plugin, langsung aja.

Step by Step

1. Install Plugin

Tambah Plugin Baru

kali ini kita akan menginstall, sebelumnya kalian ke menu Plugin dan pilih “Tambah Baru” pada submenu dari Plugin.

Install Plugin AMP

Jika Sudah muncul halaman “Tambah Baru Plugin” kalian ketik nama plugin ini di bar pencarian, dan pastikan nama plugin dan ikon sama dengan gambar diatas. Pada kasus ini gw pake “AMP for WP” mungkin karna ini yang rekomen dan setupnya juga mudah banget jika sudah, jika kalian install plugin ini, silahkan kalian install plugin pendukungnya seperti dibawah ini.

Install Plugin Yoast SEO

pastikan nama plugin dan ikon sama dengan gambar diatas. Pada kasus ini gw pake “Yoast SEO” mungkin karna ini yang rekomen dan setupnya juga mudah banget jika sudah, jika kalian install plugin ini, silahkan kalian install lagi plugin pendukungnya seperti dibawah ini.

Install Plugin Glue Yoast Seo & AMP

Glue Yoast ini berfungsi sebagai pelengkap pada Yoast SEO, nah Yoast SEO ini adalah plugin yang sangat banyak digunakan dalam optimasi mesin pencarian. jika sudah silahkan kalian konfigurasi AMP nya.

2. Konfigurasi AMP

AMP Settings

pada bagian ini silahkan kalian melakukan konfigurasi AMP dengan pilih opsi “Run Installation Wizard” dan ikuti petunjuk instalasi hingga selesai.

Instalasi AMP Selesai

jika kalian mendapatkan tampilan seperti ini maka instalasi sudah selesai, lalu kembali ke menu plugin AMP untuk melakukan konfigurasi sesuai keinginan kalian.

AMP Mobile Direction

AMP pada situs kalian sudah aktif, tetapi jika kalian masukan situs didalam web browser di handphone tampilan tidak menjadi AMP karena kalian belom Redirect AMP jika penguna menggunakan handphone, caranya seperti gambar diatas ini.

Jika sudah pencet tombol “Save Changes” dan konfigurasi nya sudah tersimpan, dan saatnya konfigurasi dibagian Yoast SEO agar dapat terindex di Mesin Pencarian.

3. Konfigurasi Yoast SEO

Konfigurasi pada Yoast SEO

pada pengaturan Yoast SEO kalian pilih ke menu “AMP” lalu aktifkan semua dan “Save Changes” untuk menyimpan pengaturan AMP.

4. Validasi AMP di Mesin Pencarian Google

Test Halaman AMP

pada gambar ini kita harus memastikan bahwa AMP benar-benar berkerja pada situs kita, dengan mengeceknya pada situs https://search.google.com/test/amp dan jika AMP kalian valid akan muncul halaman seperti ini, dan jika tidak valid mungkin ada yang salah saat kalian konfigurasi AMP nya, dan kalian harus double check lagi step dari awal sampe step ini, sebenernya situs ini hanya validasi aja apakah AMP kita valid atau tidak.

5. Hasil Akhir

Situs non AMP (Kiri) & Situs AMP (Kanan)

Akhir Kata

Selamat! kalian telah mempelajari cara menerapkan AMP pada wordpress, mungkin itu aja sih. Makasih 😀

Bagikan Melalui :

Post Author: Berandalan Jenius

Seorang Berandalan Jenius yang bercita-cita menjadi penulis dan membuat terkesan cewek yang ia sukai.