إنضم لنا

Cara Memperbaiki halaman AMP Kritis





Assalamualaikum


Pada kesempatan Kali ini saya akan mencoba untuk membuat Artikel tentang Cara Memperbaiki Halaman AMP Kritis

Sebelumnya Kita telah mengetahui penyebab halaman AMP Kritis dan halaman setara kritis yang di sebabkan oleh javascript pihak ketiga misalnya saja kita lupa memasang from kontak imail dan komentar google plus tentu saja itu akan mendapatkan kesalahan dan dengan kita menghapus kotak komentar google plus dan from kontak imail problem pun teratasi

Dan problem di atas saya nyatakan ok kita berhasil memperbaikinya, dan sudah tidak ada problem lagi untuk masalah di atas

Tapi tiba tiba saja saya kaget setelah mendapatkan imail dari tim Google yang memberitahukan Masalah baru Terdeteksi dan saya melihat detail kesalahan seperti di bawah






Google mengatakan masalah terdeteksi pada baris 1054 : Tag 'amp-sidebar' mewajibkan untuk menyertakan ekstensi JavaScript 'amp-sidebar'.

Dengan url :https://www.webcensar.com?m=1
Url itu tertuju pada halaman depan versi mobile, karna di akhiri dengan m=1

Mari kita perbaiki masalah ini

Setelah kita mengetahui masalah di atas apakah kita harus memperbaiki masalah tersebut pada baris 1054 : tentu saja tapi kita jangan terpaku pada nomornya,

Walaupun kesalahan yang terjadi pada baris 1054 : tapi kita harus menyiasatinya cotohnya begini  amp-facebook-comments mewajibkan untuk menyertakan ekstensi JavaScript 'amp-facebook-comment'.

Maka yang harus kita lakukan adalah menambahkan scrip kode di bawah
<script async='async' custom-element='amp-facebook-comments' src='https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js'/>
Di atas code </head> 

Kesimpulanya pada baris 1054 : itu membutuhan code java scrip seperti ini
<script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'/>

Itulah caranya

penting untuk kalian baca
Kalian yakin sebelumnya sudah menambahkan scrip yang di butuhkan di atas mari kita lihat gambar di bawah ini


Walaupun di atas kode </head>  telah terpasang javascrip yang di butuhkan, tapi setelah kita melakukan inspct elemen dengan view-source pada halaman yang bermasalah
Code javascript yang di butuhkan tidak ada,

Dari sini  dijelaskan oleh peringatan validator AMP, itu berarti bahwa beberapa ekstensi AMP yang tersedia .js yang termasuk dalam halaman AMP Blogger Anda tidak digunakan & tag AMP yang membutuhkannya tidak tersedia.

Misalnya, jika kalian menggunakan <amp-facebook/> di beranda Blogger kalian tapi tidak di halaman posting kalian, maka ketika custom-element='amp-facebook' .js disertakan, peringatan ini akan terjadi di halaman posting blog kalian. Yang menjadikan Halaman AMP kalian kritis

Untuk memperbaiki masalah peringatan
Gunakan tag kondisional Blogger untuk menargetkan jenis halaman Blogger yang menggunakan tag / komponen AMP kalian.

Kalian bisa search di google untuk menambahkan tag kondisional pada halaman amp, itu saja saya harap kalian menegrti


Semoga membantu Penulis:

Seorang Penulis Asal Tegal jawa tengah 


PENTING !!!
Untuk pertanyaan di luar topik silahkan Gunakan Komentar Facebook atau Google+ sengaja Kami sediakan Untuk komentar random Dan untuk pertanyaan seputar article gunakan komentar disqus Terimakasih...

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments:

This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Detail