Pengantar Google AMP untuk WordPress

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

Google AMP (Accelerated Mobile Pages) adalah teknologi baru yang mengganggu yang dirancang untuk membuat web lebih ramah-seluler, lebih cepat dan dapat diandalkan. Seri posting ini didedikasikan untuk menjelajahi Google AMP dan cara mengaturnya di WordPress.


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

  • Pertama, kami akan mengambil penyegaran cepat pada tren web seluler saat ini – membenarkan perlunya AMP
  • Kami juga akan mengambil ikhtisar kecil lain tentang bagaimana kecepatan halaman memengaruhi bisnis kami dan melihat bagaimana AMP dapat membantu
  • Selanjutnya, kita akan belajar apa itu AMP, lihat beberapa contoh kehidupan nyata dari apa yang bisa dilakukan.
  • Itu akan menandai akhir dari artikel ini. Pada artikel selanjutnya, kita akan belajar cara mengatur AMP untuk WordPress

Mari kita mulai.

Google AMP

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

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

rata-rata-harian-penggunaan-internet-oleh-perangkat

Sumber: Ezoic

Penggunaan internet seluler rata-rata tumbuh sebesar 600% antara 2010 dan 2015

email-dibuka-oleh-perangkat

Sumber: Ezoic

Sebuah studi yang dipublikasikan di Laporan Preferensi Perangkat Konsumen A.S. menemukan bahwa lebih dari dua pertiga email dibuka di perangkat seluler, dengan 52% dibuka di smartphone dan 16% dibuka di tablet.

digital-media-use-time

Sumber: Ezoic

SEBUAH Laporan Aplikasi Seluler 2015 AS diterbitkan oleh comScore ditemukan Peningkatan 90% total waktu yang dihabiskan untuk perangkat seluler oleh orang dewasa AS antara 2015 dan 2013. Laporan yang sama juga menyatakan bahwa aplikasi seluler menyumbang 54% dari total waktu yang dihabiskan untuk menggunakan media digital, dan akun peramban seluler menyumbang 8% dari total waktu.

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

Jadi ya, strategi mobile-first adalah sangat penting. Sekarang mari kita bicara sedikit tentang kecepatan.

Memuat waktu penting – sangat penting. Ini adalah salah satu faktor penting yang dapat memengaruhi faktor penting lainnya seperti pendapatan, rasio pentalan, waktu di situs, peringkat pencarian, dan kinerja di hampir setiap saluran pemasaran digital lainnya..

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

kecepatan situs web

Sumber: Protent

Dolar per tampilan halaman (sebut saja DPPV) meningkat sebesar 20% saat mengurangi waktu pemuatan dari 8 hingga 5 detik (pengurangan 37,5%).

Tetapi kemenangan sebenarnya datang ketika waktu buka halaman di bawah satu detik atau kurang. Mulai dari dua hingga satu detik waktu muat menghasilkan 2x peningkatan dolar per tampilan halaman.

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

Halaman A dimuat dalam 2 detik dan Halaman B dimuat dalam 4 detik. Tebak apa? Page A mendapat 10 saham sedangkan Page B hanya dua. Meskipun ukuran sampel terlalu kecil untuk memvalidasi hipotesis, tetapi itu menceritakan kisah yang signifikan!

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

Apa itu AMP?

contoh-amp

Sumber: BusinessofApps.com

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

Bagaimana AMP meningkatkan Kecepatan?

situs web-kecepatan-vektor

Kerangka terbuka AMP dirancang untuk mengambil keuntungan dari teknologi web yang ada dan membangun di atasnya. Itulah sebabnya, ia bekerja langsung di sistem manajemen konten seperti WordPress.

AMP mengikuti kerangka kerja standar untuk membangun halaman web dan memastikan bahwa semua halaman web yang ada dapat beradaptasi dengan kerangka kerja itu. Sedikit lagi istilah teknis, itu hanya memungkinkan skrip asinkron, melarang mekanisme pemblokiran render, hanya memungkinkan inline CSS dan banyak lagi.

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

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

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

Ini adalah tabel yang membagikan nomor:

