Laman Seluler yang Dipercepat: AMP untuk Optimasi Seluler WordPress

Laman Seluler yang Dipercepat untuk WordPress

Berselancar dan browsing di internet harus cepat dan mudah. Webmaster terus berupaya mewujudkannya dengan mengoptimalkan kinerja situs web dan meningkatkan kecepatan situs, dan cara terbaik untuk mencapai ini adalah dengan AMP untuk WordPress.


Situs web terutama dirancang untuk layar yang lebih besar. Tetapi layar yang lebih kecil semakin banyak dan bahkan menyalip laptop dan komputer pribadi. Ponsel sekarang mewakili 65% dari waktu media digital. Perangkat genggam memerlukan halaman untuk memuat secepat yang dilakukan pada layar yang lebih besar, jika tidak lebih cepat.

Untuk memenuhi permintaan ini untuk memuat konten yang cepat, aplikasi yang dirancang untuk platform seluler tertentu tersedia di Apple (Berita), Facebook (Artikel Instan) dan Snapchat (Temukan). Awal tahun ini. Google memperkenalkan Accelerated Mobile Page (AMP) untuk mempercepat pengiriman konten seluler dan memberikan pengalaman pengguna yang lebih baik.

Apa itu AMP?

AMP untuk WordPress: Proyek AMP

Proyek AMP diumumkan oleh Google pada Oktober 2015, dan diluncurkan pada Februari 2016. Ini adalah prakarsa sumber terbuka yang memberikan penerbit sarana untuk membuat konten yang dioptimalkan untuk seluler sekali dan memuatnya di mana-mana di web seluler secara instan.

Pada 24 Februari 2016 Google mulai menggunakan konten yang sesuai dengan AMP di komidi putar di halaman hasil pencarian mobile mereka. Pengguna dapat menggesek korsel dan mengetuk item yang ingin mereka baca. Pinterest melaporkan halaman tersebut 4 kali lebih cepat, menggunakan data 8 kali lebih sedikit daripada halaman yang dioptimalkan untuk seluler biasa. Ini dimungkinkan karena cara halaman diformat dan dikirim.

Pada Agustus 2016, Google Search memiliki lebih dari 150 juta dokumen AMP dalam indeksnya dan tumbuh pada tingkat 4 juta per minggu. Awal Agustus, Google juga memulai pratinjau pencarian Google untuk konten amped. Diharapkan untuk mengimplementasikannya secara lebih luas akhir tahun ini.

AMP untuk WordPress: Pratinjau Pencarian AMP

AMP di Pratinjau Pencarian

Anda dapat melihat sekilas halaman pemuatan cepat dalam pencarian yang diaktifkan AMP sini. Lihat menggunakan tautan di ponsel Anda (Tidak akan berfungsi di desktop).

Situs Web Mana Yang Harus Menggunakan AMP?

Pada bulan Februari, proyek ini dimulai untuk penerbit. Tetapi adopsi AMP telah menyebar jauh melampaui industri penerbitan ke hiburan, perjalanan, eCommerce dan banyak lagi.

Laporan yang menguntungkan diterima dari pengguna awal. Dengan peningkatan waktu muat 88% untuk dokumen AMP, Washington Post melaporkan peningkatan jumlah pengguna yang kembali dari ponsel sebesar 23%. eBay adalah salah satu perusahaan eCommerce besar yang beralih ke AMP dengan hampir 15 juta halaman pencarian produk berbasis AMP. Dalam waktu singkat, halaman-halaman ini diharapkan akan ditingkatkan untuk ditemukan dalam pencarian.

Jadi situs web mana yang harus menggunakan AMP? Pasti mereka yang sangat bergantung pada ponsel untuk lalu lintas. Tetapi mengingat semakin banyak pengguna memilih untuk menggunakan perangkat seluler mereka untuk menjelajahi AMP internet untuk WordPress (atau situs web apa pun) mungkin merupakan tambahan yang baik.

