in ,

Cara Mengatur Google AMP (Accelerated Mobile Pages) di Situs WordPress Anda

Apakah Anda ingin menyiapkan Google AMP (Accelerated Mobile Pages) di situs web WordPress Anda? Ini cara yang bagus untuk meningkatkan kecepatan situs Anda memuat pada perangkat seluler, dan bahkan dapat memberi Anda dorongan dalam hasil pencarian.

Dalam posting ini, Anda akan belajar cara menginstal dan mengkonfigurasi Google AMP dengan benar menggunakan salah satu dari dua plugin yang berbeda – Plugin AMP oleh Automattic atau AMP untuk WP.

Saya juga akan membahas pro dan kontra menggunakan AMP, sehingga Anda dapat membuat keputusan berdasarkan informasi apakah Anda ingin menambahkannya ke situs Anda atau tidak.

Bagi Anda yang lebih suka tutorial video, saya telah menyertakan dua di antaranya di bawah ini. Salah satunya adalah untuk menyiapkan Plugin AMP oleh Automattic, yang lainnya untuk AMP untuk WP.

Daftar Isi

Apa itu Google AMP?

Google’s Accelerated Mobile Pages adalah inisiatif open-source yang bergantung pada HTML minimal dan Javascript terbatas. Konten AMP di-host di cache AMP Google, yang kemudian disajikan kepada pengunjung Anda secara instan ketika mereka mengklik hasil Anda di mesin pencari.
Inisiatif AMP didukung oleh Google dan Twitter, dan tujuan proyek ini adalah untuk membuat pemuatan konten web lebih cepat bagi pengguna seluler. Laman Seluler yang Dipercepat berfungsi dengan baik di setiap aplikasi, peramban, dan penampil web.

Manfaat Google AMP

  1. AMP sangat meningkatkan pengalaman pengguna untuk pengunjung seluler dengan koneksi internet yang lambat. Itu membuat konten Anda ramping dan cepat, yang berarti pengunjung Anda tidak perlu menunggu situs Anda memuat. Ini secara alami akan menghasilkan lebih banyak traffic, asalkan konten Anda bermanfaat.
  2. Google mendorong penggunaan AMP dengan memberi mereka dorongan dalam hasil pencarian seluler. Menambahkan AMP ke situs Anda akan membantu meningkatkan upaya SEO Anda.
  3. Konten situs yang sesuai dengan standar AMP memiliki peluang untuk muncul di komidi putar di bagian atas hasil pencarian Google mobile, yang dapat sangat meningkatkan paparan situs Anda.
  4. Memiliki AMP di situs Anda akan mengurangi beban pada server hosting Anda, yang akan membantu meningkatkan kinerja situs web.

Kerugian dari Google AMP

  1. Karena AMP menggunakan serangkaian HTML, JavaScript, dan CSS terbatas, Anda mungkin tidak dapat dengan mudah menambahkan fitur dan widget tertentu ke konten Anda. Menambahkan AMP dapat mencegah Anda menambahkan CTA (ajakan bertindak), tombol bagikan, dan skrip dinamis lainnya. Catatan: Dengan AMP untuk WP, ada lebih banyak opsi untuk menambahkan berbagai fungsionalitas. Saya sangat merekomendasikan memeriksanya untuk melihat cara kerjanya dengan situs Anda.
  2. Plugin AMP oleh Automattic hanya mendukung Google Analytics. Saya tidak benar-benar berpikir ini adalah kelemahan, tetapi beberapa orang melakukannya. Plugin AMP untuk WP memiliki lebih banyak opsi analitik, termasuk: Analisis Segmen, Analisis Piwik, Pengukuran Quantcast, comScore, Pengukuran Efektif, StatCounter, Analisis HiStats, Yandex Metrika, dan Analisis Chartbeat.
  3. Ini dapat membatasi peluang untuk beriklan di situs Anda. Meskipun iklan diizinkan dalam konten AMP, menambahkannya lebih sulit daripada di laman ‘normal, non-AMP seluler’. Google sedang berupaya memperluas jenis iklan yang didukung, jadi kami akan melihat ke mana arahnya. Catatan:  Plugin AMP untuk WP mendukung berbagai format iklan, dan mereka memiliki ekstensi premium untuk memperluas kemampuan iklan lebih lanjut.
  4. Jika Anda memutuskan untuk menginstal dan mengkonfigurasi AMP di situs Anda dan kemudian berubah pikiran dan menghapusnya, Anda ingin mengatur 301 pengalihan kembali ke posting non-AMP. Ini bukan masalah besar, tetapi sesuatu yang perlu dipertimbangkan sebelum menginstal AMP.

Opsi # 1: Menyiapkan AMP menggunakan Plugin AMP oleh Automattic

