Apa itu Google AMP? Bagaimana Cara Kerjanya dan Mengapa Ini Berguna untuk Situs Mobile

AMP, atau Accelerated Mobile Pages, adalah proyek sumber terbuka yang dibuat oleh Google dengan tujuan memfasilitasi pengalaman penelusuran yang lebih lancar untuk perangkat seluler.

Proyek ini menjanjikan kinerja yang lebih tinggi, peningkatan keterlibatan, dan lebih sedikit penggunaan data yang menguntungkan pengguna dan penerbit.

Bagaimana AMP Bekerja?

Page Speed ​​menjadi faktor peringkat untuk halaman seluler pada Juli tahun ini (2018), dan AMP ada di sini untuk memenuhi kebutuhan kecepatan situs web Anda. Faktanya, AMP berjanji untuk membuat penelusuran seluler hingga 85% lebih cepat.

Melalui kombinasi optimasi dan pembatasan untuk HTML, JavaScript, dan CSS; Halaman AMP dimuat hampir secara instan. Sebagai pengganti JavaScript yang ditulis penulis, elemen khusus AMP memastikan kecepatan dan kompatibilitas.

Kecepatan halaman juga meningkat dengan prioritas di atas flip, cache AMP tertentu, dan prapenguraian. Selain itu, penggunaan file kecil dan media, dan beberapa permintaan sumber daya dari server menambah peningkatan kecepatan lebih lanjut.

Optimalisasi dalam AMP juga akan memastikan tata letak halaman Anda selalu dimuat dengan benar, bahkan sebelum gambar dan iframe (untuk iklan) dimuat.

Ini dilakukan dengan menentukan ukuran gambar dan iframe dalam dokumen HTML (disebut “tata letak statis”). Dan pada dasarnya berhenti konten bergerak agar sesuai dengan sumber daya saat memuat.

Apa itu Caching AMP?

Jika Anda menerbitkan situs AMP yang valid, halaman Anda secara otomatis di-cache sebagai bagian dari ekosistem AMP. Cache akan menyimpan dokumen, font, dan gambar AMP Anda.

Ada dua cache AMP yang digunakan saat ini, Google AMP Cache dan Cloudflare’s AMP Cache . Server Cloudflare sendiri mencakup 102 lokasi di 50 negara yang berbeda.

Cache diperbarui setiap kali seseorang mengakses konten, dan konten yang diperbarui disajikan kepada pengguna berikutnya secara otomatis. Ini memastikan versi terbaru dilayani dengan cepat untuk sebanyak mungkin orang.

Selain melakukan caching konten, server cache juga akan memberikan beberapa optimasi dan modifikasi seperti:

  • Memvalidasi format AMP.
  • Membatasi dimensi gambar untuk mencegah masalah memori peramban dan responsif yang buruk.
  • Penghapusan data gambar yang tidak terlihat atau sulit dilihat, seperti metadata tertentu.
  • Mengonversi gambar ke format gambar yang lebih kecil dan lebih ramah seluler, seperti mengonversi gambar berformat GIF, PNG, dan JPEG ke WebP ( apa itu WebP? ) Di browser yang mendukung WebP.
  • Mengubah gambar menjadi kualitas lebih rendah jika permintaan menyertakan tajuk Simpan-Data.
  • Menambahkan dukungan untuk gambar berukuran responsif.
  • Melayani melalui saluran aman (HTTPS) dan menggunakan protokol web terbaru (SPDY, HTTP / 2).
  • Sanitasi dokumen AMP untuk mencegah serangan XSS berdasarkan tag HTML, komentar, dan lainnya yang salah ditutup.

Selain optimasi ini, cache juga akan menyelesaikan banyak proses sanitasi HTML untuk menormalkan parsing.

Daftar lengkap optimasi cache AMP tersedia di halaman Google Developers.

Apa Manfaat Sebenarnya dari AMP?

Kecepatan adalah daya tarik utama AMP. Dan itulah sebabnya banyak penerbit seperti Google, Facebook, Baidu, Pinterest, dan Twitter telah mengadopsi teknologi ini. Kecepatan yang ditingkatkan menambah keterlibatan dan menurunkan rasio pentalan hampir di seluruh papan.