Apa yang Berbeda dengan AMP??

Sistem pengiriman konten ini didasarkan pada kerangka kerja AMP HTML dan lebih cepat daripada HTML biasa karena,

  • Ini adalah versi ramping dari kerangka HTML normal, minus semua konten JavaScript. Untuk JavaScript, kerangka kerjanya bergantung pada Perpustakaan AMP JS umum.
  • Konten di-cache dan disimpan dalam cloud yang sama, sehingga waktu yang dibutuhkan untuk query dan mengambil dari server dihilangkan.

Ada banyak lagi perbedaan, tetapi yang disebutkan di sini dua harus memberi Anda pemahaman yang cepat dan luas.

Mengapa Penerbit dan Blog Harus Mengaktifkan AMP

Selama membaca halaman pemuatan lambat di ponsel tetap menjadi pengalaman yang mengecewakan bagi pengguna, penerbit kehilangan pendapatan dari beriklan di ponsel. AMP akan membantu membawa dan mempertahankan pengunjung untuk jangka waktu yang lebih lama di situs web dan memiliki potensi untuk menghasilkan klik.

Halaman AMP muncul di samping ikon petir untuk menandai mereka dari halaman web normal. Pemirsa yang mengklik opsi ini, akan dibawa langsung ke halaman AMP di dalam penampil AMP. Tidak hanya itu, konten akan langsung tersedia di pencarian Google dan dapat diakses melalui platform sosial seperti Twitter, LinkedIn, WordPress, Parse.ly, Adobe Analytics, Nuzzel dan Pinterest.

Selain itu, penerbit akan memiliki akses ke Google Analytics untuk mengamati bagaimana kinerja halaman mereka. Mereka dapat memilih konten terbaik mereka dan menggunakannya untuk mengoptimalkan kinerja situs web dan pengalaman pengguna.

AMP menawarkan keuntungan lain karena menangani kinerja tinggi dan pengalaman pengguna, sehingga sumber daya penerbit dapat fokus pada penyediaan konten yang hebat.

Apa yang Diperlukan Pengoptimalan untuk AMP

AMP sebenarnya banyak optimasi ke situs web dilakukan dengan cara yang seragam seperti yang dipersyaratkan oleh Google. Berbagai pengoptimalan yang perlu Anda lakukan untuk membuat laman web mematuhi AMP adalah,

  • Hanya izinkan JavaScript asinkron – untuk mencegah penundaan rendering halaman. Ini berarti Anda tidak dapat menggunakan JavaScript apa pun yang Anda buat, dan harus bergantung pada elemen AMP untuk menangani konten interaktif halaman Anda. JS di iframe diizinkan, tetapi hanya jika itu tidak menghalangi rendering.
  • Ukuran semua sumber daya secara statis – AMP memuat halaman tanpa menunggu sumber daya seperti gambar dan iframe untuk diunduh. Ukuran sumber daya ini harus dinyatakan dalam HTTP, sehingga ukuran dan posisi sumber daya ini diketahui sebelum pengunduhan dimulai.
  • Jangan biarkan mekanisme ekstensi memblokir rendering – jika ada ekstensi yang akan dimasukkan dalam halaman, skrip khusus harus menginformasikan sistem tentang hal itu. Jadi ruang dibuat untuk ekstensi, bahkan sebelum AMP tahu apa yang akan dimasukkan. Ekstensi untuk kotak cahaya, sematan Instagram, dan tweet baik-baik saja karena tidak memblokir perenderan laman, meskipun memerlukan permintaan HTTP tambahan.
  • Jauhkan semua JavaScript pihak ketiga dari jalur kritis – JavaScript khusus hanya diperbolehkan dalam iframe kotak pasir. Dengan cara ini ia tidak memblokir halaman utama dari memuat.
  • Semua CSS harus dengan inline dan ukuran-terikat – ini membantu mengurangi jumlah permintaan HTTP di jalur kritis.
  • Pemicu font harus efisien– sistem AMP tidak mengizinkan permintaan HTTP sampai font mulai diunduh.
  • Minimalkan perhitungan ulang ukuran – perhitungan ulang menunda rendering, sehingga harus dijaga agar tetap minimum.
  • Hanya jalankan animasi dengan GPU aktif – semua animasi harus dapat berjalan di GPU (Graphical Processing Unit).
  • Prioritaskan pemuatan sumber daya – Hanya konten yang diperlukan yang dimuat terlebih dahulu, dengan iklan dan gambar diambil sesegera mungkin, tetapi hanya dimuat bila diperlukan. Dengan begitu permintaan pada CPU dijaga agar tetap minimum.
  • Muat halaman dalam sekejap – Pra-rendering menggunakan banyak bandwidth dan CPU. Pra-rendering AMP hanya memuat konten yang diperlukan terlebih dahulu, dan mengunduh iframe pihak ketiga dan sumber daya lainnya hanya jika diperlukan.