Plugin WordPress Halaman Seluler yang Dipercepat
Untuk mengatur AMP di situs WordPress Anda, pertama-tama Anda harus menginstal plugin AMP . Buka Plugin > Tambah Baru dan cari AMP . Setelah Anda menemukannya, cukup instal dan aktifkan.
Lalu, buka Appearance > AMP untuk melihat seperti apa situs Anda di perangkat seluler menggunakan Laman Seluler yang Dipercepat.
Karena AMP menggunakan HTML dan CSS yang dipreteli, Anda tidak akan memiliki banyak dalam hal opsi visual (setidaknya menggunakan plugin AMP khusus ini). Anda dapat mengubah warna latar belakang tajuk dan warna tautan, serta warna teks tajuk. Selain itu, Anda dapat memilih skema warna terang atau gelap.
Jika tema Anda mendukungnya, plugin AMP juga akan menggunakan ikon situs Anda.
Setelah Anda mengonfigurasi pengaturan Anda, pastikan untuk menyimpan perubahan Anda. Saat ini, plugin AMP untuk WordPress hanya mendukung posting dan BUKAN halaman. Catatan:  Plugin AMP untuk WP yang disebutkan di bawah ini memungkinkan Anda menggunakan AMP untuk posting dan halaman.
Untuk melihat seperti apa tampilan suatu Halaman Seluler yang Dipercepat, buka dan tambahkan / amp / ke akhir URL seperti:
http://yourcoolsite.com/awesome-post/amp/
Bergantung pada konten situs Anda, Anda mungkin atau mungkin tidak ingin menggunakan AMP. Jika menambahkannya secara drastis mengubah fungsionalitas dan penampilan posting blog Anda, Anda dapat memilih untuk menunda untuk saat ini.
Jika sebagian besar lalu lintas situs Anda adalah seluler, mungkin ada baiknya mengorbankan beberapa desain visual dan fungsionalitas untuk meningkatkan pengalaman pengguna.
Pikirkan tentang hal ini dan putuskan mana yang terbaik untuk Anda. Sangat mudah untuk menginstal dan mengaktifkan AMP, lalu lihat seperti apa tampilan posting Anda. Jika Anda tidak menyukainya, cukup nonaktifkan dan hapus instalannya.

Menambahkan Lem untuk Yoast SEO & AMP

Lem untuk Yoast SEO & AMP plugin WordPress
Secara default, plugin AMP Automattic menggunakan metadata yang mungkin tidak ideal. Yoast membangun plugin yang bermanfaat yang memungkinkan Anda menyesuaikan metadata ini dan menggunakan AMP bersama dengan Yoast SEO.

Jenis posting

Jenis posting di Glue for Yoast SEO & AMP plugin
Untuk mengatur opsi untuk plugin, buka Yoast SEO di sidebar kiri dan klik AMP.
Di tab Jenis posting , Anda dapat memilih item mana yang ingin Anda dapatkan dukungan AMP. Pengaturan default tampaknya baik-baik saja di sini, jadi Anda bisa membiarkannya apa adanya.

Desain

Atur ikon AMP dan gambar default.
Ikon AMP – Pilih ikon yang ingin Anda gunakan untuk AMP (minimal harus 32 x 32 piksel).
Gambar default – Anda juga dapat memilih gambar default untuk digunakan ketika sebuah posting tidak memiliki gambar yang terkait dengannya (harus memiliki lebar setidaknya 696px). Tentu saja, Anda harus memastikan setiap posting memiliki gambar uniknya sendiri.

Warna konten

Pengaturan warna konten di lem untuk plugin Yoast SEO & AMP
Warna Header AMP – Pilih warna untuk latar belakang header AMP Anda.
Warna judul – Pilih warna untuk judul posting Anda.
Warna teks – Tetapkan warna untuk salinan isi posting Anda.
Warna info pos meta – Pilih warna untuk info meta yang ditampilkan di bagian atas posting Anda, termasuk nama penulis dan tanggal yang dipublikasikan.

Tautan

Tautan pemformatan dalam Lem untuk Yoast SEO & AMP
Warna teks – Pilih warna untuk tautan Anda.
Hover color – Pilih warna hover untuk teks tautan Anda.
Garis Bawah – Pilih apakah tautan digarisbawahi atau tidak.

CSS ekstra dan Kode ekstra di <head>

CSS ekstra dan kode tambahan di tajuk Lem untuk Yoast SEO & AMP.
CSS ekstra – Masukkan kode CSS tambahan di sini.
Kode ekstra di <head> – Tambahkan meta dan tag tautan apa pun di area ini.

Analisis

