Baru-baru ini WordPress sudah mendukung untuk fitur Accelerated Mobile Pages (AMP), apa itu AMP? bagi yang belum tahu AMP adalah sebuah project opensource dari google yang khusus dikembangkan untuk membuat tampilan halaman web agar lebih cepat diakses di perangkat mobile.
Jadi intinya dengan mengaktifkan AMP, setiap visitor yang mengakses halaman website/blog kita melalui perangkat mobile, otomatis tampilannya akan secara khusus menyesuaikan untuk optimalisasi di perangkat mobile, sehingga website/blog akan lebih cepat dan ringan untuk diakses.
Jika ingin tahu lebih dalam tentang proyek Google AMP ini bisa langsung menuju ke link berikut ini, https://www.ampproject.org/docs/get_started/about-amp.html , disitu dijelaskan alasan dibuatnya project AMP dengan video yang mudah dimengerti dan juga dokumentasi dan acara bagaimana memulainya.
Kembali lagi ke wordpress, untuk penguna wordpress.com sendiri sudah bisa menggunakan fitur AMP ini, sementara untuk pegguna wordpress self hosted untuk bisa mengaktifkannya harus menginstal sebuah plugin yang bernama AMP https://wordpress.org/plugins/amp/
Jadi langkah-langkah untuk mengisntal AMP di wordpress :
- Install wordpress plugin AMP, dan aktifkan
Plugin ini otomatis langsung aktif dan bekerja, untuk mengeceknya amp sudah aktif, silahkan buka sebuah url blog kita dengan ditambahkan /amp/ pada path terakhir url , contohnya
https://andykamt.com/install-google-amp-accelerated-mobile-pages-di-wordpress/amp/
Jika disitu terlihat tampilan yang minimalis, maka bisa dipastikan kita sudah berhasil mengaktifkan Accelerated Mobile Pages. - Jika anda pengguna YOAST, setelah mengaktifkan amp, saya sarankan aktifkan juga Yoast SEO AMP glue plugin. Glue yoast ini berfungsi agar wordpress amp plugin tetap menggunakan metadata yoast seo dan memungkinkan kita untuk memodifikasi pada halaman desain amp.
- Kemudian Aktifkan juga plugin PageFrog , karena tampilan AMP sangat minimal, jadi jika kita ingin melakukan perubahan style pada AMP dengan wordpress, bisa menggunakan plugin ini.
Terakhir untuk memastikan google AMP ini berjalan dengan baik, kita bisa lakukan validasi atau debugging dengan cara, buka salah satu url artikel AMP kita, dibelakang urlnya kita tambahkan /amp/#development=1
Kemudian jika menggunakan chrome buka console dengan menekan tombol Ctrl+Shift+I dan pastikan pada tab “Console” tidak banyak peringatan error yang muncul, jika tidak ditemukan error/peringatan sama sekali berarti AMP kita sudah berjalan dengan baik.
Kukuh
09/04/2016Trimakasih atas ulasanya tentang AMP. btw menurut mas andy seberapa besar pengaruh amp terhadap seo ? saya ingin pake ini tapi ragu soalnya theme udah responsive.
andykamto
18/04/2016sepertinya pengaruhnya masih belum banyak terasa mas, tapi yakin jika nantinya sudah banyak yang pakai, pasti akan berpengaruh kepada SERP dimata google
Ary Anshorie
23/06/2016Aseeek… mantabb tutorialnya
andykamto
24/06/2016joss gan, silahkan diinstall ampnya hehe
bliblinews
22/07/2016pasang histats di halaman amp gimana mas
andykamto
16/08/2016mungkin harus ngoprek tag ampnya mas, tutorial yang ada kebanyakan pake amp-analytics tag yang terhubung dengan google analitycs, kalo berhasil dg histatsnya boleh di share disini mas 😀
NINING
28/07/2016makasih om andi..
langsung meluncur instal plugin amp nya..
andykamto
16/08/2016sama-sama.. silahkan diicip..ampnya
saripudin
07/09/2016nah ini dia yang di cari cari,,,
langsung menyedot….
makasih bang
JakaKusnandar
12/09/2016Jika web kita sudah cepat, misalkan saya sudah optimasi page speed diatas 90 apakah perlu memakai amp ini mas Andy?
andykamto
13/09/2016bisa coba di pakai mas, supaya lebih cepat wuz-wuz lagi
, sama agar visitor dengan perangkat seluler spek rendah bisa lebih nyaman mengakses,
iskandar
26/09/2016cara pasang iklan google ads di theme AMP gimana mas?
andykamto
26/09/2016untuk pasang adsense di amp bisa di coba plugin satunya mas https://wordpress.org/plugins/accelerated-mobile-pages/
sokeh
27/10/2016nanya om
cara memadukannya dengan push notifikasi gmn ya
andykamto
27/10/2016halo om, ini push notif untuk di mana ya..
agenwisatakarimunjawa
27/11/2016makasih banyak gan. tutornya saya terapkan di http://www.agenwisatakarimunjawa.com working
andykamto
08/01/2017mantap gan :bd
Kabar Seluler
09/12/2016Terima kasih tutorialnya mas. 😀
andykamto
08/01/2017sama-sama mas gan 😀
adyblog
03/01/2017Tapi adsense banyak yg nggak muncul gan. $$ jadi berkurang 😀
andykamto
08/01/2017hahaha iya gan jadi dilema, coba pake amp plugin satunya gan, yg bisa nampilin adsense
Fery Ferlangga
14/01/2017saya sudah menerapkan AMP ini di blogger bukan di wordpress hehe , mantep mas postingan nya , jngan lupa untuk kunjungan balik nya ya
Simon Sitompul
27/01/2017Mau nanya, gimana ngatasi duplicat title tag di webmaster? Sejak saya menggunakannya semua jadi duplicate title di webmaster.
andykamto
12/02/2017wah belum pernah ngalamin ni saya mas, sudah dicoba dihapus manual via gwt belum..
Yourfabulousmama
30/03/2017Salam, instead of Yoast SEO AMP Glue Plugin saya gunakan Accelerated Mobile Pages plugin by Ahmed Kaludi. Ia lebih support kepada styling AMP pages.
Tapi cuma satu, sejak apply AMP ini, situs saya kehilangan data trafik hampir 50%. Saya guna google analytis, GA. Jadi persoalannya, gi mana hendak connect AMP pada GA?
andykamto
26/04/2017Salam juga, waduh kenapa bisa begitu drop turun trafiknya, apakah sudah dicek via Google search console? apa ada pesan error/peringatan amp yang muncul disitu?
Dupitek
12/10/2017Kalau cara pasang amp analytic gimana mas
Karimunjawa
18/07/2019AMP setahu saya kalau website nya di kunjungi…sangat ringan. ..apakah benar suhu?
Jepara Wood
24/03/2021AMP angat ringan sekali kalau di buka lewat mobile