🔎
Google Search for beginners
Home
  • Introduction
  • Google Search Essentials
    • Overview
    • Google Search Technical Requirements
    • Spam Policies
  • SEO Basics
    • SEO Beginner's Guide
    • How Google Search Works
    • Creating Helpful, Reliable Content
    • Do You Need an SEO Expert?
    • Maintaining Your Website’s SEO
    • Developer's Guide to Google Search
    • How to Get Your Website Listed on Google
  • crawling and indexing
    • Overview
    • File formats Google can index
    • URL structure
    • Links
    • Sitemaps
      • Create and submit a sitemap
      • Manage your sitemaps
      • Image-specific sitemaps
      • News-oriented sitemaps
      • Video sitemaps and alternatives
      • Combining different sitemap types
    • Managing Google Crawlers
      • Reducing the crawl rate of Googlebot
      • Verifying the Googlebot and other Google crawlers
      • Managing Crawl Budget for Large Sites
      • HTTP Status Codes, Network, and DNS Errors
      • Types of Google Crawlers
      • Googlebot Explained
      • Google Read Aloud Service
      • Google API
      • Understanding Feedfetcher
    • Robots.txt
      • Creating and Submitting Robots.txt
      • Updating Robots.txt
      • Google's Interpretation of Robots.txt
    • Canonicalization
      • Specifying Canonicals Using rel="canonical" and Other Methods
      • Resolving Canonicalization Issues
    • Canonicalization for Mobile Sites and Mobile-First Indexing
    • AMP (Accelerated Mobile Pages)
      • Understanding How AMP Works in Search Results
      • Enhancing Your AMP Content
      • Validating AMP Content
      • Removing AMP Content
    • JavaScript
      • Fixing Search-Related JavaScript Issues
      • Resolving Issues with Lazy-Loaded Content
      • Using Dynamic Rendering as a Workaround
    • Page and Content Metadata
      • Meta Tags
      • Using Robots Meta Tag, data-nosnippet, and X-Robots-Tag noindex
      • noindex Explained
      • rel Attributes
    • Removals
      • Removing Pages from Search Results
      • Removing Images from Search Results
      • Handling Redacted Information
    • Redirects and Google Search
      • Switching Website Hosting Services
      • Handling URL Changes During Site Moves
      • A/B Testing for Sites
      • Pause or Disable a Website
Powered by GitBook
On this page
  1. crawling and indexing
  2. AMP (Accelerated Mobile Pages)

Enhancing Your AMP Content

PreviousUnderstanding How AMP Works in Search ResultsNextValidating AMP Content

Last updated 10 months ago

Enhance AMP Content for Google Search

To make your content shine in Google Search results and provide a lightning-fast user experience, leverage the power of AMP (Accelerated Mobile Pages). This document guides you through enhancing your AMP content, covering everything from basic page creation to advanced optimization techniques.

1. Create a Basic AMP Page

Before diving into enhancements, let's establish a solid foundation with a basic AMP page.

1.1 Follow the Guidelines:

  • Adhere to the .

  • Ensure your AMP page validates successfully using the .

1.2 Establish Canonical Relationship:

  • Every AMP page needs a corresponding canonical page, which can be a non-AMP version or the AMP page itself. This is crucial for Google to understand the relationship between your pages.

  • Link your AMP page to its canonical counterpart using the <link rel="canonical"> tag within the <head> section.

Example:

<!-- AMP Page -->
<!doctype html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="https://www.example.com/blog/my-awesome-article">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <link rel="stylesheet" href="https://cdn.ampproject.org/v0.css">
  <title>My Awesome Article</title>
</head>
<body>
  <h1>My Awesome Article</h1>
  <p>Content of the article goes here...</p>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
</html>
<!-- Canonical Page -->
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="amphtml" href="https://www.example.com/blog/my-awesome-article/amp">
  <title>My Awesome Article</title>
</head>
<body>
  <h1>My Awesome Article</h1>
  <p>Content of the article goes here...</p>
</body>
</html>

1.3 Maintain Content Parity:

  • As much as possible, ensure users enjoy the same content and functionality on both AMP and canonical pages.

1.4 Implement Best Practices:

  • Robots.txt: Verify your robots.txt file doesn't block access to your AMP pages.

  • Meta Robots: Utilize robots meta tags appropriately to control indexing and snippets. For instance:

    <meta name="robots" content="index,follow">
  • Data-nosnippet: Prevent specific sections from appearing in search snippets:

    <p data-nosnippet>This content won't show in snippets.</p> 
  • X-Robots-Tag: For advanced control over indexing and serving, leverage the X-Robots-Tag HTTP header.

2. Create an AMP Page Using a CMS

Many Content Management Systems (CMS) offer streamlined AMP integration.

2.1 Leverage Plugins/Extensions:

  • Popular CMS platforms like WordPress, Drupal, and Joomla have dedicated plugins or extensions designed for effortless AMP page generation. Install and configure these plugins to automate the process.

2.2 Custom CMS Implementation (for Developers):

  • URL Structure: Define how AMP HTML files integrate within your site's existing URL structure. Common approaches include:

    • https://www.example.com/myarticle/amp

    • https://www.example.com/myarticle.amp.html

  • Structured Data Template: Develop a template for consistent structured data markup based on your content type (e.g., articles, recipes, videos).

    Example (JSON-LD for an Article):

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Article",
      "headline": "My Awesome Article",
      "author": {
        "@type": "Person",
        "name": "John Doe"
      },
      "datePublished": "2023-10-26T12:00:00+01:00",
      "image": "https://www.example.com/blog/my-awesome-article/image.jpg",
      "description": "A captivating article about..." 
    }
    </script>

3. Optimize for Rich Results

Elevate your AMP pages in search results by implementing structured data to unlock visually appealing rich results.

3.1 Implement and Validate Structured Data:

3.2 Target Relevant Rich Results:

  • Research and aim for rich result types that align with your content. For example:

    • Article: Enhance visibility in Top stories carousels and Google News.

    • Recipe: Showcase your recipes with attractive visuals and key details directly in search results.

    • Video: Increase discoverability and engagement with rich video snippets.

4. Monitor and Improve Your Pages

Regular monitoring ensures your AMP pages remain in top shape.

4.1 Leverage Search Console Reports:

  • AMP status report: Provides insights into site-wide AMP implementation issues.

  • Rich result status reports: Identify structured data problems and opportunities for enhancement.

4.2 Update and Manage Your AMP Content:

5. Practice with Codelabs

Hone your AMP development skills with these hands-on codelabs:

Hreflang: Implement hreflang tags correctly for internationalization and to indicate language variations of your AMP content. Refer to for AMP-specific examples.

Integrate structured data markup following Google's guidelines for your specific content type. provide useful templates.

Use the to ensure your structured data is correctly implemented and eligible for rich results.

To push urgent updates to the Google AMP Cache, refer to the guidelines on .

If needed, follow the instructions to .

: Master the essentials of building AMP pages.

: Explore advanced features like analytics, video embedding, social media integration, and image carousels.

: Craft compelling AMP experiences with rich features and extended components.

: Combine the power of AMP with Progressive Web App (PWA) capabilities.

Google Search guidelines for AMP pages
AMP Test Tool
Internationalization
AMP Project metadata examples
Rich Results Test
Updating AMP Content
Remove AMP from Google Search results
AMP Foundations Codelab
Advanced Concepts Codelab
Beautiful, Interactive, and Canonical AMP Pages Codelab
AMP+PWA Codelab