Cara Mengatasi Invalid Error AMP HTML Pada Template di Blogspot

Mediababe.net Mengatasi Invalid Erorr AMP pada template amp html blogspot. Amp merupakan kependekan dari Accelerated Mobile Pages atau Laman Seluler Dipercepat. AMP juga disebut-sebut suatu cara untuk membuat laman blog/website menjadi lebih ringan dan dapat dimuat dengan cepat, khususnya pada perangkat seluler.

Amp kini sudah banyak diperbicangkan, dan Amp juga telah digunakan oleh website-website terkemuka di Indonesia. Banyak sekali keuntungan yang didapatkan pada saat menggunakan template yang sudah tervalidasi AMP. Keuntungan yang paling didambakan tentunya dalam hal kecepatan karena kecepatan sebuah loading sangat diperhitungkan oleh google, pengunjung maupun kita sebagai admin. Siapa sih yang tidak ingin blog/website nya dapat diakses dengan cepat?
Cara Mengatasi Invalid Error AMP HTML Pada Template di Blogspot
Namun mengganti template html ke amp tidak semudah yang dibayangkan oleh para blogger, mengapa demikian? Hal ini disebabkan kita harus benar-benar mengerti dengan struktur data agar lolos dari validasi AMP. Kalian bisa mengecek dan mengetahui validasi Template AMP html anda dengan cara menggunakan tools gratisan dari Google atau anda juga bisa menggunakan add ons chrome seperti AMP Validator. Apabila template amp blog anda valid amp maka icon petir AMP akan berubah berwarna hijau jika sebaliknya template anda tidak valid amp maka icon petir akan berwarna Merah.
Selain itu dengan menggunakan tools gratis dari google, atau menggunakan add ons AMP validator kita juga bisa cara mengetahui letak invalid error pada template blog amp html yang anda gunakan. Biasanya pada add ons amp validator akan ada angka yang menunjukan jumlah erorr yang terjadi pada template blog anda.
Lalu bagaimana cara mengatasi halaman blog tidak valid amp pada template dan bagaimana cara memperbaiki error pada saat validasi halaman AMP template di blogspot?. Nah sebenarnya banyak sekali fitur-fitur yang belum support saat digunakan pada template AMP. Seperti misalnya tombol share selain facebook, google plus dan twitter dan bahkan komentar bawaan blogger sendiri pun belum didukung pada AMP. Berikut ini adalah penyebab terjadinya Not a valid AMP page atau tidak validnya halaman amp pada template amp blog anda.

Penyebab Errors yang terjadi di Template AMP Blogspot

  1. Gambar pada postingan blog belum valid amp.
  2. Beberapa source kode yang tidak didukung terletak pada postingan blog.
  3. Adanya script tambahan pada template.
  4. Tidak menggunakan kolom komentar yang support AMP.
  5. Template memang belum support AMP.

Cara memperbaiki erorr pada template blogspot

1. Kendala gambar pada postingan sering ditemukan oleh para blogger yang masih menggunakan template html yang pada saat itu akan beralih ke template amp. Untuk mengatasi erorr amp pada postingan blog maka yang perlu dilakukan adalah menyisipkan kode di bawah ini setiap anda melakukan pengunggahan gambar pada postingan jika kalian ingin template blog anda valid amp html.
Silahkan tambahkan kode ini dan letakan dimana saja pada postingan blog anda agar template amp blog anda tidak erorr. Saya sarankan kode ini dipasang diatas paragraph pertama pada postingan.

<noscript><img src=”https://2.bp.blogspot.com/-Xk6KKtIi7JA/U8MdruSxxMI/AAAAAAAAdQM/aKG8J3BXnUs/s1600/4.jpg” width=”650″ height=”350″ alt=”Curabitur placerat est sem”/></noscript>
</div>


Jika ingin menyisipkan beberapa gambar pada postingan tambahkan kode dibawah ini. Letakan kode ini sesuai keinginan anda.

<amp-img
alt=”Curabitur placerat est sem”
height=”350″
layout=”responsive”
on=”tap:lightbox1″
role=”button”
src=”https://2.bp.blogspot.com/-Xk6KKtIi7JA/U8MdruSxxMI/AAAAAAAAdQM/aKG8J3BXnUs/s1600/4.jpg”
tabindex=”0″
width=”650″></amp-img>

Gambar iklan juga sangat berpengaruh untuk mengkofigurasikan template blog support amp anda. Silahkan kalian ketahui cara mengatasinya pada artikel cara memasang iklan di template amp html blogspot.

2. Beberapa source kode belum bisa digunakan pada template yang sudah support amp html. Maka dari itu Hindari penggunaan tag HTML dengan CSS inline seperti <div style=”text-align: justify;”>…</div> ataupun lainnya. atau memasukan javascript atau CSS style ke dalam postingan.

Selain kode diatas, usahakan juga hapus kode seperti ini <b:include name=’quickedit’/> pada template blogspot yang dikelola.

3. Script tambahan juga belum mendukung amp html, maka dari itu silahkan anda hindari hal ini. Kode script yang dimaksud adalah kode script seperti Recent post, random post dan lain-lainnya.

4. Kolom komentar juga menjadi salah satu penyebab tidak validnya amp pada template blogspot. Kolom komentar bawaan blogger sangat tidak disarankan. Silahkan anda mengganti kolom komentar blog anda dengan cara menggunakan kolom komentar disqus valid AMP html.

5. Sebelum anda ingin beralih ke AMP html, cari template yang memang sudah tervalidasi oleh html. Banyak situs dan blog penyedia template support AMP html seperti misalnya saja template yang sudah dibagikan oleh kompiajaib.com dan blog.kangismet.net.

Nah demikianlah bagaimana cara kita memperbaiki kesalahan pada amp html. Kemungkinan masih banyak yang menjadi faktor erorr yang dapat menjadi kesalahan pada saat terjadinya validasi amp. Jika erorr yang belum terselesaikan silahkan curhat dengan cara berkomentar baik di bawah ini guys kita cari sama-sama solusinya agar bisa valid. Semoga bermanfaat.


Cara Mengatasi Invalid Error AMP HTML Pada Template di Blogspot | Akirra Lee | 4.5

7 responses to “Cara Mengatasi Invalid Error AMP HTML Pada Template di Blogspot”

  1. fadly says:

    hode njirr wwkwkwkwk

  2. blidee1994 says:

    siapa yang hode bang? tonjokin aja wkwkwk 😀

  3. Sam says:

    kalau tetap dibiarkan error saja apa aa efek lain mas? soalnya saya memang pakai template lawas..

  4. doni says:

    kalau untuk wordpress bagaimana cara mengatasinya?

  5. blidee1994 says:

    Untuk wordpress saya kurang tau, karena jarang melihat blog yang sudah menggunakan theme wordpress amp.

  6. Indah Ramayani says:

    Masih ada errornya gan…

  7. Admin MB says:

    kalau boleh tau dimana ya letak erornya?

Leave a Reply

Your email address will not be published.