Cara Setting Plugin AMP for WP di WordPress

Mungkin Anda sudah tidak asing lagi dengan plugin AMP for WP. Plugin ini adalah plugin AMP terbaik untuk saat ini. Namun ternyata masih banyak yang belum tahu bagaimana cara setting plugin AMP for WP yang benar.

Tentang plugin AMP FOR WP

AMP for WP – Accelerated Mobile Pages adalah salah satu plugin pertama wordpress yang mendukung teknologi AMP. Plugin ini bukan keluaran dari google. Plugin ini dikembangkan oleh Ahmed dan Muhammed Kaludi. Meskipun teknologi amp sendiri adalah iniasi dari google, namun plugin ini bisa dikatakan lebih baik dari plugin amp official dari google (saat ini).

Baca juga: Kelebihan dan kekurangan blog AMP

Apa saja fungsi Plugin AMP For WP

Hampir semua fungsi AMP didukung oleh plugin ini. Bahkan kita tidak perlu susah payah untuk membuat sebuah website bisa valid AMP. Cukup aktifkan plugin ini maka otomatis webiste Anda akan valid amp. Beberapa fungsi utama plugin ini adalah:

  1. Valid AMP untuk semua halaman baik homepage, post, page, archives dll
  2. Kompatible dengan plugin Yoast, Rank Math, All in One dan plugin seo lainnya.
  3. Pilihan tema yang menarik
  4. AMP Page Builder
  5. Support page builder lain seperti Divi, Elementor dll
  6. AMP ads Advanced
  7. AMP chace
  8. dll

AMP for WP ini ada dua versi yaitu versi premium dan free. Jika Anda berlangganan versi premium maka Anda akan mendapatkan lebih banyak lagi fitur AMP yang menarik.

Apa bedanya dengan plugin AMP lain?

Perbedaan mendasar yang saya rasakan adalah tampilan temanya. Di plugin AMP for WP, kita bisa mengatur sendiri desain tema yang digunakan. Tidak seperti plugin official AMP dari google, yang hanya memberikan tema default sangat sederhana.

Untuk lebih lengkapnya, berikut saya rangkum beberapa kelebihan dan kekurangan dari dua plugin amp tersebut.

Plugin AMP Official

Kelebihannya sangat mudah digunakan, Anda hanya perlu mengaktifkan pluginnya maka halaman website akan langsung valid AMP.

Sedangkan ekurangannya, Anda tidak memilik banyak kendali atas tampilan website AMPnya.

Sebagai contoh coba lihat gambar dibawah ini. Ini adalah pengaturan tampilan yang ada di plugin amp official. Sangat sederhana! Anda hanya bisa mengatur warna header, link dan pilihan dark atau light.

Pengaturan tampilan amp official 1

Plugin AMP for WP

Beda halnya dengan AMP official, jika menggunakan plugin AMP for WP kita bisa bebas mengatur tampilan website versi AMPnya. Mulai dari tema, warna, posisi dll. Tersedia juga fitur untuk menyisipkan iklan, kode analytic, dan redirect otomatis ke amp.

Untuk kekurangannya saya belum bisa pastikan. Bisa dibilang hampir tidak ada. Karena plugin ini sudah menyediakan hampir semua hal yang dibutuhkan tentang AMP.

Ini adalah salah satu contoh pengaturan dari segi desain yang bisa Anda lakukan.

Pengaturan tema di plugin amp for wp

Coba perhatikan mulai dari header hingga footer halaman blog Anda bisa disesuaikan dengan plugin ini.

Cara setting plugin amp for wp yang benar

Sebenarnya cara setting AMP for WP ini tidaklah sulit. Di website resminya juga tersedia panduannya secara detail. Namun jika Anda malas membuka satu persatu panduannya, silahkan ikuti panduan detailnya berikut ini.

Install Plugin AMP for WP

  1. Silahkan install pluginnya melalui dashboard. Masuk ke menu Plugin > Add New > cari AMP for WP – Accelerated Mobile Pages for WordPress. Kemudian install.
  2. Setelah terinstall klik Settings seperti pada gambar berikut.
Setting amp for wp

Menu Setup

Cara setting plugin AMP for WP
  • Website type: saya memilih blog karena jenis website saya blog.
  • Where do you need AMP: Home, Post, Page, Archives (sesuai selera)
  • Design and Presentation: Silahkan upload logo Anda ukuran 120×90 dan tentukan warna web secara umum.
  • Analytic Tracking: Masukkan kode tracking google analytic. Contoh UA-XXXXX-X
  • Privacy Settings: Saya pilih offkan, karena target blog saya Indonesia jadi tidak masalah.
  • Advertisement: Silahkan Anda isi dengan kode iklan Anda.
  • 3rd Party Compatibility: Jika Anda sudah menggunakan plugin yoast, rank math atau yang lainnya. Silahkan pilih plugin tersebut. Abaikan struktur data pada daftar recommended plugin. Karena kita akan mengambil struktur data dari plugin yoast