AMP sangat berguna di area dengan jangkauan internet seluler yang rendah, atau pada jaringan publik yang padat dan lambat seperti bandara dan kedai kopi . Dan itu sebabnya konten dimuat di aplikasi mereka begitu cepat ketika penjelajahan biasa lambat.

Penelitian yang dilakukan dalam studi Dampak Ekonomi Total Forrester Consulting (ditugaskan oleh Google) tahun lalu, menemukan bahwa:

“AMP mengarah pada peningkatan 10% dalam lalu lintas situs web dengan peningkatan 2x dalam waktu yang dihabiskan di halaman. Untuk situs web e-commerce menggunakan AMP, penelitian ini juga menemukan peningkatan 20% dalam konversi penjualan dibandingkan dengan halaman non-AMP. “

Carousel Top Stories Google di ponsel hanya akan menggunakan Google AMP Cache untuk menampilkan artikel, jadi bagi banyak penerbit, menggunakan AMP harus menjadi pilihan otomatis.

New York Times, eBay, dan AliExpress adalah contoh yang bagus untuk memeriksa yang telah memanfaatkan AMP. Jika Anda mengklik konten dari situs-situs ini (ditandai dengan ikon amp) di pencarian Google di ponsel Anda, Anda akan memuat versi AMP dari halaman mereka.

Cerita AMP

Tambahan pada ekosistem AMP awal tahun ini adalah AMP Story. Mirip dengan  cerita Snapchat , ini sudah digunakan oleh banyak penerbit. Contoh yang baik termasuk  kisah CNN tentang misi yang masih mengeksplorasi Tata Surya kita , dan  panduan penting Mashable untuk Black Panther .

AMP Story Ads, tambahan untuk fitur story, baru-baru ini dibuat tersedia untuk semua situs web yang menggunakan Google Ad Manager. Ini adalah iklan layar penuh yang muncul dalam cerita AMP, dan merupakan salah satu dari banyak perbaikan yang membuat AMP jauh lebih berguna daripada setahun yang lalu.

Apa Kelemahan dari AMP?

Pencarian seluler Google
Kredit Gambar: DepositFoto

Jika Anda menggunakan Google, Twitter, Pinterest, Messenger, dll., Anda akan melihat bahwa tautan eksternal akan terbuka di dalam domain itu sendiri, alih-alih dari domain yang terhubung dengannya.

Meskipun penampil AMP meningkatkan pengalaman menjelajah untuk pengguna, ini bisa negatif bagi pemilik situs web. Ini menghilangkan kekuatan Anda untuk mengontrol navigasi pengunjung melalui situs Anda.

Ini dapat merampok tampilan halaman situs Anda dan dapat mengganggu penghasilan iklan Anda. Bahkan ada beberapa masalah analitik dan pelacakan yang sulit dipecahkan kecuali Anda menggunakan Google Analytics untuk AMP .

Yang mengatakan, beberapa pembaca mungkin lebih suka kesulitan pelacakan. Jika demikian, inilah yang dapat Anda lakukan untuk mencari tahu siapa yang melacak Anda secara online.

Carousel Top Stories Google di perangkat seluler hanya akan menampilkan konten siap AMP. Ini adalah fakta penting karena mayoritas lalu lintas ke semua konten AMP berasal dari orang yang mencari di Google.com.

Favoritisme AMP ini tidak hanya berhenti di carousel berita. Google juga akan menampilkan situs web yang mengaktifkan AMP lebih tinggi dari tautan lain, termasuk situs standar mobile-friendly. Semua yang dikatakan, AMP itu sendiri secara teknis bukan merupakan faktor Page Rank (belum), tetapi peningkatan kecepatan.

Cloudflare dapat meningkatkan Halaman Seluler yang Dipercepat

