Pengenalan Google AMP untuk WordPress

1. 1. Sedang Dibaca: Pengantar Google AMP untuk WordPress
2. 2. Cara Mengatur AMP di WordPress

Google AMP (Accelerated Mobile Pages) adalah teknologi baru yang dirancang untuk menjadikan web lebih mobile-friendly, lebih cepat, dan andal. Seri postingan ini didedikasikan untuk menjelajahi Google AMP dan cara mengaturnya di WordPress.

Berikut daftar hal-hal yang akan kami bahas dalam seri posting ini:

• Pertama, kita akan melihat sekilas tren web seluler saat ini – yang membenarkan perlunya AMP
• Kami juga akan melihat ikhtisar kecil lainnya tentang bagaimana kecepatan halaman memengaruhi bisnis kami dan melihat bagaimana AMP dapat membantu
• Selanjutnya, kita akan mempelajari apa itu AMP, melihat beberapa contoh nyata tentang apa yang bisa dilakukannya.
• Itu akan menandai akhir artikel ini. Pada artikel selanjutnya, kita akan mempelajari cara setup AMP untuk WordPress

Mari kita mulai.

Google AMP

Sebelum menggali informasi tentang AMP, Anda dapat mengikuti panduan video WPCrafter yang terkait dengan postingan kami.

Menurut Laporan Tren Internet 2015 yang diterbitkan oleh perusahaan konsultan KPCB, rata-rata orang dewasa menghabiskan 5,6 jam sehari di Internet pada tahun 2015. Dari total tersebut, 2,8 jam dihabiskan di perangkat seluler. Ini merupakan peningkatan yang signifikan dibandingkan tahun 2010, ketika rata-rata hanya 0,4 jam sehari dihabiskan di Internet melalui perangkat seluler.

Sumber: Ezoikum

Rata-rata penggunaan internet seluler tumbuh sebesar 600% antara tahun 2010 dan 2015

Sumber: Ezoikum

Sebuah studi yang diterbitkan dalam Laporan Preferensi Perangkat Konsumen AS menemukan bahwa lebih dari dua pertiga email dibuka di perangkat seluler, dengan 52% dibuka di ponsel cerdas dan 16% dibuka di tablet.

Sumber: Ezoikum

Laporan Aplikasi Seluler AS tahun 2015 yang diterbitkan oleh comScore menemukan 90% peningkatan total waktu yang dihabiskan di perangkat seluler oleh orang dewasa AS antara tahun 2015 dan 2013.  Laporan yang sama juga menyatakan bahwa aplikasi seluler menyumbang 54% dari total waktu yang dihabiskan di perangkat seluler total waktu yang dihabiskan untuk menggunakan media digital, dan browser seluler menyumbang 8% dari total waktu.

Secara keseluruhan, 62% waktu penggunaan media digital dihabiskan di perangkat seluler.

Jadi ya, strategi yang mengutamakan seluler sangat penting. Sekarang mari kita bicara sedikit tentang kecepatan.

Waktu pemuatan penting – sangat penting. Salah satu faktor penting itulah yang dapat memengaruhi faktor penting lainnya seperti pendapatan, rasio pentalan, waktu di situs, peringkat pencarian, dan kinerja di hampir semua saluran pemasaran digital lainnya.

Karena pendapatan adalah tujuan akhir dalam bisnis atau situs web apa pun, berikut fakta menarik dari studi penelitian tahun 2014 “Kecepatan Situs Menyakiti Pendapatan Semua Orang”, yang dilakukan oleh perusahaan pemasaran digital Protent. Hal yang menarik dari penelitian ini adalah halaman yang lebih cepat menghasilkan lebih banyak uang.

Sumber: Protent

Dolar per tampilan halaman (sebut saja DPPV) meningkat sebesar 20% ketika waktu pemuatan dikurangi dari 8 menjadi 5 detik (pengurangan 37,5%).

Namun kemenangan sebenarnya datang ketika waktu buka halaman kurang dari satu detik atau kurang. Mengubah waktu muat dari dua menjadi satu detik menghasilkan peningkatan 2x dolar per tayangan laman.

Tidak hanya pendapatan, kecepatan situs juga mempengaruhi kinerja berbagi sosial. Orang-orang di Protent melakukan eksperimen yang tidak terlalu menyeluruh di mana mereka mengirimkan 100 klik berbayar (dari Iklan Facebook) ke dua halaman.

Halaman A dimuat dalam 2 detik dan Halaman B dimuat dalam 4 detik. Tebak apa? Halaman A mendapat 10 share sedangkan Halaman B hanya mendapat dua share. Meskipun ukuran sampelnya terlalu kecil untuk memvalidasi hipotesis, namun hal ini menceritakan kisah yang signifikan!

