Categories
Knowledge

Panduan Lengkap untuk Accelerated Mobile Pages (AMP)

Ketika Google meluncurkan pembaruan ramah-seluler dan akhirnya menjadikannya salah satu faktor peringkat mesin pencari seluler, pemilik situs mulai menantikan pengalaman seluler yang lebih cepat.

Baik untuk mengoptimalkan halaman Anda untuk pengguna seluler. Namun, jika halaman peramban seluler tidak dimuat dengan cepat, itu adalah cegukan yang dapat mencegah pengguna menikmati konten Anda.

Jadi, apa solusinya?

Accelerated Mobile Pages – atau AMP.

Kecepatan adalah bagian integral dari mendesain halaman web. Data dari KISSmetrics menunjukkan bahwa “sekitar 40% orang akan meninggalkan halaman web yang membutuhkan lebih dari 3 detik untuk memuat.”

Selain itu, jika situs belanja online menghasilkan $ 100.000 per hari, penundaan 1 detik dapat berpotensi menyebabkan Anda kehilangan $ 2,5 juta dalam penjualan yang hilang setiap tahun.

Menurut Google, plugin AMP memangkas waktu pengunduhan antara 15% dan 85%, dalam pengujian awal.

Pada bulan Desember 2015, Google mengatakan bahwa Accelerated Mobile Pages mungkin menjadi faktor peringkat.

Seperti yang diharapkan, webmaster, pemasar, dan SEO mulai menganalisis bagaimana hal itu dapat memengaruhi halaman web seluler. Mereka menemukan beberapa contoh yang menunjuk pada fakta bahwa AMP sebenarnya memiliki dampak besar pada peringkat mesin pencari seluler.

Singkatnya, halaman yang dioptimalkan peringkat AMP lebih baik dan lebih cepat dan mereka pasti mengubah lebih banyak pengunjung halaman seluler menjadi pelanggan.

Di British Whiteboard Friday mereka, Will Critchlow dan Tom Anthony, dari Distilled, memberikan penjelasan yang jelas tentang cara kerja plugin AMP dan cara memposisikan halaman ponsel Anda untuk mendapat manfaat darinya.

Jika Anda ingin menggali lebih dalam tentang AMP, dan apa yang bisa dilakukan untuk Anda, sebagai pemasar digital yang memahami pentingnya menjangkau pengguna seluler, izinkan saya untuk menguraikan topik tersebut.

Apa itu Accelerated Mobile Pages (AMP)?

Plugin AMP lahir dari kolaborasi antara Google dan Twitter.

Secara sederhana, Laman Seluler yang Dipercepat adalah proyek inisiatif sumber terbuka yang dirancang untuk mengoptimalkan laman seluler yang lebih cepat. Ini seperti mengambil halaman yang sudah mobile friendly dan membuatnya memuat lebih cepat, dengan melepasnya ke dasar-dasar.

AMP adalah bukti lebih lanjut dari fokus Google pada pengguna.

Setiap kali Google meluncurkan pembaruan baru seperti ini, Anda mungkin berpikir mereka hanya peduli untuk menghasilkan lebih banyak uang.

Itu pada akhirnya benar karena semakin bahagia penggunanya, semakin mereka kembali ke Google dan itu berarti lebih banyak pengiklan.

Tapi, Google bersemangat tentang pengguna mesin pencari seluler. Dan, kamu juga harus begitu.

Accelerated Mobile Pages (AMP) adalah proyek / platform inisiatif sumber terbuka yang bertujuan membantu penerbit meningkatkan kecepatan dan keterbacaan halaman konten mobile mereka.

Halaman seluler yang lebih cepat + konten yang dapat dibaca = pengalaman pengguna yang lebih baik

Bagaimana Cara Kerja Plugin AMP?

Paul Shappiro, dari Search Engine Land, menjabarkan struktur 3-bagian AMP:

Paul Shappiro, dari Search Engine Land, menjabarkan struktur 3-bagian AMP:

Plugin AMP membuat laman seluler Anda lebih cepat, dengan mengurangi aspek pengelola tag kode HTML dan hanya merender yang cocok untuk pengguna seluler.

Diagram dan penjelasan ini, dari Papan Tulis WIll Critchlow Jumat, menyederhanakan proses:

AMP merender halaman Anda menggunakan kode HTML yang dioptimalkan. Halaman-halaman tersebut diharapkan memuat lebih cepat karena aspek-aspek manajer tag kode HTML tertentu yang jika tidak akan memperlambat halaman dihilangkan.

