skip to Main Content
+919848321284 [email protected]

How to Create Google AMP Stories

How To Create Google AMP Stories

AMP of Accelerated Mobile Pages is the new format introduced by Google. AMP accelerates the mobile pages that are the pages with heavy text content loaded quickly. Beyond these successful essential stories, Google is taking it beyond. Google AMP Stories is a new format that is announced by the company.

Stories are not a new format for those who are already using Instagram and Snapchat. This mobile-focused form helps the publishers to create visually rich stories. Text, images, videos, and graphics can combine in them. The users can see the AMP store search.

All they have to do is to search for publishers’ names using a mobile browser. The publishers involved in the development of the feature are CNN, Hearst, Mashable, Meredith, Conde Nast, Vox Media, and The Washington Post. This format is going to bring to more products on Google.

Accelerated Mobile Pages is an open-source project of Google that started two years ago. Apart from other features, the new format introduced AMP stories allows users to share stories like news articles.

Stories first presented by Snapchat, and this Facebook also introduced this popular format. Now is the turn of Google. This format is going to make mobile browsing experience faster. AMP stories used on any website and can be viewed on smartphones only. In the future, It expanded to laptops and desktops also.

How did AMP stories work?

Accelerated Mobile Pages feature works similar to Snapchat Discover stories. Discover stories feature swipeable photos, text, graphics, and videos.

New ways will be beneficial to access news and entertainment.

There are expected to be significant changes Google search results are going to appear.

Pictures, videos, and graphics grab the attention of the readers quickly and keep them engaged for long.

The publishers who host AMP stories HTML page on the website and link it to any other part of the site and drive traffic.

Creating and distributing content is going to become painless for publishers.

AMP stories is a new and free template and used by anyone. These optimized for mobile viewing.

These articles will fill the mobile screen and will lead to image and video.

Tapping on the home screen allows users to read further and swipe to the next article.

Google Accelerated Mobile Pages Stories do not allow advertising to be incorporated.

However, Google is in the process of creating an implementation.

It is not clear whether the ads will be added at all or not until they said, experimenting done without the traditional monetization.

Creating Google AMP Stories

There is no plug-in support for any given content management system to create AMP Stories, and thus, to test this format, AMP Story pages have to be built manually along with XML sitemap for Google.

AMP story, which is experimental and under development, can be used by publishers to provide visually rich information about content to the users. The tutorial is available at the official site for creating them.

Google AMP stories can be created by those who have basic knowledge of HTML, CSS, and JavaScript. An AMP story contains individual pages that are composed of different layers with basic HTML and AMP elements. The story represented by amp-story and the pages served by amp-story-pages and later by amp-story-grid-layer.

Amp-story is the container for all pages in the story and is also responsible for creating a UI shell. To the amp-story associated script to AMP document must be added. The information on how to do this is available on the tutorials page on

  • To create visual effects, AMP story pages organized in layers.
  • The first layer of the stacked layers is the first layer.
  • The markup for creating the AMP HTML page is there on the site.
  • It had to copy and saved with a .html extension. Follow the steps to add images to the HTML page.
  • The AMP page should be a valid AMP.
  • After creating the page, preview the AMP page by opening the page in the browser from the file system.
  • To make sure that the AMP page is a valid AMP, open the page in the browser and add #development=1 to URL.
  • Check the validation errors by opening the Chrome Dev-Tools console.
  • Existing HTML pages also can be converted into AMP HTML.

It is best to use text for some stories, and some best expressed when there are images and videos. While browsing content on mobile devices deep under engagement is not possible, but if there are images, videos, and graphics, they will get the attention of the reader and keep them engaged.

Production of stories becomes comfortable with AMP stories. The tutorial and documentation to create the Stories are available for all publishers. The content presented as a full-screen portrait display on mobile phones.

Since ads not supported at present, some of the publishers may not like to use them, but soon ads will be supported, according to Google. Compared to Instagram or Snapchat stories, Google AMP Stories are content developed professionals, unlike the user-generated content of other platforms.

AMP displays the pages faster on smartphones and is beneficial for low-data networks. The Tutorial and the Document released by Google for the creation of Google AMP Stories can be utilized by publishers to learn to create the Stories.

This Post Has 2 Comments

Leave a Reply

Your email address will not be published.

Contact Us
close slider
[contact-form-7 404 "Not Found"]
Back To Top