announcement

Share tech tips and trends

Best Tips and Tricks To Create Perfect AMP Stories

Best Tips and Tricks To Create Perfect AMP Stories
Creating perfect AMP Stories is of utmost importance for a website to reap the benefits. To reap the benefits of this content format to the fullest, they have to be visually rich with precise information and easy-to-understand as well for the users. The reason? this visual storytelling format is all set to be the future of visual web.
Pragya Singh
Last Updated: Feb 27, 2019
What Are AMP Stories?
AMP pages first appeared to web users in February 2016, when Google began displaying the AMP versions of webpages in mobile search results. AMP Stories are powered by Google’s popular AMP Project, which let you share information in a crisp format, along with visuals which include images, videos, infographics, etc.
AMP Stories are fast loading, visually rich full-screen content and provide the users with an immersive experience. They are search-engine-friendly, mobile-focused and highly engaging. Though AMP Stories are Snapchat or Instagram-like Stories, the difference lies in the fact that AMP Stories don’t disappear after 24 hours. Instead, they stay forever on the website, once created.
AMP Stories are beneficial for businesses in expanding their market and increasing their customer-base. Creating impactful Stories is necessary if you wish to bring more audience to your website. Various tips and tricks need to be applied, to create the compelling AMP Stories for your website. Discussed ahead are some tips and tricks.
Text
Man Typing on a Laptop
The most important component of any informational piece is the text content. Still, the tip to consider here is that while creating AMP Stories, keep the textual content short and the information precise as AMP Stories is a concise format.
The text must be readable over the background. For this, choose an appropriate color for the text considering the background image/graphics. You can also add a gradient overlay between the image and text to make the text readable.
Background
Graphics being the important element of AMP Story having a background is useful trick whenever you are creating an AMP Story. A pleasing background gets displayed on the screen instead of a uninteresting plain one. A background color should always be specified for each page of your story. Have relevant image for the text to keep the reader intact.
Videos
Girl Pressing Play Button of a Video
It is imperative that you specify a poster image that displays until your video loads. Recommended poster dimensions for the AMP Stories are: 720w x 1280h. Videos should be no larger than 4MB You must consider splitting longer videos over multiple pages, rather than having at one place in a stretch. Each segment of the video you use, should be not more than 10 seconds. Wherever possible, use HLS video, with MP4 as a backup.
One thing to keep a note of is that, HLS is not supported by Chrome for desktop. Therefore, it is advised to use MP4 backup for desktop traffic. The videos incorporated in AMP Stories are always vertical, and should have an expected aspect ratio of 16:9. 

All in all, the textual content, the images and the videos used should fit-in certain criteria to be a part of the Stories format.
These tips and tricks can help you create AMP Stories which shall enhance user-engagement and time-on-site of your website. AMP Story Builder is a useful tool, that lets you create the AMP Stories without any hassle, in a smooth manner. All you need to do is think about your business and its growth!