Jika JavaScript disertakan dalam halaman seluler Anda, skrip tidak akan dirender untuk Laman Seluler yang Dipercepat.

Berikut beberapa hal lagi yang harus Anda ketahui:

Dengan AMP, Anda harus menggunakan versi CSS yang disederhanakan.

Anda hanya diizinkan menggunakan perpustakaan JavaScript yang disediakan AMP – karena Anda tidak memegang kendali, Anda mungkin mengalami pemuatan yang malas. Ini mungkin satu-satunya downside ke AMP.

Agar situs AMP berfungsi setiap saat, mereka harus divalidasi dengan benar

  • Tidak ada formulir yang diizinkan pada halaman plugin AMP.
  • Untuk pengalaman yang lebih baik, font khusus harus dimuat secara khusus.
  • Untuk menghindari gambar yang tampak aneh, pastikan untuk menyatakan tinggi dan lebar.
  • Gunakan ekstensi yang disetujui AMP jika Anda ingin memiliki video di halaman Anda.

Jadi, ketika Anda mengintegrasikan plugin AMP dan menggunakannya untuk meningkatkan laman seluler Anda, yang lebih penting bagi Anda adalah kecepatan dan keterbacaan, bukan kemampuan berbagi. Tombol berbagi sosial Anda mungkin bahkan tidak ditampilkan dengan benar karena sebagian besar dikembangkan menggunakan JavaScript.

Manfaat Laman Seluler yang Dipercepat

Ada korelasi yang signifikan antara kecepatan situs, tampilan halaman, dan peringkat mesin pencari seluler.

Satu hal yang harus Anda ingat adalah bahwa setiap kali halaman web tertentu dimuat dengan cepat, pengguna browser seluler akan melihat lebih banyak halaman di situs tersebut, sehingga mengurangi tingkat bouncing.

Ketika rasio pentalan dikurangi dan pengalaman di tempat meningkat, Google akan menghargai halaman tersebut. Anda tidak akan terkejut menemukan halaman plugin AMP yang berperingkat lebih tinggi dari yang bukan-AMP. Lihat dua versi:

Plugin

Sejujurnya, ada banyak manfaat untuk mengoptimalkan dengan plugin AMP. Tapi, mari kita pertimbangkan 5 besar:

Laman web gila-gilaan yang cepat disukai pengguna: Kecepatan adalah sumber kehidupan laman peramban seluler Anda. Konten hebat sangat penting, tetapi, kecuali halaman Anda dapat diakses, pengguna tidak akan membacanya.

Studi ini menemukan bahwa keterlambatan 1 detik dalam waktu buka peramban seluler dapat menurunkan tingkat konversi sebesar 3,50%, mengurangi tampilan halaman sebesar 9,40% dan meningkatkan rasio pentalan hingga 8,30%.

Itu sebabnya Anda harus membuat halaman peramban seluler Anda dengan sangat cepat. AMP membantu Anda untuk mencapai itu.

Ingat bahwa cara orang menggunakan konten (mis., Artikel, posting blog, video, dan podcast) telah berubah secara dramatis. Tingkat di mana konten diterbitkan sangat luar biasa.

Jika laman seluler Anda selambat siput, Anda tidak akan mengonversi pengguna peramban seluler yang ditargetkan menjadi pelanggan. Bersiaplah untuk mengalami peningkatan kecepatan halaman yang dramatis dengan AMP.

Sebagai pemasar digital, ini akan memacu Anda untuk bertindak, untuk meningkatkan laman seluler Anda.

Google terus meningkatkan sistemnya. Kami pikir keramahan browser ponsel adalah pembaruan terbesar sejauh ini, tetapi kemudian proyek AMP muncul.

Dan, ini hanya dapat berarti satu hal: Google belum selesai. Pembaruan algoritma mesin pencari seluler baru, fitur-fitur canggih, dan alat-alat akan terus dikembangkan.

Jadi, mulailah. Kunjungi AMPProject.org dan mulailah mempercepat halaman seluler Anda.

Visibilitas browser seluler yang meningkat untuk pemasar konten: Google telah mulai menampilkan hasil AMP dalam daftar organik. Anda dapat mengidentifikasi hasil ini dengan simbol AMP, berwarna hijau.

Jelas, semakin menarik perhatian hasil Anda, semakin banyak klik yang akan Anda peroleh.