Analisis untuk halaman AMP.
Di tab Analytics , Anda dapat memasukkan versi JSON khusus AMP untuk skrip Google Analytics Anda.
Catatan:  Skrip Google Analytics generik tidak akan berfungsi dengan kerangka AMP, sehingga membuat segalanya sedikit lebih rumit … dan jauh lebih menyenangkan.
Untuk menambahkan Google Analytics ke posting AMP Anda, tambahkan baris kode berikut ke bidang kode Analytics . Pastikan Anda mengganti  UA-XXXXX-Y dengan ID pelacakan Google unik Anda (mis. UA-5295510-2 atau serupa).
<amp-analytics type = ”googleanalytics”>
<script type = "application / json”>

{

"Vars": {

"Akun": "
UA-XXXXX-Y "
},

"Pemicu": {

“TrackPageview”: {

"Hidup": "terlihat",

"Permintaan": "tampilan halaman"

  }

 }

}

</script>

</amp-analytics>

Menambahkan kode ini dalam Lem untuk Yoast SEO & AMP mungkin atau mungkin tidak bekerja untuk Anda. Untuk melihat apakah kode Anda ditambahkan ke posting AMP Anda, lakukan hal berikut:
Kunjungi salah satu posting amp Anda (mis. Myneatosite.com/cool-post/amp/) dan lihat sumber halaman. Cari “analytics” dan jika Anda melihat kode, maka Anda berhasil menambahkan analytics ke posting AMP Anda.
Jika karena alasan tertentu kode tidak ditambahkan ke posting AMP Anda, coba metode selanjutnya.

Metode # 2

Meskipun metode ini sedikit lebih rumit, metode ini pasti bisa digunakan.
Di dasbor WordPress Anda, buka Plugin > Editor , lalu pilih AMP dari menu dropdown (lihat tangkapan layar di bawah) dan klik tombol Pilih .
Editor plugin AMP.
Kemudian, di bawah File Plugin di sisi kanan layar, klik Templat dan buka single.php .
template single.php dalam file plugin AMP.
Agar skrip Anda berfungsi dengan baik, Anda harus menempatkan skrip AMP berikut di area kepala file ini antara <head> dan </head> seperti yang ditunjukkan pada gambar di bawah ini.
<script async custom-element = ”amp-analytics” src = ”https://cdn.ampproject.org/v0/amp-analytics-0.1.js”> </script>
Tambahkan skrip AMP di antara tag kepala.
Setelah Anda menambahkan skrip pertama, Anda perlu menambahkan kode berikut tepat setelah tag <body> pembuka:
<amp-analytics type = “googleanalytics”> <script type = “application / json”> {“vars”: {“akun”: ” UA-XXXXX-Y “}, “pemicu”: {“trackPageview”: {” pada “:” terlihat “,” permintaan “:” tampilan halaman “}}} </script> </amp-analytics>
Kode analitik AMP ditambahkan setelah membuka tag tubuh dalam template single.php.
Setelah Anda menambahkan kode dengan hati-hati, klik tombol Perbarui File di bagian bawah halaman.
Tombol perbarui
Harap dicatat: Anda dapat memecah situs Anda jika Anda memiliki kode yang salah di salah satu file ini, jadi tambahkan kode dengan hati-hati. Juga, ada kemungkinan Anda tidak dapat mengedit file di area dashboard WordPress.
Dalam hal ini, lakukan hal berikut:
  1. Unduh file melalui klien FTP. Buka wp-content > plugins > amp > templates dan unduh file single.php .
  2. Kemudian, buat salinan dari file asli untuk berjaga-jaga jika Anda memecahkan sesuatu ketika Anda menambahkan skrip.
  3. Selanjutnya, buka di editor teks, tambahkan 2 buah kode dan simpan file.
  4. Terakhir, unggah file single.php tempat Anda mengunduhnya, dan timpa yang lama.

Opsi # 2: Menambahkan AMP dengan plugin AMP untuk WP

