Cara Membuat Postingan Valid Amp Html


Tutorial Membuat postingan valid amp dengan mudah Bagi yang menghunakan template AMP HTML pada blog baru tentunya tidak ada masalah dengan postingan blog karena kita membuat postingan baru yang tentunya langsung valid HTML. Namun akan menjadi masalah bagi yang menggunakan AMP HTML pada blog yang sudah memiliki banyak postingan.

dengan menggunakan AMP HTML maka otomatis postingan-postingannya akan memiliki error AMP pada blog dan postingan lama.

satu-satunya cara agar semua halaman posingan blog AMP menjadi valid maka semua postingannya harus diedit, satu per satu.

Kenapa semua postingan dengan blog AMP harus valid AMP?

Google mengatakan bahwa blog yang valid AMP akan memiliki ikon AMP "petir" di hasil pencarian mobile, namun sementara ini fitur Amp masih bersifat percobaan. Dan kini Google sudah merubah prioritas index pencarian menjadi "mobile index first", artinya index pencarian mobile lebih diutamakan dari pencarian desktop.

Pertama
Gunakan kode yang diperlukan agar valid amp seperti <noscript> untuk image thumbnail, amp-img, amp-iframe, amp-youtube dan lainnya yang diperlukan di dalam postingan.

Untuk referensi kode-kode amp, silahkan masuk ke sini https://www.ampproject.org/docs/reference/components


Kedua
Css yang tidak di perbolehkan dalam fitur Amp Yaitu css "style inline" pada tag div seperti "<div style="text-align: justify;">" dan yang lainnya.

Ini akan cukup menguras tenaga jika kita edit satu per satu kode <div style="text-align: justify;">menjadi <div>.

Karena editor post Blogger tidak memiliki fitur search and replace, untuk itu saya sarankan gunakan ekstensi browser untuk search and replace agar lebih mudah mengganti kode <div style="text-align: justify;"> menjadi <div> hanya sekali klik.

silahkan pasang klik ikon ekstensi disini Search and Replace

Anda Membaca: Cara Membuat Postingan Valid Amp Html

1 Share 1 Kebaikan, Silahkan Bagikan..!!!

Subscribe to receive free email updates:

2 Responses to "Cara Membuat Postingan Valid Amp Html"

Insan Kamil Syukarta mengatakan...

Assalamualaikum wr.wb
Gan. Saya ada masalah dengan url posting saya.

https://uploads.disquscdn.com/images/17cd953638eb0ac2c6fb6ea22811a97969f4e94ec0279c11f3046907923a12b0.png

Gimana ya cara ngatasinnya.?

Saya pakai template mdcamp. Klo boleh kasih saran juga biar blog saya valid amp.
Mohon bantuannya gan.
Terima kasih

Url : ANDROGRAF blogspot com

Coba Ngetik mengatakan...

Makasih untuk artikelnya gan. sangat membantu sekali.