Rentang standar format iklan, jaringan iklan, dan teknologi akan tersedia. Pada saat yang sama penerbit juga dapat memilih format mereka sendiri, selama itu bukan hambatan cepat.

Cara Menambahkan AMP untuk WordPress

Google memiliki tutorial yang dapat Anda rujuk untuk membuat halaman HTML AMP dasar, mengaturnya, memvalidasinya sebagai yang sesuai dengan AMP, menerbitkan dan mendistribusikannya. Memvalidasi halaman AMP itu penting, karena dengan begitu pihak ketiga seperti Twitter dan Instagram yakin bahwa halaman akan ditampilkan dengan baik di platform mereka.

Sejauh menyangkut situs web yang dihosting di WordPress.com, mereka secara otomatis didukung untuk WordPress tanpa harus melakukan apa pun lebih lanjut. Situs web WordPress yang di-hosting sendiri dapat mengaktifkan AMP untuk WordPress dengan menginstal plugin.

Plugin AMP WordPress oleh Automattic

Plugin AMP WordPress oleh Automattic

Setelah Anda mengunduh, instal dan aktifkan Plugin AMP di situs WordPress, posting Anda secara otomatis akan memiliki versi AMP yang dihasilkan secara dinamis. Anda dapat mengakses halaman ini dengan menambahkan amp di akhir URL Anda (example.com/my-post/amp). Jika Anda tidak mengaktifkan permalink cantik, tambahkan ?amp = 1 ke tautan (yang akan terlihat seperti example.com/?p=100&amp=1). Satu-satunya langkah lain adalah menguji dan memvalidasi halaman Anda seperti yang disebutkan di atas.

Anda tidak akan melihat pengaturan atau fitur apa pun untuk plugin ini. Ada satu opsi dasbor tambahan untuk AMP Analytics di mana Anda dapat menempelkannya di kode konfigurasi JSON Anda sendiri, tetapi itu saja semuanya.

Plugin ini adalah plugin resmi dari stabil Automattic, dan saat ini tidak mendukung halaman dan arsip, Anda juga tidak dapat menyesuaikan halaman. Tetapi ini adalah opsi yang sangat sederhana dan mudah digunakan, dan Anda dapat menemukan beberapa panduan via dokumentasi tentang Github untuk menyesuaikan.

AMP untuk WP – Laman Seluler yang Dipercepat

AMP untuk WP WordPress Plugin Gratis

Opsi gratis hebat lainnya adalah AMP untuk WP. Plugin WordPress gratis ini menawarkan pengaturan yang cepat dan mudah – cukup instal, aktifkan pengaturan dan mulai secara otomatis menghasilkan AMP Anda untuk situs web Anda. Bonus – plugin ini juga kompatibel dengan multisite.