Jika Anda ingin opsi desain dan fungsionalitas tingkat lanjut, serta integrasi Google Analytics yang lebih mudah, Anda harus sangat mempertimbangkan menggunakan plugin AMP untuk WP .
AMP untuk plugin WP
Plugin ini berfungsi dengan sendirinya sekarang, jadi gunakan saja ATAU plugin AMP oleh Automattic, tetapi TIDAK KEDUA .
AMP untuk WP memberi Anda opsi lanjutan, termasuk yang berikut:
Logo di header – Tampilkan logo Anda di header halaman dan posting AMP Anda, bukan judul situs Anda dalam format teks.
Dukungan untuk halaman – Tambahkan AMP ke halaman situs Anda, di samping posting blog.
Opsi desain berganda – Mengkonfigurasi tampilan konten AMP Anda, dengan 3 opsi bawaan yang tersedia. Anda juga dapat membuat templat AMP kustom Anda sendiri untuk digunakan.
Periklanan – Tambahkan Google AdSense ke konten AMP Anda, sehingga Anda dapat memperoleh penghasilan dari beriklan di situs Anda.
Tombol sosial – Mudah menambahkan dan mengonfigurasi tombol berbagi sosial ke posting dan halaman AMP Anda, termasuk yang lengket yang selalu terlihat di bagian bawah layar.
Untuk memulai dengan AMP untuk WP, cukup instal dan aktifkan. Anda sekarang akan melihat item menu AMP di dasbor WordPress Anda.
Kustomisasi penampilan AMP
Cara termudah untuk mengonfigurasi tata letak / desain halaman AMP Anda adalah dengan pergi ke Appearance > AMP .

Pengaturan AMP dalam penyesuai
Ini akan membuka penyesuai, tempat Anda dapat mengaktifkan dan menyusun ulang elemen berikut:
  • Info meta
  • Judul
  • Gambar Unggulan
  • Konten
  • Kategori dan Tag
  • Ikon Sosial
  • Komentar
  • posting terkait
Anda juga dapat memilih Warna Teks Header dan Warna Header Latar Belakang & Tautan di sini.
Sekarang, lanjutkan ke beberapa pengaturan lain di AMP untuk plugin WP.

Mari kita buka tab Pengaturan untuk mengonfigurasi beberapa opsi plugin.

Umum

Pengaturan umum di AMP untuk plugin WP
Di sini Anda dapat melakukan hal berikut:
  1. Unggah logo untuk tajuk konten AMP Anda.
  2. Tetapkan ukuran logo khusus jika Anda mau.
  3. Aktifkan AMP untuk Posting.
  4. Aktifkan AMP untuk Halaman.
  5. Aktifkan AMP untuk Beranda Anda.
  6. Aktifkan dukungan AMP untuk Arsip.
Ketika saya mengunggah logo untuk konten AMP saya, itu terlihat sangat buruk sehingga saya memutuskan untuk tidak menggunakannya. Unggah logo Anda dan lihat bagaimana tampilannya.
Dengan plugin ini, Anda dapat mengaktifkan AMP untuk halaman dan juga posting. Tergantung pada konten halaman Anda, ini mungkin atau mungkin tidak berfungsi dengan baik di luar kotak.
Selain itu, Anda juga dapat mengaktifkan AMP untuk beranda Anda. Saya mencoba ini, dan untuk situs khusus saya itu tidak berfungsi dengan baik.
Dengan semua opsi ini, cobalah dan lihat bagaimana cara kerjanya untuk situs Anda.

Pembuat Halaman

Buat halaman khusus untuk AMP
AMP untuk WP memiliki Page Builder yang dapat Anda gunakan untuk dengan mudah membangun halaman arahan untuk AMP.
Saya tidak menggunakan ini di situs saya, tetapi Anda mungkin ingin mencobanya.

Iklan

Tab iklan di AMP untuk WP
Di tab Iklan, Anda dapat menambahkan kode AdSense di berbagai area di konten Anda, termasuk:
  • Di bawah tajuk (situs-lebar)
  • Di bawah footer (situs-lebar)
  • Di atas konten tulisan (satu tulisan)
  • Di bawah konten posting (posting tunggal)
  • Di bawah judul (tulisan tunggal)
  • Di atas pos terkait (pos tunggal)
Ini juga memungkinkan Anda memilih dari berbagai format iklan tampilan standar. Jika Anda ingin fungsionalitas iklan tambahan, lihat  ekstensi AMP ADS Lanjutan mereka .

SEO

Tab SEO di AMP untuk plugin WP.
Di tab SEO, Anda dapat memastikan bahwa Deskripsi Meta Anda ditampilkan di bagian kepala konten AMP Anda, dan menambahkan tautan dan tag meta lain di sana.
Di bawah Yoast SEO Options , saya sarankan menyalakan Meta Tag dari slider Yoast. Saya tidak tahu tentang yang lain, tetapi saya mematikannya.
Secara default, semua item dalam Advanced Index dan No Index Options diaktifkan. Saya mematikan semuanya karena saya memiliki semua item ini diindeks di pengaturan SEO Yoast saya.
Catatan: Anda mungkin ingin mengonfigurasi semua pengaturan ini secara berbeda untuk situs Anda, jadi pikirkan dan sesuaikan jika diperlukan.

Performa

Perkecil konten AMP Anda.
Di bawah tab Performance , Anda harus mengatur Minify AMP Page untuk diaktifkan karena semakin meningkatkan kecepatan halaman.

Analisis