Simbol AMP hijau ini pasti akan mengarah pada peningkatan klik-tayang karena hasil mesin telusur ini menonjol dari yang lain.

Pengguna mesin pencari seluler kemudian akan mulai mencari secara khusus untuk halaman plugin AMP karena halaman ini memuat lebih cepat daripada halaman seluler biasa.

Peringkat mesin pencari seluler yang ditingkatkan: Ada hubungan yang kuat antara kecepatan situs dan tingkat konversi. Jika pengguna senang di situs pemuatan cepat, mereka cenderung berlangganan atau membeli produk.

Meskipun banyak yang masih diharapkan dari AMP, Google belum menjadikannya sebagai faktor peringkat.

Anda sudah tahu bahwa kecepatan memuat halaman dan keramahan seluler adalah faktor yang terkenal, tetapi AMP akan bekerja sama dengan halaman seluler.

Itulah mengapa itu mungkin tidak pernah digunakan sebagai faktor peringkat independen karena hanya berfungsi pada halaman seluler dan tidak ada hubungannya dengan halaman versi desktop.

Karena situs yang ramah seluler diberi peringkat lebih tinggi dalam hasil penelusuran seluler organik, laman yang dikembangkan dengan AMP kemungkinan besar akan peringkat lebih tinggi daripada laman non-AMP, di laman hasil seluler (MRP).

Dukungan iklan yang fleksibel: Kebanyakan orang memulai situs web atau blog untuk menghasilkan uang dan mungkin untuk menggantikan pekerjaan harian mereka.

Melihat versi desktop dan browser ponsel dari halaman situs, mudah untuk menyimpulkan jika ada terlalu banyak gangguan.

Gangguan ini, seperti gambar tajuk, menu navigasi, bilah sisi, tombol berbagi sosial, formulir, munculan, dan elemen yang tidak perlu lainnya, dapat menurunkan tingkat konversi Anda.

Tetapi, dengan AMP, Anda dapat menyingkirkan gangguan pada halaman browser seluler Anda.

Itu karena tidak semua tag kode HTML dieksekusi, Anda menggunakan versi CSS yang disederhanakan, dan JavaScript tidak ada pertanyaan (kebanyakan). Kode ini juga 6x lebih ringan.

Itu berarti Anda dapat menghasilkan uang lebih mudah dari iklan Anda.

Jika Anda menganalisis versi The Guardian AMP, misalnya, Anda akan langsung tahu bahwa itu dirancang untuk menampilkan iklan dengan cara yang lebih fleksibel dan ramah pengguna daripada halaman peramban seluler biasa.

Ketika Anda mengklik pada Halaman Seluler yang Dipercepat, itu akan dimuat hampir secara instan, bahkan sebelum Anda selesai mengklik.

Saat menampilkan iklan dari pihak ketiga pada Halaman Seluler Anda yang Dipercepat, pastikan Anda menayangkan iklan yang memuat dengan cepat tetapi juga menarik perhatian pengguna dan memberikan nilai yang sangat besar.

Seperti yang sudah Anda ketahui, pendekatan pemasaran konten ini adalah cara termudah untuk meningkatkan pengaruh Anda, membantu pengguna mendapatkan jawaban atas pertanyaan mereka dan meningkatkan ROI pengeluaran iklan.

Jika Anda siap untuk memonetisasi halaman yang dioptimalkan oleh AMP, berikut adalah beberapa jaringan iklan paling populer yang saat ini menggunakan fungsionalitas AMP-ads:

  • Amazon A9
  • AdReactor
  • Google Doubleclick
  • Flite
  • Adform
  • Google AdSense
  • AOL AdTech
  • Taboola
  • plista
  • AdServer Cerdas
  • Yieldmo
  • DotAndAds

Pelacakan pengguna menjadi lebih mudah: Tidak cukup untuk mengirimkan lalu lintas ke halaman peramban seluler Anda. Anda juga harus tahu bagaimana mereka sampai di situs Anda.

Pelacakan membantu Anda menentukan dari mana orang berasal, halaman mana yang mereka lihat dan sebagainya.

Melacak pengguna dan kinerja situs cukup mudah di AMP karena ada alat analitik di tempat, di mana Anda dapat mempelajari versi AMP Anda dengan lebih detail.