Menyaksikan pertumbuhan pesat pasar Internet seluler, permintaan akan akses Internet yang lebih cepat, teknologi web yang lebih baik dalam hal kecepatan, aksesibilitas, dan keandalan menjadi hal yang sangat penting. Pelopor seperti Google segera menyadari bahwa banyak hal yang dapat dilakukan untuk memenuhi permintaan yang terus meningkat ini, dan lahirlah Project AMP.

Apa itu AMP?

Sumber: BusinessofApps.com

AMP atau Accelerated Mobile Pages adalah kerangka kerja terbuka untuk membangun web seluler yang lebih cepat, terstandarisasi, dan lebih responsif. Keunggulan AMP adalah ia bekerja tepat di atas teknologi web yang ada dan secara dramatis meningkatkan pengalaman pengguna seluler. Itulah sebabnya Google lebih memilih halaman web AMP dan memberi peringkat lebih tinggi di SERP.

Bagaimana AMP meningkatkan Kecepatan?

Kerangka kerja terbuka AMP dirancang untuk memanfaatkan teknologi web yang ada dan memanfaatkannya. Itulah sebabnya, ini langsung berfungsi di sistem manajemen konten seperti WordPress.

AMP mengikuti kerangka kerja standar untuk membuat halaman web dan memastikan bahwa semua halaman web yang ada dapat beradaptasi dengan kerangka tersebut. Dalam istilah yang sedikit lebih teknis, ini hanya mengizinkan skrip asinkron, tidak mengizinkan mekanisme eksternal yang memblokir render, hanya mengizinkan CSS sebaris, dan banyak lagi.

Singkatnya, AMP pertama-tama merender tata letak halaman web (hampir seketika) dan memuat konten berdasarkan prioritas. Ini menghilangkan semua sumber daya yang menunggu dan sangat meminimalkan jumlah permintaan. Ketika semua faktor ini bekerja selaras sempurna satu sama lain, Anda akan mendapatkan situs web yang sangat cepat dan dapat dimuat hampir dalam sekejap.

Lihat tes kecepatan berikut yang disusun oleh PenguinWP, yang menunjukkan “efek AMP”. Dengan menggunakan AMP, mereka dapat:

• Tingkatkan skor PageSpeed sebanyak 3 poin
• Kurangi waktu pemuatan halaman sebesar 72% dari 5 menjadi 1,4 detik!
• Mengurangi ukuran halaman sebesar 80% dan jumlah permintaan sebesar 82%

Berikut tabel pembagian angkanya:

Pelestarian Konten

AMP dirancang untuk membuat web menjadi indah dan lebih responsif untuk perangkat seluler. Hal ini dilakukan dengan menghapus beberapa fitur yang tidak penting dari teknologi web yang ada.

Itu tidak berarti bahwa semua fitur keren dari web modern dihilangkan. Tidak. Ini hanya memigrasikan semua fitur konten yang kaya ke dalam kerangka standar dengan ruang gerak minimal.

AMP sepenuhnya mendukung carousel gambar, peta, plugin sosial, visualisasi data, dan video untuk menjadikan cerita penerbit lebih interaktif dan menonjol.

Studi Kasus: The Washington Post

Sumber: Proyek AMP

Mari kita lihat studi kasus Washington Post dengan AMP. Setelah menerapkan AMP, The Post melihat peningkatan pengguna yang kembali dari penelusuran seluler sebesar 23%. Ini memerlukan sedikit penjelasan.

Hampir 55% lalu lintas The Post berasal dari perangkat seluler – yang sekali lagi selaras dengan statistik yang dibagikan di awal artikel ini. Jika data tidak dimuat dalam 3 detik, orang-orang mulai keluar.

Biasanya, 51% pengguna penelusuran seluler kembali ke The Washington Post dalam waktu 7 hari. Bagi pengguna yang membaca cerita yang dipublikasikan di AMP, jumlah ini melonjak menjadi 63%. Jadi, dengan AMP, retensi lalu lintas penelusuran seluler meningkat sebesar 23%.

Tidak hanya itu, waktu pemuatan halaman rata-rata mencapai 400 ms yang merupakan peningkatan 88% setelah AMP. Saat ini mereka mendorong lebih dari 1000 artikel melalui AMP.

Besar. Bagaimana cara mengakses AMP?

Anda dapat mengakses versi AMP situs web mana pun dengan menambahkan “/amp” ke URL halaman web mana pun. Jika situs tidak mendukung AMP atau mengalami kesalahan rendering, situs tersebut dirancang untuk diturunkan dengan baik ke versi asli situs web responsif seluler.

Distribusi Konten

“Juga dikenal sebagai CDN gratis untuk artikel AMP”

Lebih dikenal sebagai Google AMP Cache, layanan gratis dari Google ini memungkinkan penerbit untuk menghosting konten mereka sekaligus memungkinkan distribusi yang efisien melalui jaringan cache global berkinerja tinggi milik Google. Dengan kata lain, ini seperti CDN gratis untuk situs AMP.