Tab Analytics di AMP untuk plugin WP
Di tab Analytics , pilih penyedia analisis Anda dari dropdown dan tambahkan ID untuk apa pun yang Anda pilih dalam kotak di bawah ini.
Selain itu, Anda dapat menambahkan:
  • Opsi Acara Pelacakan Analisis Lanjut
  • Google Pengelola Tag
  • Facebook Pixel

Data Terstruktur

Konfigurasikan Data Terstruktur dalam AMP untuk plugin WP.
Di tab Data Terstruktur , Anda dapat mengatur opsi untuk yang berikut:
  • Pilih tipe data terstruktur untuk posting dan halaman.
  • Unggah logo default untuk ditampilkan di Google, dan gunakan ukuran khusus jika Anda mau.
  • Unggah gambar default untuk digunakan pada posting.
  • Tentukan lebar dan tinggi gambar untuk gambar default Anda.
  • Unggah thumbnail default untuk digunakan untuk objek video.

Perhatikan Bar

Tambahkan bilah pemberitahuan ke konten AMP Anda.
Di tab Bilah Pemberitahuan , Anda dapat mengaktifkan pemberitahuan di semua konten AMP Anda. Ini dapat digunakan untuk memberi tahu pengunjung Anda bahwa situs Anda menggunakan cookie untuk melacak aktivitas mereka atau hal lain.

Pemberitahuan Push

Aktifkan pemberitahuan push di AMP untuk plugin WP.
Jika situs Anda menggunakan OneSignal untuk Push Notification , Anda dapat mengintegrasikannya dengan konten AMP Anda dengan memasukkan ID APP . Selain itu, Anda dapat menyesuaikan Langganan dan Unsubscribe teks yang ditampilkan pada konten Anda.

formulir kontak

Integrasi formulir kontak di AMP untuk plugin WP
Di tab Formulir Kontak , Anda bisa mengintegrasikan formulir yang dibuat dengan Formulir Kontak 7 atau Formulir Gravitasi.
Harap dicatat: Anda harus membeli ekstensi premium untuk menambahkan formulir kontak yang ramah AMP.

Komentar

Tambahkan komentar ke konten AMP Anda.
Di tab Komentar , Anda dapat mengaktifkan sistem komentar, termasuk:
  • Komentar WordPress – Jika saat ini Anda menggunakan komentar WordPress default, cukup aktifkan opsi pertama dan pilih berapa banyak komentar yang ingin Anda tampilkan (defaultnya adalah 10).
  • Komentar Disqus – Anda harus memasukkan URL Nama Disqus Anda dan membuat file host Disqus ( lihat instruksi ).
  • Komentar Facebook – Jika Anda menggunakan komentar Facebook pada konten non-AMP Anda, aktifkan komentar Facebook dan masukkan jumlah komentar untuk ditampilkan.

Artikel Instan

Artikel instan di AMP untuk plugin WP
Di tab Artikel Instan , Anda dapat mengaktifkan Artikel Instan Facebook.
Anda kemudian dapat mengatur yang berikut:
  • Jumlah posting untuk menghasilkan artikel instan (biarkan kosong untuk menghasilkan semua posting).
  • Aktifkan iklan di halaman Artikel Instan.
  • Aktifkan analytics untuk halaman Artikel Instan.

Sembunyikan Alat Massal AMP

Sembunyikan AMP di halaman tertentu.
Di tab ini, Anda dapat memilih kategori tertentu untuk dikecualikan dari AMP jika Anda mau.

Pengaturan lanjutan

Pengaturan Lanjutan di AMP untuk plugin WP.
Jika Anda adalah pengguna tingkat lanjut, Anda dapat mengonfigurasi item tambahan di tab Pengaturan Lanjut . Satu-satunya item yang saya aktifkan adalah Pengalihan Seluler  (yang secara otomatis mengalihkan pengunjung pada perangkat seluler ke konten AMP saya) dan Bilah Pemberitahuan Pembaruan Plugin .
Anda dapat menambahkan yang berikut ini di tab ini:
  • Masukkan HTML di Head.
  • Masukkan HTML dalam Tubuh (di awal tag tubuh).
  • Masukkan HTML di Footer.
  • Secara otomatis menambahkan AMP di URL menu.
  • Hapus basis kategori di AMP (saya atur ini di pengaturan Yoast SEO jadi biarkan saja di sini).
  • Hapus basis tag di AMP.
  • Tambahkan gambar unggulan dari bidang khusus.
  • Tambahkan gambar unggulan dari konten. Jika tidak ada gambar yang ditetapkan, mengaktifkan ini akan mengambil gambar pertama di posting Anda dan menjadikannya gambar unggulan.
  • Gambar unggulan rangkap.
  • Tampilkan kotak meta di editor pos kepada siapa pun yang memiliki hak memposting atau hanya kepada administrator.
  • Mode pengembangan di AMP.
  • Aktifkan / nonaktifkan bilah pemberitahuan pembaruan plugin.
