Hello Everyone, Today's Article May Help you rank well in google when your website is amp valid. But, In today's Article I have bring a way to Write Valid Amp Blog Post In Blogger Without Any Errors. As we all know that blogger has some limitation and doesn't provide much plugins to write amp post. The Blogger which is a product of Google provides free blogging and earning but the problem arises when we opt for amp website in blogger and main problem occurs that is How To Amp Valid Post In Blogger.
Don't worry I have found the best way to Write Valid Amp Post without affecting your Pagespeed insights which play a major role in SEO. I have listed all codes and steps that you have to follow while Writing Valid Amp Post.
Before entering into How To Write Valid Amp Post, I would like to say that if you want Amp blogger templates then you may like.
Here I have provided all the ways to write amp post. For Amp Post you have to mainly focus on Post Writing, Image, Video Embed and some other things like code box, table of content etc.
How To Write AMP Post In Blogger?
Writing a Valid Amp Post is a easy task just you have to follow the instructions or tutorial given below which will give you a Valid Amp Post Without any errors.
To Write a Amp Post we have to mainly focus on Post Editor, Amp Image, Amp videos etc. So, we will learn this in step by step guide so that We get valid results and it does not affect SEO and amp version. Just Try all the ways as follows.
In this Amp Post Blogger Tutorial, You will learn the following :
Q. 1. How to write valid amp text in blogger without errors.
Ans. There is nothing to write in valid amp post because writing a post with text is enable for both amp and non amp.
Q. 2. How to insert your first cover image or featured image.
Ans. To insert your first image in blogger or featured image then you have to look on How to Insert images in Amp Post which is given below.
Q. 3. How to add a link/URL in Amp Blogger.
Ans. To insert your link or URL you have click link in blogger post editor or look on below image.
Q. 4. How to make Amp Text stylish.
Ans. The post or text can be stylish using functions like Underline, Bold, Italic, Background Color and much more which are already available in blogger post editor. [You can use it's free and easy]
Q. 5. How to insert Blokquote.
Ans. Inserting a Blockquote is a easy task just select text and click “ 👈 This arrow which is available in post editor.
Q. 6. How to insert YouTube videos in Amp Post.
Ans. To insert YouTube videos you have to look on last topic that is about How to add Amp YouTube videos.
Q. 7. How to Align Text in Amp Post.
Ans. The function is available in post editor to align the text. But, if you have any queries then comment me.
In this tutorial the above are given functions or codes that are face by amp website. But I have given all questions solutions. And Now we have to look on How To Insert Amp Image And Amp Videos In Blogger Avoiding Errors.
How To Insert AMP Image In Blogger?
Here I have listed all codes to insert Amp Image In Blogger In A Step By Step Guide Avoiding Amp Errors. But if you find errors after implementing all the guides then you should tell us in comments section so that your Amp Website doesn't face any error.
Follow the instructions given below to insert Amp Image In Blogger Without Errors :
Method 1 - To Insert Amp Featured Amp Image or Cover Image.
This Method is used when you want to insert Cover Image / Featured Image To your post. To implement this method look on the steps given below.
Step 1 :- Upload an image by clicking image button given in blogger post editor.
Step 2 :- After adding the image copy the URL of image by clicking URL button.
Step 3 :- Then, change post editor from cumpose view to HTML view.
Step 4 :- Add the given below code in HTML view where you want to insert image.
<amp-img alt=" " height="2.5" layout="responsive" src=" " width="4"><noscript> <img src=" " alt=" " /> </noscript> </amp-img>Step 5 :- After this, add ALT tag in both places and URL also. You can also change height and width according to your choice.
Step 6 :- That's all save it.
Method 2 - To Insert Valid Amp Image Tag Without Errors.
This method is only applicable when you want to add amp image in a post this will not work as a cover image in a post.
All the steps are same as given above in cover image but the code given for this is different from above code and it will only show Amp Image not a cover image, so always check before you insert any code.
<amp-img alt=" " height="2.5" layout="responsive" src=" " width="4"> </amp-img>That is all about How to Add Amp Image In Blogger. So, always apply these codes when you want to insert an image in Amp Blogger.
Note: Don't forget to delete the image which you have chosen in compose view because that Image is not Amp which can cause a error in your Blogger.
How To Add AMP YouTube Videos In Blogger?
Adding Amp YouTube Videos is easy task because from one code you can make a Non Amp video to an Amp video and this is more simple then you think but don't worry about implementation I will guide you through steps so that no error occurs in blogger.
AMP Auto YouTube Video Code
This code can be applied when you want to add autoplay YouTube Videos in your Blogger Posts that are valid Amp.
<amp-youtube width = " 300 " height = " 200 " layout = responsive data-videoid = " " autoplay> </amp-youtube>AMP Static YouTube Video Code
This is used when you add only YouTube Videos which will be not played automatically when user Hover over Website.
<amp-youtube data-videoid = " " height = " 200 " layout = "responsive" width = " 300 "> </amp-youtube>That all you have to do for Amp YouTube Videos for Autoplay and Static Without Any Errors. You can change Height and Width according to your choice.
Also Read: Make Article Anti Copy-paste In Blogger
Note: For Implementation all steps are same that you have to copy YouTube video link and paste in any of the above code where you want to show Video in HTML View of Blogger.
In the last I have said How To Apply Amp Code Box in your Blogger then you can get the full information here.
And if you want SEO Guide For Blogspot Then Visit Here.
Conclusion
Congrats! Today you learned more about Write AMP Blog Post In Blogger Without Errors | SEO Friendly 2021 so always be the first to comment us and tell how helpful is this article.
Thanking you! For giving your precious time to us.
Please visit us again...