{"id":1142,"date":"2023-02-22T07:11:59","date_gmt":"2023-02-22T00:11:59","guid":{"rendered":"https:\/\/www.jogjahost.co.id\/blog\/?p=1142"},"modified":"2023-02-22T07:11:59","modified_gmt":"2023-02-22T00:11:59","slug":"apa-itu-amp","status":"publish","type":"post","link":"https:\/\/www.jogjahost.co.id\/blog\/apa-itu-amp\/","title":{"rendered":"Apa itu AMP? Cara Kerja, Keuntungan dan Cara Menggunakannya"},"content":{"rendered":"\n\n
\n \n
\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
\n <\/span>\n <\/div>\n <\/div>\n\n

Apa itu AMP (Accelerated Mobile Pages)?<\/h2>\n\n\n\n

AMP adalah web-published technology <\/em>bersifat open source <\/em>yang bisa meningkatkan kecepatan loading<\/em> web saat Anda buka melalui perangkat mobile<\/em>.<\/p>\n\n\n\n

Pada tahun 2016, Google meluncurkan AMP untuk menjawab tantangan zaman. Pengguna perangkat mobile semakin massive<\/em>. <\/p>\n\n\n\n

Bayangkan saja, menurut Statista<\/a>, pengguna smartphone<\/em> di dunia per 2021 sudah mencapai 3,8 miliar.<\/p>\n\n\n\n

\"\"
Sumber: Statista<\/figcaption><\/figure>\n\n\n\n

Mengacu pada hal tersebut, meningkatkan mobile experience<\/em> adalah suatu keniscayaan.<\/p>\n\n\n\n

Pada pengujian awal, Google menyampaikan bahwa dengan plugin<\/em> AMP, proses loading<\/em> suatu web bisa terpotong antara 15% sampai 85%.\u00a0<\/p>\n\n\n\n

Melihat hasil ini, secara tidak langsung menunjukan bahwa teknologi ini bisa mempengaruhi SEO.<\/p>\n\n\n\n

Dengan Google AMP,\u00a0 user<\/em> bisa memuat postingan blog, halaman produk atau landing page<\/a> secara instan di perangkat seluler.\u00a0<\/p>\n\n\n\n

Anda bisa menandai halaman yang menggunakan teknologi ini dari simbol petir di SERP<\/a>.<\/p>\n\n\n\n

\"apa
Sumber: wordstream.com<\/figcaption><\/figure><\/div>\n\n\n\n
\"apa
Sumber: id.oberlo.com<\/figcaption><\/figure><\/div>\n\n\n\n

Tanpa Anda sadari, penerapannya ternyata sudah cukup lazim. Beberapa brand<\/em> ternama di level global sudah banyak yang menerapkannya. Misalnya, Facebook, Twitter, Baidu, Pinterest, BBC News, Washington Post, New York Times, dll.\u00a0<\/p>\n\n\n\n

Cara Kerja Google AMP<\/h2>\n\n\n\n

Program ini terdiri dari 3 bagian dasar yaitu: AMP HTML, AMP JavaScript, AMP CDN.<\/p>\n\n\n\n

Ketiganya berbagi peran untuk meningkatkan kecepatan loading<\/em> web.<\/p>\n\n\n\n

AMP HTML memiliki tag dan properti khusus yang mengurangi berbagai aspek tag HTML asli. <\/p>\n\n\n\n

Dengan adanya AMP Javascript, program ini tidak akan merender JavaScript yang ada di halaman seluler.\u00a0<\/p>\n\n\n\n

Jadi, website yang menerapkan program ini hanya akan menampilkan aspek-aspek penting. Secara tampilan tentu saja akan jauh lebih sederhana. Tapi proses loading<\/em> halaman web akan jauh lebih cepat.<\/p>\n\n\n\n

AMP CDN akan mendukung optimasi kinerja dengan menggunakan sistem cache<\/em>.<\/p>\n\n\n\n

Gambar berikut ini akan membandingkan penampakan AMP site<\/em> dan yang standar.<\/p>\n\n\n\n

\"\"
Sumber: neilpatel.com<\/figcaption><\/figure><\/div>\n\n\n\n

Perbedaan yang cukup mencolok adalah hilangnya header<\/em> web dan tombol share<\/em> ke media sosial.<\/p>\n\n\n\n

Ketika Anda mengintegrasikan plugin AMP untuk mengoptimasi halaman seluler dari web Anda, fokus utamanya adalah meningkatkan kecepatan dan keterbacaaan di SERP. <\/p>\n\n\n\n

Fitur share<\/em> yang dikembangkan menggunakan Javascript mau tidak mau harus dikesampingkan.<\/p>\n\n\n\n

Berkaitan dengan skema kerja di atas, beberapa detail berikut ini harus Anda perhatikan:<\/p>\n\n\n\n