Kemungkinan Anda tidak akan menggunakan banyak opsi ini, dan biarkan saja pengaturan default.

Panel Terjemahan

Panel terjemahan dalam AMP untuk plugin WP.
Di panel ini, Anda dapat memilih untuk menggunakan metode file POT jika Anda memiliki konten AMP multibahasa. Dalam hal ini, Anda bisa menggunakan plugin seperti Loco Translate untuk menerjemahkan semua string untuk semua bahasa yang digunakan dalam konten AMP Anda.
Anda juga dapat mengubah semua teks default untuk sejumlah item yang berbeda (lihat tangkapan layar di atas).
Berdasarkan tema AMP yang Anda gunakan, beberapa item ini mungkin bahkan tidak muncul di konten Anda. Dalam kebanyakan kasus, Anda baik-baik saja hanya membiarkan default seperti apa adanya.

Sekarang kita telah melalui berbagai bagian di tab Pengaturan , mari kita beralih ke bagian Desain.

Tema

Selektor Tema dalam plugin AMP untuk WP.
Di bagian Tema , Anda dapat memilih dari 4 tema default untuk konten AMP Anda.
Anda juga dapat melihat dan mengunduh beberapa tema lagi di sini . Baik tema Blogging dan Minimal gratis, tetapi tema Surat Kabar tidak.

Global

Pengaturan desain global dalam AMP untuk WP.
Di tab Global , Anda dapat memilih warna untuk tautan jangkar dan mengatur format tanggal untuk info meta pos.
Anda juga dapat menambahkan CSS khusus apa pun yang ingin Anda sesuaikan sepenuhnya stylesheet AMP Anda.

Header

Pengaturan desain header di AMP untuk WP.
Di sini, Anda dapat mengaktifkan atau menonaktifkan beberapa item tajuk yang berbeda dalam konten AMP Anda, termasuk:
Navigasi Menu – pilih apakah akan menampilkan menu seluler di header halaman / posting AMP Anda.
Cari – aktifkan ini jika Anda ingin membiarkan pengunjung AMP Anda mencari situs Anda di header.
Tautan Homepage Non-AMP – setel apakah Anda ingin logo atau nama pengguna di header untuk ditautkan ke situs non-AMP Anda.

Beranda

Pengaturan beranda di AMP untuk WP.
Tetapkan berbagai opsi untuk beranda Anda di bagian ini:
  • Pilih apakah akan menampilkan kutipan atau tidak, dan tentukan jumlah kata untuknya.
  • Aktifkan atau nonaktifkan label kategori dan tampilkan atau sembunyikan tanggal publikasi di beranda Anda.
  • Terakhir, Anda dapat memilih untuk mengganti ukuran thumbnail di beranda Anda.

Pengaturan desain tunggal dalam AMP untuk WP.
Di tab tunggal, Anda dapat mengonfigurasi berbagai opsi untuk pemformatan dan tampilan pos AMP tunggal.
Remah roti – pilih apakah Anda ingin menunjukkan remah roti atau tidak.
Kategori – menampilkan kategori posting.
Tag – tampilkan tag yang terkait dengan posting Anda.
Sticky Social Icons – mengaktifkan / menonaktifkan ikon sosial lengket di bagian bawah layar perangkat seluler.
Kutipan – Anda dapat menambahkan kutipan di atas konten posting AMP tunggal.
Tautan Berikutnya-Sebelumnya – memungkinkan pengunjung Anda dengan mudah menavigasi antara posting Anda dengan menampilkan tautan berikutnya dan sebelumnya di bagian bawah posting tunggal.
Show Post Modified Date – tampilkan tanggal posting Anda terakhir kali diubah pada akhir posting Anda.
Penulis Bio – termasuk penulis bio.
Tautan ke Halaman Penulis – tampilkan tautan ke arsip penulis Anda.
Post Pagination – termasuk pagination dalam posting tunggal.
Related Post by – pilih bagaimana plugin memilih konten terkait untuk ditampilkan di bagian bawah posting Anda.
Urutkan Posting Terkait Secara Acak – Anda juga dapat memilih untuk menampilkan posting terkait secara acak.
Jumlah Posting Terkait – pilih jumlah posting terkait yang ingin Anda tampilkan di akhir posting Anda.
In-Content Related Post – pilih apakah akan menyisipkan posting terkait dalam konten Anda dan bukan pada akhirnya.

Footer

