Skip to content Skip to sidebar Skip to footer

Tutorial - How to Show Thumbnails in AMP HTML Blogger



Surely you already know that not in the world of SEO and Google, we are again surprised by AMP alias Accerate Mobile Pages

 As we know, the img tag in AMP HTML changes to amp-img. If we write in posts like this:

<img alt='gambar' src='url-image'/>

This will result in an AMP HTML validation error. The correct writing as here is:

<amp-img src="url-image-disini"
width="1080"
height="610"
layout="responsive"
alt="AMP HTML"></amp-img>

The image will appear well on the post. However, it will not appear on the thumbnail on the main page / homepage.

 To outsmart it, so that the image appears on the Homepage add a noscript tag so that the code looks like this:

<noscript><img alt='gambar' src='url-gambar-anda'/></noscript>

Please just try it and see the results, thank you ^^

Post a Comment for "Tutorial - How to Show Thumbnails in AMP HTML Blogger"