Tutorial on Creating Valid AMP Blogspot Posts – With the development of the times, and more people are accessing various sites on the internet using smart phones or what we often call HP (mobile phones). So as a blogger we must also be able to adapt to provide more convenience for readers. One of them is by using AMP templates.
There are not many themes of this type, but it is highly recommended to use them. Because blogspot sites that use AMP themes are much more prioritized and can compete better in fighting for the top position of Google searches via cellphones, because sites with AMP templates are much lighter.
The problem is, writing valid AMP posts or articles is not the same as what we usually do when using blogspot themes in general. Because of that, there are still many who complain, and find it difficult, so they are reluctant to switch to the AMP theme.
So through this post, the Admin will try to explain to all of you how to write valid AMP articles, but remember that this tutorial only applies if you have used the AMP blogspot theme as well.
Writing articles using AMP templates is actually very easy, because there are only slight differences. Especially in inserting images. So that friends don't feel confused, let's see the guide below.
First, please, friends, write articles as usual. If you want faster, just use html mode. and use
as the beginning of each paragraph and
at the end of the paragraph. If you are not familiar with it, friends, you can write through compose mode as you usually do when making posts on blogspot, but before the article is published, you still have to open HTML mode and change some code as below.
And for images you have to add "amp" in front of the img. For clarity, please consider the following example.
For posts and images in articles, all of them are AMP valid if you do it right. But for the AMP version of the template, you also have to add the code for the tubnail specifically at the very top of the post. If not, your article will not have a picture of the results.
How to do it ????
It's easy, you just add an image at the very top of the post by sandwiching the code / writing component of the image and place it here.
Example:
After everything is done, you can directly click post. And check whether the article that you just created is valid or not via google amp which you can access directly via the following url..., but you need to know to check the validity of the blogger site url, you have to use the mobile version url by adding " ?m=1” at the end of the link you checked.
Source link
Tutorial on Creating Valid AMP Blogspot Posts. There are any Tutorial on Creating Valid AMP Blogspot Posts in here.