Skor Kecepatan PageSpeedMuat WaktuTotal Ukuran HalamanPermintaan
Versi asli9251024118
Versi AMP951.420621
Perbedaan AMP3-3.6s-794KB-97
Peningkatan Persentase3%-72%-80%-82%

Pelestarian Konten

AMP dirancang untuk membuat web yang indah dan lebih responsif untuk perangkat seluler. Itu melakukannya dengan menghapus beberapa fitur yang tidak penting dari teknologi web yang ada.

Itu tidak berarti bahwa semua fitur keren dari web modern diambil. Tidak. Itu sederhana bermigrasi semua fitur konten yang kaya menjadi kerangka kerja standar dengan ruang gerak minimal.

AMP sepenuhnya mendukung komidi putar gambar, peta, plug-in sosial, visualisasi data, dan video untuk membuat cerita penerbit lebih interaktif dan menonjol.

Studi Kasus: The Washington Post

wapo

Sumber: Proyek AMP

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

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

Secara tradisional, 51% pengguna pencarian seluler kembali ke The Washington Post dalam waktu 7 hari. Untuk pengguna yang membaca cerita yang diterbitkan dalam AMP, jumlah ini melonjak hingga 63%. Dengan demikian, dengan AMP, retensi lalu lintas pencarian seluler meningkat sebesar 23%.

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

Bagus. Bagaimana saya mengakses AMP?

Anda dapat mengakses versi AMP dari situs web apa pun dengan menambahkan “/ amp” ke URL halaman web mana pun. Jika situs tidak mendukung AMP atau mengalami kesalahan render, itu dirancang untuk anggun menurunkan ke versi situs web responsif seluler asli.

Distribusi Konten

konten-vektor-grafik

“Juga dikenal sebagai CDN gratis untuk artikel AMP”

Lebih dikenal sebagai Google AMP Cache, layanan gratis dari Google ini memungkinkan penerbit untuk meng-host konten mereka sambil memungkinkan distribusi yang efisien melalui jaringan cache global kinerja tinggi Google. Dengan kata lain, itu seperti CDN gratis untuk situs AMP.

Bagus. bagaimana cara kerjanya?

Halaman web yang dibuat kompatibel dengan AMP diberi perhatian khusus oleh Google. Saat Anda mulai mengindeks versi AMP dari halaman situs web Anda, Google menyimpannya dalam sesuatu yang disebut Cache AMP. Anda masih memiliki konten, Google cukup membantu dalam menyajikannya ke penjuru dunia yang jauh. Dalam hal pembaruan konten yang di-cache, inilah yang dikatakan Google:

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

Bagaimana kita mengaksesnya?

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

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

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

  • Ini adalah URL artikel Forbes asli:
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/
  • Untuk mendapatkan versi AMP, kami cukup menambahkan / amp ke URL asli.
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • Sekarang, untuk mendapatkan URL Google AMP Cache, kami pertama-tama menyalin URL AMP mulai dari nama domain utama, mis. 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 tambahkan https://cdn.ampproject.org/c/s/ ke URL itu untuk mendapatkan URL Google AMP Cache dari halaman yang sama.
https://cdn.ampproject.org/c/s/forbes.com/sites/allbusiness/2015/10/10/24/10-great-paid-wordpress-themes-of-2015/amp

Lihat itu, itu akan berhasil!

Iklan Cerdas

iklan online

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

AMP mendukung beragam format iklan, jaringan iklan, dan teknologi. Setiap situs yang menggunakan AMP akan mempertahankan pilihan mereka atas jaringan iklan, serta format apa pun yang tidak mengurangi pengalaman pengguna.

Analisis

seo

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

analytics-platform-didukung-oleh-amp

Penyedia analisis yang didukung oleh AMP pada 1st Nov, 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 adalah di antara kelompok mitra teknologi pertama yang berencana untuk mengintegrasikan halaman HTML AMP. Google juga berencana menjadikan Google News sebagai platform pertama AMP.

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

Saya pribadi suka konsep halaman AMP. Mereka senang membaca, mengonsumsi data yang jauh lebih sedikit daripada rekan-rekan situs web yang siap-seluler, dan menampilkan iklan dengan cara yang benar-benar tidak mengganggu.

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

Apa pendapat Anda tentang AMP? Apakah akan menjemput?

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