Accelerated Mobile Pages Solusi bagi Website Mobile Version
AMP (Accelerated Mobile Pages) adalah rekomendasi dari Google melalui ampproject.org (sekarang berubah menjadi https://amp.dev) yang dibangunnya. Halaman AMP adalah halaman-halaman website yang dicache (baca: disimpan) disisi server yang telah disediakan oleh Google secara gratis. Saat website AMP tersebut diakses, dikunjungi oleh user maka website anda akan tampil lebih cepat atau speed loading website lebih cepat dari standar website non-AMP kebanyakan.
Dengan kata lain, AMP Project adalah solusi yang disarankan oleh Google bagi pemilik website yang ingin websitenya tampil dengan performa lebih cepat (speed insight) di versi mobile atau melalui smartphone, tablet dsb.
"AMP menjadi solusi optimasi website dan dapat meningkatkan peringkat (ranking) di Google SERP (Search Engine Result Pages)".
Tidak mengherankan bila project AMP ini disambut oleh para web developer, web designer atau peminat di bidang website development. Dengan kata lain, bila website anda ingin tampil lebih cepat dan gegas di versi mobile, silahkan konversi dan ubah dari web standar HTML menjadi website AMP-HTML.
Bagaimana Cara AMP Mempercepat Loading Website Anda
Melihat cara kerja AMP projects dalam memperbaiki kecepatan loading sebuah website yang dibangun dengan format halaman AMP-HTML, AMP menjadi solusi optimasi website dan dapat meningkatkan peringkat (ranking) di Google SERP (Search Engine Result Pages).
Bagaimana cara kerja halaman web AMP tersebut sehingga website bisa loading lebih cepat? Baiklah, mari kita lihat ilustrasi berikut ini:
Pada ilustrasi tersebut, sederhananya, bisa dijelaskan sebagai berikut:
Saat Google melakukan indeks pada halaman-halaman website anda - dan bila website anda menggunakan format halaman AMP dan valid 100% - maka Google akan menyimpan data halaman website anda di Google AMP Storage (baca: dicache) yang berada di server Google. Hal ini bisa dilihat dari link berikut ini, misalnya:
https://www-klikdesainweb-com.cdn.ampproject.org/c/s/www.klikdesainweb.com
, dimana halaman www.klikdesainweb.com tersimpan di CDN ampprojects.org dengan nama: "www-klikdesainweb-com" atau di "www-klikdesainweb-com.cdn.ampproject.org", sama halnya dengan website yang memiliki sub domain, seperti:
https://business.google.com, dimana "business" adalah sub-domain dari "google.com".
Setelah Google menyimpan data halaman web AMP anda, otomatis, apa yang tampil di mata visitor/user yang berkunjung ke web AMP anda adalah cache yang telah Google simpan melalui halaman hasil pencarian di Google (Google SERP). itu artinya, halaman website yang tampil saat ini belum tentu update terakhir dari tampilan website aslinya.
Coba bedakan, bila anda mengakses web AMP itu secara langsung dengan mengetikkan URL atau alamat website di browser, maka - bila tidak diupdate halaman web tersebut - akan tampil berbeda. Demikian pula halnya dengan fitur atau plugin optimasi kecepatan website pada plugin wordpress seperti Litespeed, W3 Total Cache, WP Rocket, dsb. Cara kerjanya sama persis dengan halaman web berformat AMP-HTML tersebut.
Bila demikian, saat anda mengubah tampilan website, baik berupa perubahan navigasi, menu, konten, menambah image, merubah slide, dsb tidak akan muncul perubahan atau update web anda tersebut di Google. Untuk itu, anda harus mendaftarkan halaman web yang diupdate atau postingan baru anda ke google dengan cara mengetikkan di kotak browser dengan format sbb:
https://www-domainweb-com.cdn.ampproject.org/c/s/url_web_yang_diupdate_disini
Perhatikan! bila web anda menggunakan sub domain "www" maka cantumkan "www" seperti diatas, misalnya: www-klikdesainweb-com. Bila "tanpa www" ketik langsung domainnya. Jangan lupa gunakan strip (-) pada domain anda, misalnya:
https://domainweb-com.cdn.ampproject.org/c/s/url_web_yang_diupdate_disini
"url_web_yang_diupdate_disini" diisi dengan url posting terbaru anda atau sebuah halaman web yang baru anda ubah atau diupdate. Lihat ilustrasi berikut ini:
AMP Bisa Menghancurkan Ranking Website di Halaman 1 Google
Tim web developer Klikdesainweb telah mempelajari lama dari fitur baru yang lahir dan diluncurkan tahun 2015-an ini. Baru sekarang bisa mengekspos hasil riset mengenai fitur Google AMP-HTML ini untuk publik.
Tidak sedikit dalam forum-forum web development dan web design ditemukan keluhan, dimana banyak diantara anggota dari forum tersebut mendapatkan bahwa AMP tidak memiliki efek positif yang dapat membuat laju kecepatan website meningkat, tapi hanya beberapa persen saja. Pada akhirnya, banyak yang kembali ke standar HTML biasa.
Hal itu wajar karena mereka tidak mengenal lebih dalam mengenai keuntungan website mereka bila web tersebut di ubah ke format AMP.
Akan tetapi, setelah melakukan riset, Kami menemukan bahwa, keberadaan halaman AMP di website anda dapat berakibat buruk. Selain menurunnya ranking/peringkat website anda di halaman Google, dalam waktu tertentu yang cukup singkat, akan melenyapkan halaman web anda di Google.
Bagaimana bisa website AMP berakibat buruk bagi ranking web di Google?
Ada 2 (dua) beberapa faktor penyebab yang membuat website anda akan mengalami penurunan ranking drastis di halaman Google. Untuk itu sangat penting sekali memperhatikannya dan mengelola web AMP anda dengan benar dan tepat, yaitu:
- Halaman web AMP anda ditemukan Error, atau tidak AMP 100% atau tidak valid AMP
- Halaman web AMP justru semakin lambat dan jauh dari kecepatan standar loading yang diinginkan
Halaman Web Tidak AMP 100%
Halaman web dengan atribut AMP dibagian tag HTML jelas akan terdeteksi halaman AMP oleh Google. Akan tetapi, bila terdapat error AMP atau ternyata ada 1 atau lebih error yang ditemukan, maka otomatis, halaman website AMP anda tidak akan tampil di halaman pencarian Google (baca:Google SERP). Ini jelas, jadi harus diperbaiki terlebih dahulu. Bila website AMP anda sebelumnya telah valid, maka Google akan menampilkan tampilan website terakhir kali yang dianggap valid. Bila terjadi perubahan atau update pada bagian halaman website anda lalu mengalami error setelahnya, maka otomatis perubahan tersebut tidak akan tampil.
Dari sini kita dapat mengambil kesimpulan, yaitu: Website AMP 100% valid adalah keharusan. Dan, ini berbahaya bagi reputasi dan ranking website anda di Google.
Halaman Web AMP Justru Semakin Lambat
Sebuah website berformat AMP-HTML justru dapat bertambah lambat, lelet atau lemot. Hal ini bisa disebabkan oleh beberapa faktor penyebab lemot, diantaranya:
- Banyaknya External Resources Website
- Website Memiliki banyak Jumbled Scripts, umumnya berupa Javascript
- Image tidak diatur dengan nilai Width dan Height yang sebenarnya
Pertama, External resources disebut juga dengan sumberdaya luaran. Apa itu external resources sebuah website? yaitu sumber-sumber scripts dan fitur seperti jenis font, jquery, bundle script besar seperti css dan js bootstrap yang diambil dari website lain (luaran) lalu dihubungkan (baca:dipasang) ke website AMP anda dengan tujuan untuk menggunakan atau menampilkan fitur tersebut di website anda. Banyaknya sumber luaran akan membuat website anda semakin berat dan pada akhirnya kecepatan turun drastis alias lemot/lelet.
Kedua, Website yang memiliki Jumbled Scripts atau script yang bercampur baur secara acak dan tak digabung dalam 1 perintah salah satu faktor penyebab website anda bertambah lelet. Contoh, penggunaan plugin pada wordpress yang mengandung javascript secara terpisah merupakan sebab menurunnya kecepatan website.
Ketiga, penggunaan image atau gambar yang tidak diatur dengan benar, seperti mengubah tampilan menjadi kecil yang sebelumnya besar langsung secara inline-code atau langsung pada atribut width dan height justru akan memberikan cache besar; satu menyimpan yang asli dan satu menampilkan yang diubah. Ini akan membuat render browser menjadi 2 kali. Itulah kenapa plugin yang berfungsi merender image seperti fitur "lazy load" akan membuat image diload (baca:ditampilan) saat user mengaksesnya. Cara terbaik yaitu dengan menkonfigurasi ukuran image melalui CSS.
Dari ketiga hal tersebut diatas, akan semakin berat loading web AMP anda, bilamana tidak dikonfigurasi status expired baik pada JS, font, image, dsb.
Sebenarnya, Google sendiri mengharuskan mencantumkan link sumber seperti;
<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'></script>
<script async='async' custom-element='amp-form' src='https://cdn.ampproject.org/v0/amp-form-0.1.js'></script>
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'></script>
<script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'></script>
<script async='async' custom-element='amp-user-notification' src='https://cdn.ampproject.org/v0/amp-user-notification-0.1.js'></script>
dan sebagainya (atau, sesuai penggunaan).
Intinya, website AMP anda sebenarnya sudah menggunakan banyak sumberdaya luaran (external resources) yaitu dari Google sendiri. Parahnya, ditambah pula dengan masalah yang timbul dari salah satu atau ketiga penyebab terbesar diatas.
Kesimpulan, bila website AMP anda tidak dimanage dengan benar dan terkendali, justru AMP-HTML akan memperparah website anda dan pada akhirnya akan membuat reputasi dan ranking website anda menurun dan ditinggalkan pengunjungnya.
Kasus Tambahan
Halaman web yang lelet/lemot identik dengan bounce rate tinggi. Bounce rate adalah barometer user experince. Semakin tinggi bounce rate sebuah halaman website, semakin rendah kualitasnya di mata Google. Tingginya nilai bounce rate disebabkan oleh aksi tutup tab browser oleh user yang sedang berkunjung lebih cepat dari batas ambang negatif bounce rate itu sendiri. Demikian sebaliknya, bila sebuah web memiliki bounce rate rendah, maka dapat lebih memungkinkan bagi website tersebut untuk naik peringkat di Google. Itu berarti bounce rate adalah salah satu barometer ranking website atau faktor SEO (optimasi website) yang mendasar.
Pengelolaan yang tepat dan benar pada halaman Website AMP anda merupakan keharusan.
Klikdesainweb adalah spesialis pembuatan website AMP dan ahli di bidang permasalahan website AMP dan non-AMP. Bila anda membutuhkan bantuan tekhnis dalam memperbaiki website AMP anda, hubungi kami. Untuk informasi lengkap, silahkan klik disini.
Citation:
Klikdesainweb, “Website AMP Bisa Menghancurkan Ranking di Google SERP,” Klikdesainweb (Klikdesainweb, January 13, 2021), https://www.klikdesainweb.com/2021/01/website-amp-bisa-menghancurkan-ranking.html.