Perilaku pengguna hanya dapat dipengaruhi saat Anda melacaknya. Dengan AMP, penerbit dapat menggunakan analitik pengelola tag tersebut untuk memilih dari dua tag.

Tag ini membantu melacak data penting secara otomatis, seperti klik / konversi, pelacakan video dan tautan, jumlah pengunjung, pengunjung baru vs. pengunjung yang kembali dan banyak lagi.

Perusahaan solusi teknologi lainnya, seperti WordPress, Parsely, Chartbeat, LinkedIn, Adobe Analytics, Pinterest dan, tentu saja, Twitter, juga sudah mendukung AMP.

Optimalkan Halaman Anda untuk AMP

Laman Seluler yang Dipercepat masih dalam pengembangan. Menurut pengembang proyek AMP, Github, “Kami mendorong rilis AMP baru ke semua halaman AMP setiap minggu pada hari Kamis.”

Saya melihat fitur baru yang masuk ke dalamnya. Saya berharap, misalnya, fitur yang memungkinkan pengguna memilih versi halaman mana yang akan dilihat, versi AMP atau halaman ponsel standar.

Dalam kedua kasus tersebut, Anda masih perlu menyiapkan halaman web Anda untuk AMP. Dengan begitu, apa pun yang terjadi, Anda akan berada di tim pemenang.

Ada beberapa opsi, ketika Anda ingin mengoptimalkan halaman web Anda untuk AMP. Jika Anda seorang pemula, salah satu hal yang dapat Anda lakukan adalah mempertahankan setidaknya dua versi halaman konten Anda.

Halaman konten asli Anda akan menjadi versi ramah peramban seluler yang akan dilihat pengguna, tetapi Anda juga akan memiliki versi AMP dari halaman itu, yang pasti akan mempercepatnya.

Ingat juga bahwa versi AMP berisi kode HTML dasar, yang tidak mengizinkan elemen formulir dan JavaScript pihak ketiga.

Sebagai seorang pemasar, kita semua ingin membangun daftar email kita. Kelemahan dari AMP adalah bahwa hal itu tidak akan memungkinkan Anda untuk dengan mudah mencapai itu.

Selain itu, komentar pengguna dan aktivitas lain yang diikuti pengguna saat melihat konten Anda di halaman seluler mungkin tidak dapat dilakukan dengan AMP.

Sekali lagi, fokusnya adalah pada kecepatan dan keterbacaan.

Untuk memulai dengan AMP sekarang, jika Anda adalah pengguna WordPress, maka Anda hanya perlu mengunduh dan menginstal plugin WordPress di GitHub.

Cukup klik tombol “Unduh Zip”.

Perhatikan bahwa Anda dapat menginstal plugin AMP melalui dashboard WordPress Anda, seperti halnya plugin lainnya. Cukup mudah.

Setelah Anda berhasil menginstal dan mengaktifkan plugin, yang harus Anda lakukan adalah menambahkan “/ amp /” ke halaman posting blog Anda. Begini tampilannya di browser seluler:

Jika Anda tidak memiliki permalink yang ramah, maka Anda dapat menambahkan “? Amp = 1” sebagai gantinya.

Jangan lupa untuk memvalidasi dan mengubah di Google Search Console. Dengan begitu, Anda dapat membantu Google mengambil versi AMP Anda lebih cepat.

Kesimpulan

AMP benar-benar kuat. Sebagai pemutakhiran ke laman ramah seluler, ada baiknya Anda memenuhi harapan Google bahwa Anda mengoptimalkan kecepatan situs Anda.

Di masa depan, Laman Seluler yang Dipercepat akan memengaruhi banyak interaksi seluler media sosial. Saya yakin akan hal itu.

Sementara fokusnya adalah pada AMP sekarang, jangan lupa untuk menggunakan strategi pemasaran seluler yang telah terbukti. Itulah cara menghasilkan pelanggan seluler ke situs Anda dan menumbuhkan bisnis Anda.

Sebelum Anda pergi, saya punya pertanyaan untuk Anda: Apakah Anda mempercepat halaman seluler Anda untuk kecepatan dan keterbacaan? Jika tidak, apa yang menghentikan Anda?

Diterjemahkan dari Nailpatel.com

Refrensi;
https://e27.co/startups/garuda-web-development/
How to Choose a Web Development Company
Blog Internet, Business, & Humanity
https://issuu.com/webdesignpro
https://projects.co.id/public/browse_users/view/82d518/dediariko

Tinggalkan Balasan

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