{"id":9488,"date":"2025-12-11T16:58:16","date_gmt":"2025-12-11T16:58:16","guid":{"rendered":"https:\/\/temo.uk\/?p=9488"},"modified":"2026-03-14T22:49:22","modified_gmt":"2026-03-14T22:49:22","slug":"setup-amp-blogger","status":"publish","type":"post","link":"https:\/\/temovision.com\/fr\/setup-amp-blogger\/","title":{"rendered":"How To Setup AMP In Blogger Blogspot Blogs 2026"},"content":{"rendered":"

To set up AMP in Blogger Blogspot blogs, little coding is necessary. AMP stands for Accelerated Mobile Pages. When AMP is implemented on Blogger or Blogspot, the mobile version of the site loads pretty fast, especially on low-end mobile devices. <\/p>\n\n\n\n

Bear in mind that fast-loading websites offer a better user experience. This experience can drive and improve your web traffic<\/a>.  AMP can make your blog or website appear in AMP top stories<\/a> et Google Discover<\/a>. These two platforms are every blogger\u2019s dream. <\/p>\n\n\n\n

Hence, implementing AMP on an already responsive Blogger AMP template is a big plus. Ideally, you should use a Blogger template that supports AMP by default.<\/p>\n\n\n\n

Sugg\u00e9r\u00e9 :<\/strong> MagOne Responsive Premium Magazine AMP Blogger Template<\/a><\/p>\n\n\n\n

Setup AMP In Blogger BlogSpot Blogs (5 Steps)<\/h2>\n\n\n\n

Follow these easy steps to set up AMP on a Blogger Blogspot blog:<\/p>\n\n\n\n

    \n
  1. Navigate to the dashboard of your Blogger Blog.<\/li>\n\n\n\n
  2. Click Theme and modify the existing HTML code to match the AMP formatted tags.<\/li>\n\n\n\n
  3. Next, create a valid AMP HTML.<\/li>\n\n\n\n
  4. Replace the existing code with the provided modified code.<\/li>\n\n\n\n
  5. Save the configuration to complete the AMP setup process on the Blogger blog.<\/li>\n<\/ol>\n\n\n\n

    A. Create an AMP HTML<\/h3>\n\n\n\n

    First, backup your Blogger Template as a precautionary motive. <\/p>\n\n\n\n

    GoTo your Blogger Dashboard -> Template -> Edit Template.<\/p>\n\n\n\n

    Replace <html> code with the following :  <html amp="’amp’"> <\/p>\n\n\n\n

    B. Add Corresponding Charset and Viewport Meta Tags<\/h3>\n\n\n\n

    Search the template to check for the charset and viewport meta tags. <\/p>\n\n\n\n

    If absent, copy and paste the following code immediately after  the <head> t ag:<\/p>\n\n\n\n

    <meta charset=\u201dutf-8\u2033><\/p>\n\n\n\n

    <meta name=\u201dviewport\u201d content=\u201dwidth=device-width,minimum-scale=1,initial-scale=1\u2033><\/p>\n\n\n\n

    C. Add Canonical Tags<\/h3>\n\n\n\n

    Make your blog discoverable using a canonical tag. <\/p>\n\n\n\n

    Search and check for the canonical link tags.<\/p>\n\n\n\n

     If absent, add the canonical link: <link rel=\u201d canonical\u201d href=\u201d http:\/\/example.blogspot.in\/article-metadata.html\u201d\/> which will simply point to itself.<\/p>\n\n\n\n

    Copy and paste the following code after the viewport tag:<\/p>\n\n\n\n

    <link expr:href=\u2019data:blog.URL rel=\u2019canonical\u2019\/><\/p>\n\n\n\n

    D. Setup an AMP Content Delivery Network (CDN)<\/h3>\n\n\n\n

    Paste the code below just above the <\/head> tag:<\/p>\n\n\n\n

    Click here<\/a> to download the script.<\/p>\n\n\n\n

    \"Setup<\/figure>\n\n\n\n

    E. Setup AMP Image<\/h3>\n\n\n\n