Cara Setting Google AMP di WordPress

oleh -2 views
Cara Setting Google AMP di WordPress
Cara Setting Google AMP di WordPress

Cara Setting Google AMP di WordPress AMP (Accelerated Mobile Pages) adalah teknologi yang bertujuan untuk menyediakan pengalaman internet cepat yang ditujukan untuk perangkat seluler, yaitu ponsel cerdas dan tablet yang dikembangkan secara terbuka dan terkait dalam Organisasi Ampproject.

Cara Setting Google AMP di WordPress


Menggunakan Google AMP pada Website WordPress Anda. Mega Power Industries seperti Google, WordPress dan Twitter telah menjadi kontributor utama untuk proyek pengembangan AMP dan telah menerapkan AMP untuk produk mereka seperti Google Search Engine, WordPress AMP dan backlink Twitter.

Untuk saat ini AMP masih dalam tahap pengembangan untuk teknologi masa depan yang memberikan kemudahan yang baik dari sudut pandang pengembang web dan pengunjung situs web.

Mengapa AMP Dikembangkang Sebagai Teknologi Masa Depan?

Tujuan AMP memberikan pengalaman internet yang cepat tidak didasarkan pada tidak ada sebab teknologi jaringan internet menggelitik yang sangat cepat jika hanya membuka halaman situs web. Berdasarkan statistik dunia pada tahun 2017, 75% laman situs web di perangkat seluler dimuat lebih dari 10 detik dan 53% pengunjung meninggalkan laman 3 detik pertama saat laman dimuat.

Cara Setting Google AMP di WordPress Dalam hal pembiayaan situs web dimuat 5 detik versus 19 detik akan menghasilkan 2x lebih banyak keuntungan finansial lainnya. Pengaruhnya adalah respons server, desain responsif, serta konten yang diiklankan.

Dan berdasarkan statistik Usaha Kecil Menengah pada umumnya tidak memiliki tim pengembang khusus untuk dapat mengembangkan situs web mereka, karena untuk membuat desain yang responsif dan cepat membutuhkan kemampuan dan biaya tinggi.

Cara Setting Google AMP di WordPress Oleh karena itu AMP adalah teknologi masa depan yang akan menjawab masalah ini. Sehingga trafik informasi di internet semakin berkualitas.

Bagaimana Fundamental Kerja AMP?

Proyek Accelerated Mobile Pages memiliki dasar dalam pengembangan teknologi masa depan yaitu Pengalaman Pengguna> Pengalaman Pengembang> Implementasi.

AMP memprioritaskan pengalaman pengguna untuk kenyamanan berselancar serta kualitas informasi yang diperoleh. Jadi meskipun menggunakan informasi AMP di internet tetap diproses oleh kualitas, dalam arti bahwa penggunaan AMP tidak akan memberikan layanan khusus untuk situs web.

AMP hanya bertindak sebagai teknologi yang memberikan pengalaman internet cepat di perangkat seluler. Namun dalam prakteknya kecepatan situs web yang lambat dapat menurunkan peringkat pencarian di mesin pencari meskipun informasi yang diberikan sangat berkualitas.

Bagaimana Cara Kerja AMP ?

AMP menyediakan tujuh kali optimalisasi halaman web.

Memuat Semua Konten Halaman Situs Web Paralel / Bersamaan

Secara umum halaman sebuah situs web akan dimuat secara bersamaan, ini bisa dilihat ketika melakukan waterfall menguji suatu halaman web. Tidak seperti AMP yang memuat konten secara bersamaan tanpa berhenti sampai seluruh laman berhasil dimuat. Javacript diperbolehkan hanya javascript asynchronous. Namun ini menyebabkan kesulitan dari sisi pengembang untuk mengirimkan konten yang akan dimuat ke pengguna. Ini masih dalam pengembangan AMP.

Menggunakan Tata Letak Independen

Cara Setting Google AMP di WordPress AMP menggunakan tata letak independen dalam arti bahwa tata letak hanya terdiri dari iframe yang dapat diisi oleh konten situs web tanpa mengetahui konten apa yang harus diisi. Situs web umumnya menggunakan tata letak besar seperti footer, sidebars, dan banyak lagi. AMP mengganti tata letak halaman dengan tata letak AMP.

Menggunakan Inline, size-bound CSS

Gaya CSS yang digunakan oleh AMP hanya satu baris dengan ukuran maksimum 50 kb. Berbeda dengan halaman situs web umumnya dapat berisi banyak file css sehingga kemungkinan pemblokiran memuat konten sebelum css dimuat lebih besar.

Memicu Font yang Dioptimalkan

Sebelum memuat konten, browser menunggu permintaan HTTP untuk memuat font. Dengan menggunakan pemuatan konten AMP dapat dilakukan sebelum pemuatan font selesai. Karena ukuran font sangat besar mulai dari puluhan kb hingga mb.

Minimalkan gaya dan perhitungan tata letak halaman situs web

Penghitungan gaya halaman dan tata letak menggunakan AMP diminimalkan, menghasilkan kinerja prosesor yang lebih sedikit.

Hanya Menggunakan GPU untuk perenderan Animasi

Browser umumnya menggunakan CPU dan GPU untuk merender animasi pada halaman web. AMP memanipulasi perintah sehingga hanya GPU yang melakukan render dan gambar animasi. GPU lebih sering menghadirkan animasi yang lebih cepat dari CPU, kinerja CPU tidak terlalu terbebani.

Prioritaskan konten halaman web

AMP menggunakan algoritme yang dapat menentukan prioritas konten yang akan dimuat. Baik situs web HTTP server maupun HTTP pihak ketiga (contoh: iklan) sehingga pengguna lebih cepat menemukan isi halaman situs web.

