Mengatasi AMP Error Tag or text which is only allowed ...

Mengatasi error AMP dengan problem Tag or text which & The tag 'BODY' appears - Oke belum lama ini tepatnya kemarin para pengguna Blogger/Blogspot pasti banyak yang mengalami masalah error dibeberapa tools validator sebut saja seperti AMP Validator dan HTML5 Validator.

Nah, diantara 2 jenis validator tersebut pasti banyak yang mengeluhkan permasalahan error ini terutama bagi mereka yang menggunakan template AMP sebut saja seperti Kompi Flexible AMP, Kompi Ajaib AMP dan beberapa template AMP preimum lainnya.

Dan kebetulan template AMP yang saya gunkana disini adalah template AMP Kompi Flexible buatan Kang Adhy dari KompiAjaib.com akan tetapi cara ini juga bisa diterapkan ditemplate-template lain selain dari yang saya gunakan tersebut.

Selain menyasar pengguna template AMP, error kali ini juga berdampak kepada mereka yang mengoptimasi blog/situsnya supaya valid HTML5. Akan tetapi, khusus HTML5 untuk saat ini sepertinya saya belum bisa mengatasi permasalahan ini dan mendapat cara untuk mengatasi error yang ditimbulkan.

AMP Error

Oke, jadi kita akan fokus memperbaiki error khusus AMP saja. Tapi sebelum itu, tau enggak sih sebab apa yang memunculkan error dengan pesan seperti berikut ini:

  • Tag or text which is only allowed inside the body section found outside of the body section.
  • The tag 'BODY' appears more than once in the document.

Jadi, pesan error tersebut muncul akibat dari update yang dilakukan oleh pihak Blogger dibagian HTML-nya dengan menambahkan beberapa kode berikut ini salah satunya yaitu data-ad-client milik AdSense.

<link href='https://www.blogger.com/static/v1/widgets/14020288-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4305885900090060610&amp;zx=a77607e7-9a3f-471b-b572-6353f66b4160' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4305885900090060610&amp;zx=a77607e7-9a3f-471b-b572-6353f66b4160' rel='stylesheet'/></noscript>

<!-- data-ad-client=ca-pub-xxxxxxxxxxxxxxxx -->

Cara Memperbaiki Error AMP "Tag or text which is only allowed inside the body section found outside of the body section."

Langkah pertama silakan ganti kode dibawah

<HTML expr:dir='data:blog.languageDirection' lang='id'>

Dengan kode berikut

<html b:css='false' b:js='false' expr:dir='data:blog.languageDirection' lang='id'>

Jika terdapat kode berikut silakan dihapus jika tidak lanjut saja

xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'

Kemudian cari tag head penutup dan tag body pembuka seperti dibawah

&lt;/head&gt;&lt;!--<head/>--&gt;
<body>

Ganti dengan kode dibawah

&lt;/head&gt;
&lt;body&gt;

Kemudian tinggal ganti kode berikut

&lt;!--</body>--&gt; &lt;/body&gt;
</HTML>

Dengan kode dibawah

&lt;!--<head/>&lt;!--<body/>--&gt; &lt;/body&gt; 
</html>

Sehingga kode akhirnya akan seperti ini


<html b:css='false' b:js='false' expr:dir='data:blog.languageDirection' lang='id'>
&lt;head&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;!--<head/>&lt;!--<body/>--&gt; &lt;/body&gt; 
</html>

Terakhir tinggal save dan cek kembali menggunakan tool AMP Validator.

Cara ini sudah terbukti work di template Kompi Flexible AMP yang terpasang di salah satu blog saya, dan cara ini pertama kali saya ketahui dari sang pembuat template Kompi Flexible yaitu Kang Adhy diblognya KompiAjaib.com.

Iklan Tengah Artikel 2

Iklan Bawah Artikel