Menu Settings

Mulai dari sini cara setting plugin AMP for WP akan saya jelaskan saja yang menurut saya itu penting. Jadi nanti ada beberapa hal yang tidak saya jelaskan. Silahkan Anda tanyakan di komentar jika mengalami kesulitan.

1. General

Silahkan Anda upload logo blog ukuran 190×36 px. Kemudian sesuaikan yang lainnya.

2. SEO

Aktifkan meta description dan open graph meta tags. Kemudian pada bagian seo plugin integration saya pilih Yoast, karena saya menggunakan yoast. Lebih jelasnya seperti gambar ini.

pengaturan seo

3. Performance

Dibagian performance enhanment saya aktifkan semua supaya loading web versi amp lebih cepat.

4. Analytics

Silahkan masukkan lagi kode tracking js (UA-XXXXXX-X) ke dalam kode json seperti gambar berikut.

Google analytic amp

5. Structured Data

Untuk struktur data halaman post, saya menggunakan BlogPosting, sedangkan untuk yang lain menggunakan WebPage.

Struktur data

Upload juga gambar untuk default post image dan video. Hal ini sebagai cadangan jika artikel Anda tidak menyertakan gambar sama sekali.

6. Advance Setting

Bagian paling penting adalah aktifkan Mobile Direction agar pengunjung dari smartphone bisa dialihkan ke versi AMP (supaya akses blog lebih cepat). Kemudian aktifkan juga Search result Page in AMP agar hasil pencarian versi mobile di google yang muncul adalah versi AMP.

Untuk lebih lengkapnya silahkan lihat gambar berikut.

Advanced-setting-amp-for-wp

Jika Anda mengatur di plugin SEO untuk menghilangkan Category Base, semula url kategorinya domain.com/category/namakategori menjadi domain.com/namakategori. Maka bagian advanced settings AMP for WP aktifkan pilihan Auto Add AMP in Menu URL dan Category base remove in AMP.

Menu Design

Pada bagian menu Design kita hanya perlu mengaktifkan dan mematikan pilihannya saja. Karena setiap orang punya selera desain berbeda-beda, maka saya tidak akan memberikan tutorialnya disini.

Namun ada bagian menarik di menu Desain plugin AMP ini. Yaitu kita bisa memasukkan css custom untuk merubah tampilan web AMP. Fitur ini ada di bagian Global > Advance. Silahkan coba masukkan css yang Anda inginkan di kotak yang sudah disediakan seperti gambar berikut.

Custom css AMP for WP

Apa bedanya AMP for WP versi gratis dan premium?

Sebenarnya yang versi gratis saja sudah cukup jika hanya untuk membuat halaman web valid amp dengan tampilan yang lumayan oke. Namun untuk menikmati beberapa fitur lainnya yang lebih kompleks, kita harus membelinya secara premium.

Berikut beberapa fitur yang ada di plugin AMP for WP versi premium

  1. Advanced AMP ads: Fitur ini memungkinkan kita untuk menempatkan iklan dimana saja pada halaman AMP. Versi free juga ada slot untuk iklan tapi sangat terbatas.
  2. AMP chace: Layanan chace khsusus yang bisa meningkatkan kecepatan halaman AMP.
  3. Support elementor dan Divi: Buat kamu yang menggunakan page builder tidak usah khawatir jika menggunakan AMP premium. Karena AMP for WP sudah support dengan page builder ini. Jadi desain template yang Anda buat di elementor maupun divi akan sama dengan versi AMPnya.
  4. Support Woocommerce
  5. Mendapatkan pilihan tema AMP yang lebih banyak.
  6. Support komentar, pop up dll.

Untuk lebih lengkapnya tetang fitur AMP for WP premium silahkan baca pada link berikut: https://ampforwp.com/membership/

Berapa harga versi premiumnya?

Untuk penggunaan personal harganya $149. Ini adalah harga yang paling murah. Masih mahal ya?

Okelah jika Anda ingin mencoba versi premiumnya dan ingin harga yang murah kamu dapat membelinya di tedieka.com hanya dengan harga 150ribu 100ribu.

Apakah licensi nya asli?

Tentu saja asli, karena nanti anda akan melihat sendiri licensinya seperti gambar berikut.

Licensi amp for wp

Jika ingin mencobanya silahkan hubungi saya melalui kontak yang ada pada blog ini. Saya akan dengan senang hati membantu Anda jika mengalami kesulitan dalam penggunaanya.

Apakah ada perubahan setelah menggunakan AMP for WP?

Perubahan setiap blog mungkin berbeda-beda ya, hanya saja selama saya menggunakan plugin ini sekitar seminggu justru cenderung lebih baik. Silahkan lihat gambar grafik berikut ini.

Setelah menggunakan AMP

Demikian tutorial cara setting plugin AMP for WP semoga bermanfaat.

Bagikan:

Leave a Comment