Bagaimana Cara Memasang AMP Yang Benar?

Cara Setting Google AMP di WordPress Ada berbagai cara yang harus kita lakukan untuk membuat AMP valid WordPress kita, jika di wordpress kita diberikan dua opsi yaitu menggunakan plugin (unduh langsung dan instal) dan kode keras (otak-atur kode sendiri).

Cara Setting Google AMP di Wordpress Mengenai plugin, webmaster memiliki sudut pandang yang berbeda, beberapa mengatakan bahwa plugin membuat situs web yang berat dan lebih memilih untuk mengoptimalkannya dengan kode manual, tetapi yang lain ingin berumur pendek dan kembali ke keyakinan mereka masing-masing.

Pandangan saya tentang itu tergantung pada kompleksitas yang kita hadapi. jika memang kita tidak dapat menemukan dan mempelajari kode sumbernya sudah sepatutnya kita kembali ke pemilik plugin dan menerima segala konsekuensinya, tetapi jika kita memahami cara kerjanya seberapa jauh kita membuat diri kita lebih baik karena kode manual jauh lebih baik untuk memuat kecepatan, pengkodean yang lebih canggih.

Cara Memasang dan Setting AMP di WordPress


Anda dapat menggunakan AMP dengan mudah di platform WordPress. Anda hanya perlu menginstal plugin AMP di situs WordPress Anda. Selain itu AMP sangat akrab dengan plugin SEO seperti Yoast SEO yang menyediakan Glue untuk Yoast SEO & AMP plugin untuk SEO AMP.

Dari hasil review kami, plugin AMP oleh Automattic adalah plugin AMP terbaik dan juga plugin AMP yang telah direkomendasikan oleh Google AdSense untuk meningkatkan intensitas tampilan iklan di perangkat seluler. berikut ini cara menginstal dan mengatur AMP di WordPress.

Install dan Aktifkan Plugin AMP by Automattic

Cara Setting Google AMP di WordPress Anda dapat menginstal plugin AMP dengan Otomatis melalui dashboard wordpress Anda atau manual dwonload di WordPress Plugin Repository Anda juga dapat membaca Tutorial Cara Menginstal Plugin WordPress.

Mengakses Setting AMP

Setelah Anda mengaktifkan plugin AMP Anda dapat mengakses pengaturan AMP pada panel utama. Di sini Anda dapat menambahkan platform analitik kode json yang Anda gunakan untuk melihat statistik situs web Anda. Untuk AMP Informasi pengembangan analitik, Anda dapat mengunjungi Github AMP.

Memuat ulang Permalink

Cara Setting Google AMP di WordPress Sebelum AMP membuat halaman khusus untuk setiap posting di situs web Anda. Anda perlu memuat ulang tautan permanen. Anda juga dapat membaca Tutorial Cara Mengatur Permalink WordPress sebelumnya. Anda hanya perlu mengklik Simpan Perubahan pada pengaturan permalink situs web Anda kemudian permalink Anda telah dimuat ulang.

Melakukan Kustomisai Layout AMP

Anda dapat menyesuaikan AMP dengan mengklik panel Appereance »AMP. Sebelumnya Anda dapat membaca tutorial tentang Cara Mengatur dan Menginstal Tema WordPress. Anda kemudian diarahkan ke halaman penyesuaian tata letak AMP sebagai berikut, setelah itu simpan kustomisasi Anda.

Uji Postingan Anda dengan AMP

AMP secara default hanya berfungsi di halaman posting Anda, jadi AMP tidak berfungsi pada arsip dan halaman lainnya. Anda hanya perlu menambahkan / amp (permalink khusus) atau & amp = 1 (permalink polos) sesuai dengan pengaturan permalink Anda. Dapat diilustrasikan sebagai berikut

Selamat Anda Telah Berhasil Menggunakan AMP

Cara Setting Google AMP di WordPress Untuk proses selanjutnya AMP di situs Anda akan dioptimalkan secara otomatis oleh mesin pencari. Mesin pencari dapat mendeteksi posting Anda mendukung AMP dan akan menampilkan halaman AMP ketika pengguna menjelajah melalui mesin pencari yang relevan. Anda juga dapat menguji posting Anda melalui Google AMP Test.


Berdasarkan tinjauan kami, situs web memuat sangat cepat 1-3 detik untuk memuat secara penuh menggunakan AMP. Halaman ini akan memuat secara otomatis menggunakan AMP jika pengguna mendapatkan halaman situs web dari mesin pencari.

Namun jika kunjungan pengguna dari addressbar, browser situs web akan memuat secara normal. Namun kami masih mempertimbangkan menggunakan AMP karena teknologi ini masih dalam tahap pengembangan.

Alasan kami belum menggunakan AMP untuk saat ini adalah karena AMP masih memblokir konten javascript non-asynchronous dan beberapa konten CDN seperti format jsMath untuk Tutorial MATLAB kami tidak dapat berfungsi dengan baik dan plugin SyntaxHighlighter juga tidak dapat berfungsi dengan baik.

Itulah Cara Setting Google AMP di WordPress yang benar agar artikel anda menjadi page one pada pencarian google di perangkat selular.

Baca juga:

  1. Plugin WordPress Anti Copy Paste Tanpa javascript
  2. Penyebab Blog Lemot dan Solusi Website Lambat
  3. Cara Riset Keyword Paling Jitu Untuk Update Artikel Website
  4. Cara Merubah Blog Nofollow Menjadi Dofollow

Cara pasang amp di wordpress, Cara menggunakan google amp, Cara membuat amp website, Plugin amp terbaik, AMP wordpress, Cara cek web amp, Check amp website, Tutorial amp wordpress

Print Friendly, PDF & Email

Tinggalkan Balasan

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