Yang Harus Diperhatikan Ketika Merubah Template Menjadi Valid Amp Html

Saat ini Responsive Design Template mulai ditinggalkan dan beralih ke AMP HTML yang memakai instan loading sehingga tak diragukan lagi kecepatannya. Yah alasannya alasan tersebut satu per satu kaum blogger mulai memakai template valid AMP HTML meski harus edit postingan satu per satu. Sebenarnya sudah banyak yang tahu bahkan sudah banyak postingan yang membahas perihal bagaimana cara merubah custom template menjadi valid AMP HTML, tapi disini aku fokus pada area gambar postingan saja / thumbnail alasannya ada dua pilihan yang berbeda ketika edit postingan untuk gambar yang menjadi thumbnail / gambar pertama.

Meski banyak pilihan template, tapi dalam problem edit gambar ada dua pilihan tergantung template yang digunakan. Ada template yang menampilkan thumbnail di dalam postingan, dan ada juga yang menampilkan thumbnail diluar postingan ibarat kebanyakan template kompiajaib. Makara ketika kita edit postingan harus juga memperhatikan template apa yang kita gunakan supaya tidak mengedit dua kali.

Oke disini aku contohkan pribadi saja yah. Seperti aku katakan bahwa ada dua pilihan penulisan isyarat untuk gambar berikut ini:

Kode pertama

<noscript><img alt="Yang Harus Diperhatikan Saat Merubah Template Menjadi Valid AMP HTML Yang Harus Diperhatikan Saat Merubah Template Menjadi Valid AMP HTML" height="350" src="URL-GAMBAR"  title="Yang Harus Diperhatikan Saat Merubah Template Menjadi Valid AMP HTML" width="600"/></noscript>

Kode kedua

<noscript><img alt="Yang Harus Diperhatikan Saat Merubah Template Menjadi Valid AMP HTML Yang Harus Diperhatikan Saat Merubah Template Menjadi Valid AMP HTML" height="350" src="URL-GAMBAR"  title="Yang Harus Diperhatikan Saat Merubah Template Menjadi Valid AMP HTML" width="600"/></noscript>
 
 <amp-img alt="Yang Harus Diperhatikan Saat Merubah Template Menjadi Valid AMP HTML Yang Harus Diperhatikan Saat Merubah Template Menjadi Valid AMP HTML" height="350" layout="responsive" src="URL-GAMABR" title="Yang Harus Diperhatikan Saat Merubah Template Menjadi Valid AMP HTML" width="600"></amp-img>

Kode pertama dipakai untuk template yang menampilkan thumbnail diluar postingan (seperti template kompi ajaib), sedangkan isyarat kedua untuk template yang menampilkan thumbnail di dalam postingan.

Karena itu jikalau kita memakai template yang menampilkan thumbnail diluar postingan, maka kita cukup memakai isyarat pertama untuk gambar. Tapi jikalau template blog kita menampilkan thumbnail di dalam postingan, kita harus memakai isyarat kedua untuk gambar sebagai thumbnail. Dan dilarang sebaliknya.

Misalnya ketika ini blog aku memakai template dari kompiajaib yang menampilkan thumbnail diluar postingan, maka ketika edit postingan harus memakai isyarat pertama untuk thumbnail. Ketika suatu ketika aku mau ganti template, aku harus menentukan template yang juga menampilkan thumbnail diluar postingan. Jika tidak, maka aku harus edit postingan lagi menggunanakan isyarat kedua.

Begitulah pengalaman yang dapat aku share. supaya bermanfaat...
Sumber https://www.nengain.web.id/