-->

Cara Membuat Blogger Valid AMP (Accelerated Mobile Pages)

Langkah dasar Membuat Blogger Valid Amp (Accelerated Mobile Pages) adalah isi posting Blog Aceh kali ini, AMP (Accelerated Mobile Pages) yang di terjemahkan dalam bahasa indonesia ialah Laman Seluler yang Dipercepat. Amp diluncurkan oleh Google pada Oktober 2015 silam. Dari keuntungan web yang memakai sistem AMP, google mengklaim web terbuka 10x lebih cepat dengan tanpa menggunakan sistem Amp atau dengan setaranya.
Namun Blogspot Sendiri sampai sa'at masih mengandalkan sistem Mobile Friendly, Jadi jika kita akan mengubah ke sistem Amp maka kita harus mengubah secara penuh sendiri. Untuk menandai sebuah web yang sudah dirayapi versi Amp adalah dengan cara melihan ikon Amp itu sendiri di hasil pencarian Versi selular, sebagai contoh lihat gambar ini
Dengan hasil pencarian di google versi selular sudah muncul seperti gambar di atas maka web atau yang setara dengannya sudah memenuhi syarat versi amp. Ini dia

Cara memulai membuat blog menjadi valid AMP

  • Tempatkan di dalam HTML perintah AMP.
    DariMenjadi
  • Tambahkan Perintah Css ini di dalam HEAD
  • Tambahkan script ini juga di dalam HEAD
  • Wajib tersedia link Canonis
  • Wajib terpasang Juga Meta
Setelah Element tersebut terpasang maka uji link di search.google.com/test/amp, dan kemudian ikuti langkah error error yang keluar dari hasil pengecekan tersebut. Pembahasan cara mengatasi error di hasil uji di Test Amp akan saya bahas juga kedepan. Dari cara di atas merupakan membuat blog ke versi penuh AMP.
Namun Jika ingin membuat dua versi blog kita maka bisa menggunakan cara yang di bawah ini. Namun bagi saya pribadi akan memilih versi ini, karena versi ini tidak akan berpengaruh tampilan blogger kita pada versi Desktop computer Namun hanya bekerja versi Selular phone_android. Kelebihannya tidak terlalu banyak yang harus kita ubah dengan tampilan blogger yang kita gunakan devices.

Cara Membuat hanya blog versi selular valid amp

  1. Tambahkan kode ini tepat di bawah tag htmlSeperti contoh ini
  2. Ubah link canonis menjadi
  3. Tempatkan dua(2) perintah css blog kita, menjadi sperti iniVersi desktop masih menggunakan css bawaan template bloggerannouncement
  4. notification_important bisa digabungkan kedua(2) perintah di atas menjadi satu, atau bisa dijakin jugan menempatkan segala perintah di mana yang perlu di rayapi atau di tampilkan perintah setelah b:else adalah perintah akan tampil sa'at di akses menggunakan versi desktop, atau kode yang ingin dijadikan kedua versi maka tempatkan diluar tersebut.
Jika Penempatan kode di atas benar done, maka akan tampil di hasil uji test valit amp seperti gambar di bawah
Selamat bekreasi, semoga dengan sedikit pembahasan tentang membuat blogger menjadi valid AMP bisa menjadi inspirasi dalam memulai mengembangkan. Sebelum saya menulis posting ini, saya juga menulis sebuah posting di Blog Aceh tentang yang berkaiatan dengan blog valit AMP juga, yaitu cara memahami membuat blog mobile friendly menjadi valid amplink. Sekian yang bisa saya bahas, semoga menjadi manfaat.
Pelajari Juga
Author:

Blogaceh.com

Name :Junaidi
Deskripsi: Saya Sa'at Ini Sebagai Seorang Teknisi Elektronik Panggilan, Melayani hal dalam perbaikan Televisi, Mesin Cuci, parabola, Dll. Dalam Postingan web Hanya sebagai belajar dalam waktu luang
Delivered by: FeedBurner
Dilarang Keras menggunakan kata Melanggar Hukum
About Cookies: This web, like most Internet portals, uses cookies to improve user experience.clicking on more information