Pengaturan desain footer di AMP untuk WP.
Di sini, Anda dapat memilih untuk mengaktifkan atau menonaktifkan tautan ke halaman non-AMP Anda dan tautan kembali ke atas di bagian bawah konten AMP Anda.

Halaman

Pengaturan halaman di AMP untuk plugin WP.
Pilih apakah akan memasukkan informasi meta pada halaman AMP atau tidak.

Sosial

Pengaturan sosial di AMP untuk plugin WP.
Di pengaturan sosial , pilih jaringan sosial mana yang ingin Anda tampilkan di bilah tempel di bagian bawah perangkat seluler.

Lain-lain


Pengaturan lain-lain di AMP untuk WP.
Di tab Lain – lain , Anda dapat melakukan hal berikut:
  • Gunakan pembuat pos seret & lepas untuk menyesuaikan tata letak elemen dalam pos AMP Anda.
  • Aktifkan dukungan bahasa kanan-ke-kiri.
  • Sertakan subkategori pada halaman kategori.

Ekstensi

Ada beragam ekstensi kuat yang dapat Anda beli untuk menambahkan fungsionalitas tambahan ke konten AMP Anda, termasuk yang berikut:
ADS AMP Lanjutan – Anda dapat memilih dari 7 format iklan yang berbeda, dan bahkan dapat menggunakan unit iklan tautan dari Google AdSense . Dengan ekstensi ini, Anda dapat memasukkan modul iklan dari jaringan iklan apa pun di tengah konten AMP Anda. Anda juga dapat menggunakan iklan tempel, yang tetap di atas konten Anda bahkan ketika pengunjung Anda gulir. Biaya = $ 29,99 .
AMP Cache – Sistem caching yang semakin meningkatkan waktu muat konten AMP Anda. Menurut AMP untuk pengujian WP, itu akan membuat konten AMP Anda memuat hingga 50% lebih cepat. 
Biaya = $ 89,99 .
Gravity Forms – Memungkinkan Anda mengintegrasikan Gravity Forms dengan konten AMP. Ini berfungsi dengan pembangun formulir dan mencakup validasi yang tepat. Biaya = $ 79,99 .
Formulir Kontak 7 – Memungkinkan Anda mengintegrasikan Formulir Kontak 7 dengan halaman dan posting AMP. Ini berfungsi mulus dengan pembangun formulir dan berbagai bidang dengan validasi yang tepat. Biaya = $ 39,99 .
Formulir Keikutsertaan Email – Tambahkan formulir keikutsertaan sehingga pengunjung seluler dapat mendaftar untuk menerima buletin email Anda. Ini memberi Anda opsi untuk membuat formulir tanpa batas dan menyesuaikannya dengan berbagai pilihan warna. Anda dapat secara otomatis menampilkannya atau secara manual memasukkannya melalui kode pendek. Biaya = $ 79,99 .
AMP WooCommerce – Integrasikantoko online WooCommerce Andadengan AMP untuk meningkatkan kegunaan seluler hanya dengan satu klik. Ini bekerja di toko, serta produk, keranjang dan halaman arsip. AMP untuk WP mengklaim itu adalah plugin AMP eCommerce tercanggih yang tersedia. Biaya = $ 79,99 .
AMP Teaser – Tampilkan pengunjung AMP kutipan dari posting lengkap Anda dan tombol yang mengarah ke konten penuh, non-AMP. Ini dibuat karena beberapa penerbit ragu untuk sepenuhnya mengadopsi platform AMP. Biaya = $ 19,99 .
Custom Post Type – Memungkinkan Anda dengan mudah mengaktifkan jenis posting khusus , dan bahkan mendukung yang dikodekan khusus atau dihasilkan oleh plugin pihak ke-3. Biaya = $ 19,99 .
Call to Action (CTA) – Ekstensi ini memiliki dua jenis CTA, satu kotak dan satu baris. Kotak CTA memungkinkan Anda membuat kotak yang dapat ditempatkan di atas, di bawah, dan di dalam konten AMP Anda secara otomatis atau manual. Bilah CTA adalah bilah notifikasi yang berada di bagian bawah layar ponsel dan memungkinkan Anda menampilkan pesan di seluruh tempat. Biaya = $ 29,99 .
Formulir Komentar – Dengan ekstensi ini, Anda dapat dengan mudah menambahkankomentarasli WordPress, Disqus ,atau facebook ke konten AMP Anda. Untuk menggunakan ini, Anda harus memiliki sertifikat SSL yang diinstal di situs Anda. Biaya = $ 29,99 .
ACF untuk AMP – Ekstensi ini memungkinkan Anda untuk menampilkan data Bidang Kustom Tingkat Lanjut dalam konten AMP Anda, dan tidak memerlukan keterampilan teknis lanjutan. Biaya = $ 29,99 .
Peringkat AMP – Dengan mudah menambahkan peringkat untuk produk dan jenis posting khusus ke halaman dan posting AMP Anda. Ini dapat digunakan bersama dengan plugin berikut:
  • Peringkat bintang KK
  • WP-PostRatings
  • Ulasan WP