Ada pengaturan bawaan untuk mengaktifkan AMP (posting, halaman, arsip), menambahkan area iklan seluler, data terstruktur (bagian penting dari SEO), integrasi tag meta SEO Yoast, opsi indeks / tanpa indeks lanjutan, pemberitahuan push, asli Mengomentari AMP, terjemahan AMP khusus (jika Anda menggunakan bahasa selain bahasa Inggris Anda akan ingin memperbarui ini) dan banyak lagi. Pengaturannya sangat komprehensif untuk plugin gratis yang luar biasa.

Yang terbaik dari semuanya, plugin ini memang menawarkan opsi desain sehingga Anda dapat menyesuaikan tampilan dan nuansa output AMP Anda. Gunakan tema AMP bawaan yang disertakan, atau gunakan tema mereka Kerangka Tema AMP untuk membuat desain sendiri.

AMP untuk WP juga menawarkan ekstensi premium untuk menambahkan fitur (seperti ajakan bertindak atau caching AMP) dan dukungan untuk plugin populer termasuk WooCommerce, Bidang Kustom Lanjutan, dan Formulir Kontak 7.

Lebih Banyak Cara untuk Menambahkan AMP untuk WordPress

Tentu saja ini bukan satu-satunya cara untuk menambahkan AMP ke situs web WordPress Anda. Plugin lain yang dapat membantu Anda dengan situs web AMP untuk WordPress meliputi:

  • WP AMP – untuk membuat desain AMP khusus tanpa coding dan meningkatkan SEO. Anda dapat membaca lebih lanjut di sini.
  • Accelerated Mobile Pages (AMP) untuk WordPress – untuk membuat tema AMP untuk situs web Anda.
  • AMP khusus – untuk membantu menyesuaikan konten AMP Anda.
  • Artikel Instan Facebook & Halaman AMP Google – untuk menerbitkan dan mengelola konten Anda langsung dari WordPress ke Halaman AMP Google dengan dukungan untuk iklan dan analitik.
  • Lem untuk Yoast SEO & AMP – untuk memastikan bahwa plugin WordPress AMP default menggunakan metadata SEO Yoast yang tepat dan memungkinkan modifikasi desain halaman AMP.

Jika Anda Menambahkan AMP untuk WordPress?

Meskipun AMP tidak wajib untuk menemukan halaman web oleh Google, cukup jelas bahwa Google akan bertujuan untuk mengimplementasikan proyek AMP pada akhirnya dengan cara yang lebih luas. Saat ini, menjadi patuh pada AMP bukanlah faktor yang terpisah peringkat pencarian oleh Google. Meskipun masuk akal untuk menganggapnya penting di beberapa titik,

Jika Anda ingat bahwa kecepatan memuat halaman adalah faktor dalam peringkat mesin pencari, Anda benar-benar tidak punya banyak pilihan jika Anda ingin menjadi bagian dari internet seluler. Jika peringkat mesin pencari penting bagi Anda, semua pemikiran kedua tentang cara AMP mungkin hilang.

Tetapi menjadi bagian dari proyek ini membutuhkan kepatuhan yang ketat terhadap format yang diperlukan oleh Google dan itu mungkin bukan cangkir teh semua orang. Ini membatasi apa yang dapat Anda letakkan di situs web Anda, dan dapat membuat semua blog tampak agak seragam dan kurang individualitas. Beberapa animasi tidak diizinkan, dan formulir tidak didukung. Dan sejauh halaman arahan pergi, AMP mungkin bukan ide yang bagus sama sekali. Selain itu, mungkin ada situs web yang menekankan estetika dan pencitraan merek lebih cepat, yang AMP terbukti sebagai peredam.

Namun, jika Anda ingin membuat pengalaman yang cepat dan menarik bagi pengguna Anda dan membuatnya bertahan lebih lama, Anda perlu mempertimbangkan AMP untuk WordPress secara serius (atau jenis situs web lain yang mungkin Anda jalankan). Jika itu adalah tempat di korsel AMP di halaman pencarian Google yang ingin Anda sudut, naiklah ke kereta musik AMP.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map