{"id":5940,"date":"2021-01-27T09:19:39","date_gmt":"2021-01-27T02:19:39","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=5940"},"modified":"2022-09-20T08:51:24","modified_gmt":"2022-09-20T01:51:24","slug":"pengertian-amp","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/pengertian-amp\/","title":{"rendered":"Pengertian AMP"},"content":{"rendered":"\n<p>Accelerated Mobile Pages (AMP) merupakan solusi yang tepat saat halaman browser seluler tidak bisa dimuat dengan cepat sehingga dapat membuat pengguna enggan menikmati konten Anda. Ketahui lebih lanjut yuk dengan baca <strong>Pengertian AMP <\/strong>sampai selesai.<\/p>\n\n\n\n<p>Saat Google meluncurkan <em>update <\/em>ramah seluler (responsive website) dan akhirnya menjadikannya sebagai salah satu faktor peringkat mesin telusur seluler, pemilik situs tentunya mulai menantikan pengalaman seluler yang lebih cepat. Tentu bagus untuk mengoptimalkan halaman Anda untuk pengguna seluler.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Apa Itu Accelerated Mobile Pages (AMP)? <\/strong><\/h2>\n\n\n\n<p><em>Accelerated Mobile Pages<\/em> adalah proyek inisiatif <em>open-source <\/em>yang dirancang untuk mengoptimalkan halaman seluler yang lebih cepat. Ini seperti mengambil halaman yang sudah <em>mobile-friendly <\/em>dan membuatnya lebih cepat dimuat.<\/p>\n\n\n\n<p>AMP harus menjadi bagian dari strategi konten seluler Anda. Plugin <a href=\"https:\/\/amp.dev\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">AMP<\/a> lahir dari kolaborasi antara Google dan Twitter.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/01\/Pengertian-AMP-1-1024x502.png\" alt=\"pengertian-amp-1\" class=\"wp-image-5942\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/01\/Pengertian-AMP-1-1024x502.png 1024w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/01\/Pengertian-AMP-1-300x147.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/01\/Pengertian-AMP-1-768x376.png 768w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/01\/Pengertian-AMP-1.png 1243w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>AMP adalah bukti lebih lanjut dari fokusnya Google kepada penggunanya. Setiap Google melakukan <em>update <\/em>baru seperti yang dilakukannya dengan meluncurkan AMP, Anda mungkin mengira bahwa Google hanya peduli untuk suatu kepentingan, yakni menghasilkan lebih banyak uang.<\/p>\n\n\n\n<p>Meskipun pada akhirnya perkiraan Anda memang benar. Hal ini dikarenakan semakin bahagianya si pengguna Google, maka pengguna tersebut akan kembali ke Google (kembali memanfaatkan fasilitas yang disediakan oleh Google) dan itu berarti akan semakin banyak pengiklan. Ada satu hal penting yang harus Anda ketahui, yakni Google sangat tertarik dengan pengguna mesin pencari seluler.<\/p>\n\n\n\n<p><em>Accelerated Mobile Pages<\/em> (AMP) adalah proyek inisiatif <em>open-source <\/em>atau platform yang bertujuan membantu penerbit meningkatkan kecepatan dan <em>readability <\/em>dari halaman konten seluler mereka.<\/p>\n\n\n\n<p>Halaman seluler yang lebih cepat + konten yang dapat dibaca = pengalaman pengguna yang lebih baik<\/p>\n\n\n\n<p>AMP merupakan kerangka kerja HTML <em>open-source <\/em>yang menyediakan sebuah cara langsung untuk membuat halaman web yang cepat, memuat dengan lancar, dan memprioritaskan pengalaman pengguna di atas segalanya.<\/p>\n\n\n\n<p><em>Accelerated Mobile Pages<\/em> (AMP) pada dasarnya menghapus salinan HTML dari konten halaman web yang ada, yang mana menawarkan waktu muat lebih cepat daripada dokumen standard HTML5. Situs dapat menampilkan halaman AMP dengan menerapkan rel = amphtml tag ke dalam HTML-nya. Halaman dengan kode AMP berisi konfigurasi AMP tiga langkah.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>HTML<\/strong>: Markup unik yang dipreteli dari kode HTML tradisional dengan tag unik.<\/li><li><strong>JS<\/strong>: Digunakan untuk mengambil sumber daya dan dipreteli untuk menghilangkan <em>rendering <\/em>yang tidak perlu.<\/li><li><strong>CDN<\/strong>: Jaringan optimal yang dirancang untuk cache halaman dan segera menyesuaikannya dengan kode AMP.<\/li><\/ul>\n\n\n\n<p>AMP juga mengurangi kebutuhan untuk permintaan CSS tambahan dan menghilangkan penghapusan pada halaman tertentu, termasuk <em>bulky pictures<\/em>, CTA dalam banyak kasus, dan lebih banyak kode <em>backend<\/em>. Hal ini memiliki efek meningkatkan kecepatan secara drastis.<\/p>\n\n\n\n<p>Poin utama AMP adalah untuk mempercepat waktu muat halaman web sebanyak satu detik dari kecepatan muat total dengan mengaktifkan cache AMP. Pada dasarnya, Google memanfaatkan fungsionalitas ini dengan melakukan <em>preloading <\/em>dokumen AMP menggunakan satu iFrame di <em>background <\/em>dari halaman hasil penelusuran sehingga halaman tampak dimuat secara instan.<\/p>\n\n\n\n<p>Dokumen AMP juga dapat ditarik dari AMP <em>library <\/em>secara langsung dari server aslinya. AMP library terdiri dari dokumen dengan AMP HTML dan AMP JS. Sayangnya, mengambil dokumen ini tidak selalu memberikan kecepatan seketika.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Manfaat AMP dari Segi Bisnis <\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Kecepatan Halaman Web Meningkatkan Pengalaman Pengguna dan Metrik Bisnis Inti <\/strong><\/h3>\n\n\n\n<p>Halaman AMP dimuat hampir seketika (near instantly) sehingga memungkinkan Anda untuk menawarkan pengalaman yang cepat serta konsisten di semua perangkat dan platform.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Membuat Halaman AMP Itu Mudah dan Mengurangi<em> Developer Overhead <\/em><\/strong><\/h3>\n\n\n\n<p>Anda seringkali dapat mengkonversi seluruh arsip Anda dalam beberapa hari, terutama jika Anda menggunakan CMS populer, seperti WordPress atau Drupal.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>AMP Dapat Diterapkan di Berbagai Titik Sentuh Web <\/strong><\/h3>\n\n\n\n<p>Digunakan oleh platform populer dan global, seperti Google, Bing, dan Twitter. AMP memungkinkan Anda untuk memastikan pengguna dari semua layanan tersebut mendapatkan pengalaman yang tak tertandingi (<em>unparalleled<\/em>) dan terasa asli (<em>native-feeling<\/em>) dengan menggunakan halaman AMP secara default.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Manfaat AMP dari Segi Developer <\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Mempertahankan Fleksibilitas dan Kontrol Serta Mengurangi Kompleksitas dalam Kode Anda <\/strong><\/h3>\n\n\n\n<p>Anda dapat menggunakan CSS untuk menyesuaikan <em>styling <\/em>Anda, data dinamis untuk mengambil data terbaru jika diperlukan, dan untuk membangun pengalaman pengguna sebaik mungkin bagi pelanggan Anda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Membangun Website yang Optimal <\/strong><\/h3>\n\n\n\n<p>Butuh banyak waktu dan tenaga untuk membangun situs atau website yang hebat. Komponen AMP sudah dioptimalkan untuk performa terbaik.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Merupakan Sebuah \u201cProyek\u201d yang Berkelanjutan <\/strong><\/h3>\n\n\n\n<p>Proyek AMP merupakan salah satu proyek <em>open-source. <\/em>Yang artinya proyek ini terbuka bagi siapa saja yang ingin berkontribusi untuk mengembangkan atau mengoptimalkan proyek ini agar ke depannya bisa lebih optimal.&nbsp;<\/p>\n\n\n\n<p>Bagi Anda yang masih bingung bagaimana cara membuat website, tenang saja. Kami punya solusinya. Anda bisa langsung cek ke <a href=\"https:\/\/www.jetorbit.com\/domain\/\">Jetorbit<\/a> guna memenuhi kebutuhan pembuatan website Anda. Selain itu, kami juga menyediakan VPS dan bisa Anda cek <a href=\"https:\/\/www.jetvm.com\/\" target=\"_blank\" rel=\"noopener\">di sini<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Accelerated Mobile Pages (AMP) merupakan solusi yang tepat saat halaman browser seluler tidak bisa dimuat dengan cepat sehingga dapat membuat pengguna enggan menikmati konten Anda. Ketahui lebih lanjut yuk dengan baca Pengertian AMP sampai selesai. Saat Google meluncurkan update ramah seluler (responsive website) dan akhirnya menjadikannya sebagai salah satu faktor peringkat mesin telusur seluler, pemilik &#8230; <a title=\"Pengertian AMP\" class=\"read-more\" href=\"https:\/\/www.jetorbit.com\/blog\/pengertian-amp\/\" aria-label=\"Read more about Pengertian AMP\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":5941,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"generate_page_header":"","footnotes":""},"categories":[25],"tags":[1308,283,7,1309,1307],"class_list":["post-5940","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info","tag-amp-adalah","tag-domain-murah","tag-hosting-murah","tag-manfaat-amp","tag-pengertian-amp","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/5940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/comments?post=5940"}],"version-history":[{"count":2,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/5940\/revisions"}],"predecessor-version":[{"id":12229,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/5940\/revisions\/12229"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media\/5941"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media?parent=5940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/categories?post=5940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/tags?post=5940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}