Biaya = $ 19,99 .
DFP untuk AMP – Dengan ekstensi ini, Anda dapat menambahkandukungan iklan DoubleClick for Publishers di AMP hanya dengan satu klik. Sisipkan iklan DFP di slot iklan apa pun di konten AMP Anda atau tambahkan sebagai iklan tempel. Biaya = $ 19,99 .
Semua harga untuk ekstensi premium yang tercantum di atas adalah untuk 1 situs web, dan termasuk 1 tahun pembaruan dan dukungan.

AMP Pertanyaan yang Sering Diajukan

Tidak akankah konten AMP dianggap duplikat?
Baik AMP dan AMP untuk plugin WP menambahkan tag “rel = canonical” kembali ke konten non-AMP Anda, yang secara efektif menghilangkan potensi hukuman duplikat konten.
Haruskah saya mengatur pengalihan ke konten AMP saya?
Anda tidak perlu khawatir tentang mengarahkan ulang pengguna seluler Anda, karena Google (dan situs lain yang mendukung AMP) akan secara otomatis mengirim pengguna seluler ke versi AMP dari posting Anda (dan halaman jika diaktifkan). Jika seorang pengunjung langsung pergi ke situs Anda, ia tidak akan diarahkan ke versi AMP kecuali Anda mengaktifkan pengalihan ponsel di AMP untuk pengaturan lanjutan WP.
Apakah AMP hanya berfungsi pada perangkat seluler?
Tidak, AMP dirancang untuk pengalaman seluler yang optimal, tetapi Anda juga dapat melihatnya di browser desktop. Tentu saja, ketika seseorang mengunjungi situs Anda dari desktop, laptop atau tablet, mereka tidak akan diarahkan ke versi AMP halaman atau posting Anda.
Di mana saya bisa belajar lebih banyak tentang AMP?
Jika Anda ingin melakukan riset lebih lanjut tentang AMP, lihat Proyek Laman Seluler yang Dipercepat di sini .

Haruskah Anda menginstal AMP di situs Anda atau tidak?

Saat memilih apakah akan menginstal AMP atau tidak, Anda harus bertanya pada diri sendiri beberapa pertanyaan, termasuk yang berikut:
Seperti apa tampilan posting dan / atau halaman saya dalam format AMP?
Untuk menentukan seperti apa tampilan posting Anda menggunakan Laman Seluler yang Dipercepat, cukup instal AMP atau AMP untuk WP dan aktifkan. Kemudian, pergi ke sembarang posting dan tambahkan / amp / ke akhir URL.
Catatan: Anda mungkin harus menghapus cache atau membuka jendela Penyamaran untuk melihat format AMP baru Anda.
Bagaimana dengan fungsionalitas situs?
Apakah ada fungsi yang diperlukan di situs saya yang mungkin  TIDAK AKAN bekerja dengan AMP dan apakah kecepatan yang ditingkatkan untuk fungsi lain tidak berfungsi?
Berapa persen lalu lintas saya saat ini dari pengunjung di perangkat seluler?
Ini dapat diperiksa di tab Beranda di bilah sisi kiri akun Google Analytics Anda . Kemungkinan layak menginstal dan mengonfigurasi AMP untuk situs web Anda karena ini dapat membantu Anda meningkatkan paparan seluler situs Anda, yang secara alami akan menghasilkan lebih banyak lalu lintas.

Kesimpulan

Menambahkan AMP ke situs Anda adalah cara terbaik untuk meningkatkan pengalaman pengguna bagi pengunjung seluler. Yang sedang berkata, ada beberapa hal yang perlu dipertimbangkan sebelum membuat keputusan untuk menambahkannya ke situs Anda.
Mudah-mudahan, panduan ini memberi sedikit penerangan pada Halaman Seluler yang Dipercepat, dan menunjukkan kepada Anda petunjuk langkah demi langkah sehingga Anda dapat dengan mudah menambahkannya ke situs web WordPress Anda.
Jika Anda memiliki pertanyaan, silakan tinggalkan komentar di bawah ini. Saya akan melakukan yang terbaik untuk membantu Anda, tetapi tidak dapat menjamin untuk memperbaiki masalah Anda.

Written by masarbi

2 Comments

Leave a Reply

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Cara Instal Theme Amp di WordPress (Update)

11 aplikasi berkebun yang bagus untuk tukang kebun amatir