Besar. Bagaimana cara kerjanya?

Halaman web yang dibuat kompatibel dengan AMP mendapat perhatian khusus oleh Google. Saat Anda mulai mengindeks versi AMP halaman situs web Anda, Google menyimpannya dalam sesuatu yang disebut cache AMP. Anda masih memiliki kontennya, Google hanya membantu menyajikannya ke penjuru dunia. Dalam hal pembaruan konten cache, inilah yang dikatakan Google:

“Setiap kali pengguna mengakses konten AMP dari cache, konten tersebut diperbarui secara otomatis, dan versi yang diperbarui disajikan kepada pengguna berikutnya setelah konten tersebut di-cache.”

Bagaimana kita mengaksesnya?

Baiklah, mari kita lihat. Jika Anda memiliki URL halaman web, Anda harus memeriksa terlebih dahulu apakah AMP diaktifkan. Anda melakukannya hanya dengan menambahkan “/amp” ke URL. Berikut rumus singkat tentang cara mendapatkan URL Cache Google AMP dari situs web apa pun yang dilengkapi AMP.

1. Dapatkan halaman web versi AMP dengan menambahkan '/amp' ke URL. Jika valid, lanjutkan ke langkah berikutnya. Jika tidak, berhentilah.
2. Jika muncul halaman 404 – website tersebut belum mengimplementasikan AMP.
3. Jika Anda melihat konten dimuat, maka AMP telah diinstal.
4. Untuk mengambil konten dari Google AMP Cache, cukup tambahkan https://cdn.ampproject.org/c/ di awal URL AMP, kecuali bagian “www”.
5. Mulailah dengan nama domain utama (kecuali ‘www’) dan salin URL AMP halaman web.
6. Tambahkan https://cdn.ampproject.org/c/s/ ke URL dan itu akan memberi Anda URL Cache Google AMP.

Mari kita ambil contoh artikel Forbes dan menguji rumus di atas.

• Ini adalah URL asli artikel Forbes:

http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/

• Untuk mendapatkan versi AMP, kita cukup menambahkan /amp ke URL aslinya.

http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/

• Nah untuk mendapatkan URL Cache AMP Google, kita salin dulu URL AMP mulai dari nama domain utama yaitu tidak termasuk bagian “www” sampai akhir. Itu memberi kita:

forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/

• Selanjutnya kita menambahkan https://cdn.ampproject.org/c/s/ ke URL tersebut untuk mendapatkan URL Cache Google AMP dari halaman yang sama.

https://cdn.ampproject.org/c/s/forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp

Coba lihat, ini akan berhasil!

Iklan Cerdas

Membuat konten berkualitas membutuhkan sumber daya yang besar. Iklan membantu mendanai layanan dan konten gratis di web. AMP dirancang untuk menggabungkan ide ini dan telah bermitra dengan lebih dari 75 jaringan iklan utama.

AMP mendukung beragam format iklan, jaringan iklan, dan teknologi. Situs mana pun yang menggunakan AMP akan mempertahankan pilihan jaringan iklannya, serta format apa pun yang tidak mengurangi pengalaman pengguna.

Analisis

Penerbit juga perlu memahami perilaku pengguna saat mereka berinteraksi dengan kontennya. Itulah sebabnya AMP juga bekerja dengan baik dengan lebih dari 25 penyedia solusi analitik terkemuka seperti comScore, Google Analytics, Krux, dan banyak lagi.

Penyedia analisis yang didukung oleh AMP mulai 1^st November 2016; Sumber: Proyek AMP

Kesimpulan

Platform pembuatan konten, agregasi, dan analitik terkemuka telah mulai menerapkan AMP di situs web mereka. Twitter, Pinterest, WordPress.com, Chartbeat, Parse.ly, Adobe Analytics, dan LinkedIn merupakan kelompok mitra teknologi pertama yang berencana mengintegrasikan halaman HTML AMP. Google juga berencana menjadikan Google Berita sebagai platform yang mengutamakan AMP.

Sangat menarik untuk melihat bagaimana proyek ambisius ini akan mengubah masa depan web.

Saya pribadi menyukai konsep halaman AMP. Mereka menyenangkan untuk dibaca, mengkonsumsi data jauh lebih sedikit dibandingkan situs web mobile-ready, dan menampilkan iklan dengan cara yang sama sekali tidak mengganggu.

Membaca, mengonsumsi, dan berbagi konten jauh lebih sederhana dan menyenangkan dengan AMP. Pada artikel selanjutnya, kita akan mempelajari cara mengintegrasikan AMP dengan WordPress.

Apa pendapat Anda tentang AMP? Apakah itu akan diambil?