Best Practices For Creating Google Web Stories 2024

Google web stories are the search engine equivalent of social network stories. Web tales are a means to update the search experience for the year 2020. With its mobile-first dimensions and focus on video and visual content. Web tales are displayed in Google’s search results and Discover page in the form of up to 30 pages of material you may browse through, like a social media narrative. According to Google, they are a type of AMP (Accelerated Mobile Pages) intended for quick and straightforward consumption by busy people.

Google Web Stories Image Size 2024

Users anticipate that a story will load in a few milliseconds or less. 40% of visitors will often leave your story page if it takes longer than three seconds to load. Image optimization is the sole solution to this issue. Additional resources are available that could help you speed up your loading. However, if you have previously completed the other steps, image optimization is the most excellent way to speed up page load time. This can be fixed, and doing it is simple.

Unoptimized images are limited to having a file size that is no larger than a certain percentage of the size of the image on the open web space. You know what? Poorly optimized graphics are the leading cause of your website’s lousy loading times. According to the HTTP Archive, a website’s weight is roughly 65 percent and comprises images. Without image optimization, your website may load slowly, leaving visitors with a wrong impression of your site.

E-commerce, blogs, portfolios, vacations, and media websites require image optimization.

• AMP-compliant pages must be Web Stories. Test your Story using the AMP Validator tool and correct any problems found to prevent invalid AMP issues.
• When users preview your Story in Search results, the title may be obscured if you utilize burned text photographs. Users may be less likely to read further if the title is difficult.
• Ensure the picture you link to your amp-story> poster-portrait-src property has a minimum resolution of 640×853 pixels and a 3:4 aspect ratio.
• Verify that the logo image connected to your amp-story> publisher-logo-src property has an aspect ratio of 1:1 and a minimum size of 96×96 pixels.

Google Web Stories AMP

A Google program called Accelerated Mobile Pages (AMP) aims to make the internet more mobile-friendly. It comes with an open-source HTML framework that enables programmers to construct compact pages with quick loading times. However, the AMP standards aren’t technically a ranking criterion for SEO. Fast loading times are rewarded by showing up higher in search results.

This has led to the development of AMP Web Stories, which offer simple-to-read information that is interesting, pleasant, and visually appealing.

Google Web Stories Image Optimization

A method for shrinking the size of website images without compromising their quality is image optimization. It requires presenting images of the most outstanding calibre in the appropriate size format while keeping image size to a minimum.

Google Web Story Critical Design Best Practices

• Reduce your character count Avoid including multiple pages with walls of text. Consider reducing text to approximately 280 characters per page (the length of a tweet).
• Don’t block text Make sure text is not blocked by other content on the page. Avoid burned-in text; not using burned-in text prevents text from being blocked when it gets resized to fit various device sizes.
• Keep text within bounds Ensure that all text in your Web Story is visible to the reader. Avoid burned-in text; not using burned-in text prevents text from overflowing when it gets resized to fit various device sizes.
• Use animations mindfully Bring your stories to life with animations. Avoid distracting or repetitive animations, which can cause fatigue.