» » Apa itu amp, Bagaimana cara penggunaan nya ?

Apa itu amp, Bagaimana cara penggunaan nya ?

 pengertian dari google AMP (Accelerated Mobile Pages) dan cara penggunaannya pada html.
Apa itu amp ?

Accelerated Mobile Pages (AMP) adalah produk baru google untuk perangkat mobile yang diciptakan untuk mempermudah dan memperingan dalam penerimaan halaman website bagi pengguna internet yang menggunakan smartphone/handphone.
Kenapa harus amp ?
ketika kita membuka website tanpa amp, halaman website akan di kirim penuh bersama data-data yang dibutuhkan layaknya dihalaman desktop, sehingga pengguna smartphone dengan koneksi terbatas akan kesulitan dan membutuhkan waktu lama dalam menerima data-data dari website tersebut, penggunaan paket data pun akan meningkat. Dengan adanya amp, data yang dikirim akan disesuaikan dengan kebutuhan saja sesuai dengan peraturan yang diberikan oleh google sendiri.
Bagaimana cara penggunaan nya?
hal-hal yang perlu diperhatikan dalam penggunaan amp pada html yaitu
<link rel="canonical" href="https://www.example.com/url/to/regular-html-version.html" />

kode diatas diletakkan dalam tag <head> pada halaman amp yang nanti akan anda buat,
kemudian siap kan template tersendiri untuk halaman amp yang akan anda buat.
contoh kode dipersiapkan antara lain sebagai berikut
<!doctype html>
<html amp lang="en">
  <head>
    <meta charset="utf-8">
    <title>Hello, AMPs</title>
    <link rel="canonical" href="http://example.ampproject.org/article-metadata.html" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "NewsArticle",
        "headline": "Open-source framework for publishing content",
        "datePublished": "2015-10-07T12:02:41Z",
        "image": [
          "logo.jpg"
        ]
      }
    </script>
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    <h1>Welcome to the mobile web</h1>
  </body>
</html>

kode di atas adalah contoh, anda bisa melakukan penyesuaian sesuai dengan kebutuhan anda. data dapat anda sesuaikan dengan data halaman non amp.
setelah anda mempersiapkan template amp tersebut, anda dapat langsung memberikan link ke arah halaman amp anda pada halaman non amp dalam tag <head> dengan kode berikut

<link rel="amphtml" href="https://www.example.com/url/to/amp-version.html" />

setelah semua kode sudah anda pasang, anda dapat melakukan resubmit sitemap atau gunakan menu ambil sebagai google yang ada di web master tool, dan yang perlu anda ingat adalah anda tidak perlu membuat sitemap tersendiri untuk halaman amp anda, karena dengan menggunakan sitemap awal yang pernah anda buat, amp akan terdeteksi dengan sendirinya apa bila anda telah menambahkan kode diatas.
Untuk melakukan pengecekan apakah halaman amp yang anda buat tidak terdapat error, anda dapat menggunakan tool dari google berikut.

AMP TEST

sekian tentang Pengertian dan cara penggunaan google AMP (Accelerated Mobile Pages)

Related Posts:

Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]


Sample 2 “Berikan aku 1000 orang tua, niscaya akan kucabut semeru dari akarnya, berikan aku 1 pemuda, niscaya akan kuguncangkan dunia” . (Bung Karno) “Tidak seorang pun yang menghitung-hitung: berapa untung yang kudapat nanti dari Republik ini, jikalau aku berjuang dan berkorban untuk mempertahankannya”. (Pidato HUT Proklamasi 1956 Bung Karno) “Jadikan deritaku ini sebagai kesaksian, bahwa kekuasaan seorang presiden sekalipun ada batasnya. Karena kekuasaan yang langgeng hanyalah kekuasaan rakyat. Dan diatas segalanya adalah kekuasaan Tuhan Yang Maha Esa.” (Soekarno) “Apabila di dalam diri seseorang masih ada rasa malu dan takut untuk berbuat suatu kebaikan, maka jaminan bagi orang tersebut adalah tidak akan bertemunya ia dengan kemajuan selangkah pun”. (Bung Karno) “Bangsa yang besar adalah bangsa yang menghormati jasa pahlawannya.” (Pidato Hari Pahlawan 10 Nop.1961) “Perjuanganku lebih mudah karena mengusir penjajah, tapi perjuanganmu akan lebih sulit karena melawan bangsamu sendiri.” – Bung Karno “Bangsa yang tidak percaya kepada kekuatan dirinya sebagai suatu bangsa, tidak dapat berdiri sebagai suatu bangsa yang merdeka.” (Pidato HUT Proklamasi 1963 Bung Karno) “……….Bangunlah suatu dunia di mana semua bangsa hidup dalam damai dan persaudaraan……” (Bung Karno) Untuk memilih jenis tomat yang akan ditanam hendaknya sesuaikan dahulu dengan karateristik lokasi. Apabila kebun Anda berada di dataran tinggi pilihlah varietas yang cocok untuk dataran tinggi begitu juga sebaliknya. Benih tomat bisa didapatkan dengan mudah diberbagai toko penyedia saprotan. Apabila Anda sulit mendapatkannya atau harganya terlalu mahal, kita bisa membuatnya sendiri. Caranya dengan menyeleksi buah tomat yang paling baik dari segi ukuran (besar) dan bentuk (tidak cacat). Langahnya sebagai berikut, pilih buah tomat yang akan dijadikan benih. Kemudian biarkan buah tomat tersebut menua di pohon. Setelah cukup tua ambil bijinya dan bersihkan dari lendir yang menyelubunginya dengan air. Setelah itu rendam dalam air, pilih biji yang tenggelam. Kemudian lakukan seleksi sekali lagi terhadap biji tomat, pilih yang bentuknya sempurna(tidak cacat atau keriput). Langahnya sebagai berikut, pilih buah tomat yang akan dijadikan benih. Kemudian biarkan buah tomat tersebut menua di pohon. Setelah cukup tua ambil bijinya dan bersihkan dari lendir yang menyelubunginya dengan air. Setelah itu rendam dalam air, pilih biji yang tenggelam. Kemudian lakukan seleksi sekali lagi terhadap biji tomat, pilih yang bentuknya sempurna (tidak cacat atau keriput).