Bahkan jika Anda membuat halaman AMP Anda tersedia, mereka tidak akan selalu digunakan tergantung pada OS, aplikasi, atau perangkat yang digunakan. Jika Anda menggunakan Cloudflare, Anda dapat mengaktifkan Tautan Seluler yang Dipercepat untuk mengidentifikasi dan menampilkan konten AMP dari situs Anda di seluler, apa pun sumbernya.

Cloudflare juga dapat membantu Anda  meningkatkan privasi dan kinerja Anda saat menggunakan ponsel Anda.

Visualisasi dan Desain di AMP

Kami mencintai diri kami sendiri beberapa situs web yang tampak mewah. Namun, keterbatasan AMP dapat membuat Anda kehilangan beberapa daya tarik visual situs yang Anda dapat tetap menggunakan situs web Responsif dan desain Seluler.

Plugin di WordPress, misalnya, akan melayani AMP dengan menawarkan versi sederhana dari situs web Anda. Konverter WordPress ke AMP ini menawarkan sedikit daya tarik visual dan merupakan salah satu alasan utama mengapa banyak situs AMP terlihat serupa.

Jika Anda mendesain halaman AMP Anda dengan tangan, daripada menggunakan konverter, Anda bisa mendapatkan desain yang mirip dengan desain ponsel tradisional, dan lebih menarik secara visual.

AMP masih memiliki cara untuk pergi, dan banyak pengembang sangat menentang penggunaannya karena memaksa mereka untuk memasuki ekosistem Google lebih jauh. Ini menyebabkan banyak orang  mencari alternatif Google .

Haruskah Anda Membuat Halaman AMP?

AMP membawa banyak manfaat bagi pemilik situs web, terutama jika Anda menyajikan konten bervolume tinggi setiap hari. Namun, Anda dapat mengatasi banyak masalah yang memperlambat situs web seperti penggunaan berlebihan JavaScript, respons server lambat, dan ukuran file besar tanpa menerapkan AMP.

Menjadi cerdas dengan desain ponsel Anda dapat melayani situs web Anda dengan cepat. Jenny Gove di Google telah menulis artikel yang bagus tentang What Makes a Good Mobile Site , yang layak dibaca.

Ada WordPress AMP plugins dan plugins AMP Drupal yang dapat membantu Anda dalam menghasilkan konten AMP. Jika tidak, dokumen quickstart AmpProject adalah sumber daya berharga yang  dapat digunakan untuk memberikan kode pada halaman AMP Anda.

Seluruh situs web AMPProject benar-benar dibuat dan dirender dalam AMP, jadi ini adalah contoh yang baik tentang bagaimana halaman-halaman ini dapat terlihat di semua resolusi, bukan hanya di ponsel.

Meskipun orang-orang sangat tidak menyukai AMP karena berbagai alasan,  Stonetemple.com telah meneliti 10 studi kasus untuk melihat perbedaan dalam keterlibatan dan konversi pengguna. Mereka menyimpulkan bahwa selama implementasi AMP dilakukan sepenuhnya, sebagian besar situs web, terlepas dari niche mereka, akan melihat manfaatnya.

Intinya adalah bahwa Anda harus mempertimbangkan apakah pelanggan Anda akan mendapatkan manfaat dari AMP. Bergantung pada layanan yang Anda tawarkan dan konten yang Anda layani, itu mungkin tidak menambahkan peningkatan pada halaman seluler. Dengan optimalisasi yang tepat, halaman seluler juga dapat memuat dengan sangat cepat!

Cara Nonaktifkan AMP

Caching adalah bagian inti dari ekosistem AMP, dan menerbitkan dokumen AMP yang valid secara otomatis memilihnya ke dalam pengiriman cache. Jika Anda ingin menghapus halaman Anda, Google telah menulis  panduan tentang cara menghapus Konten AMP dari Pencarian Google.

Jika Anda ingin berhenti memuat halaman AMP sebagai pengguna, Anda dapat menonaktifkan Link AMP dan memuat halaman aslinya sebagai gantinya  di ponsel Anda.

 

Baca Juga  Perancangan Web - Cara membuat Menu Navigasi Website Yang Baik dan Benar
0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.