How to do you blogger website AMP

Create Your AMP HTML Page - Blogger Blogspot How to do you blogger website AMP

Hello, guys In this blog we will learn how to make your Blogger website AMP (Accelerated Mobile Pages) 


It is very simple Just follow my following steps - 

1 - First open your Blogger website dashboard where you want to make AMP

blogger-blogspot-dashboard-main-page

2 - Open theme >Edit HTML 

Official Blogger Blog: Improvements to the Blogger template HTML ...

3 - Search  <head> in the HTML code (It should be in the top section of the you code)

How to Add HTML Meta Tags and Keywords to Blogger Blog's Template ...

4 - Paste this code below <head> tag 


<script async src="https://cdn.ampproject.org/v0.js"></script>
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "NewsArticle",
        "headline": "Open-source framework for publishing content",
        "datePublished": "2015-10-07T12:02:41Z",
        "image": [
          "logo.jpg"
        ]
      }
    </script>

5- Click on save theme 
How To Add Code to Blogger Head Section - YouTube

And Wow! you are done to go. You can visit your Blog that how it is looking 

You can also watch this video to do more


What is AMP

What Is AMP? What You Need to Know About Accelerated Mobile Pages

AMP is an open-source HTML framework developed by the AMP Open Source Project. It was originally created by Google as a competitor to Facebook Instant Articles and Apple News. AMP is optimized for mobile web browsing and intended to help webpages load faster.