{"id":5270,"date":"2021-10-22T20:24:33","date_gmt":"2021-10-22T20:24:33","guid":{"rendered":"https:\/\/www.wordpressintegration.com\/blog\/?p=5270"},"modified":"2023-10-10T12:03:56","modified_gmt":"2023-10-10T12:03:56","slug":"google-web-stories-for-wordpress","status":"publish","type":"post","link":"https:\/\/www.wordpressintegration.com\/blog\/google-web-stories-for-wordpress\/","title":{"rendered":"Google Web Stories for WordPress &#8211; How to Create Them?"},"content":{"rendered":"<p align=\"justify\">What do Facebook Stories, Instagram Stories, and WhatsApp Status Updates have in common? They&#8217;re all so-called social media implementations of the popular tap-through Stories format. On Facebook, WhatsApp, and Instagram itself, users share <a href=\"https:\/\/buffer.com\/resources\/life-after-the-news-feed\/\" target=\"_blank\" rel=\"nofollow noopener\">more than a billion stories<\/a> every day.<\/p>\n<p align=\"justify\">First introduced by Snapchat back in 2013 as a fun way to share short videos and photos, this visual narrative format has appeared across several social media platforms, including LinkedIn, Twitter, YouTube, Skype, and now Google. With the new Google Web Stories, the tappable Story format is not just limited to social media. Stories are now available on the open web, meaning search engines can crawl them, and you can share and link to them \u2014 just like any other webpage.<\/p>\n<h2>In This Article<\/h2>\n<ul>\n<li><a href=\"#step1\">What Are Google Web Stories?<\/a><\/li>\n<li><a href=\"#step2\">Differences Between Web Stories and Social Media Stories<\/a><\/li>\n<li><a href=\"#step3\">How Do Google Web Stories Work?<\/a><\/li>\n<li><a href=\"#step4\">Where Do Google Web Stories Show Up?<\/a><\/li>\n<li><a href=\"#step5\">What Are the Benefits of Using Google Web Stories?<\/a><\/li>\n<li><a href=\"#step6\">Are Web Stories Good for SEO?<\/a><\/li>\n<li><a href=\"#step7\">How to Create Google Web Stories in WordPress?<\/a><\/li>\n<li><a href=\"#step8\">How Do I Embed a Google Web Story Into WordPress?<\/a><\/li>\n<li><a href=\"#step9\">How Do I Create a Google Web Story for Any Website?<\/a><\/li>\n<li><a href=\"#step10\">Google Web Stories Best Practices<\/a><\/li>\n<li><a href=\"#step11\">Frequently Asked Questions About Google Web Stories<\/a>\n<ul>\n<li><a href=\"#step11-a\">What is Standard Google Web Stories Size?<\/a><\/li>\n<li><a href=\"#step11-b\">How Long Do Google Web Stories Last?<\/a><\/li>\n<li><a href=\"#step11-c\">How Long Should Web Stories Be?<\/a><\/li>\n<li><a href=\"#step11-d\">How Do I Monetize My Google Web Stories?<\/a><\/li>\n<li><a href=\"#step11-e\">Where Can I Find Some Google Web Stories Examples?<\/a><\/li>\n<li><a href=\"#step11-f\">Where Can I Find More Information About Google Web Stories?<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#step12\">Google Web Stories &#8211; A New Way of Sharing Your Story<\/a><\/li>\n<\/ul>\n<h2 id=\"step1\" style=\"text-align: center;\">What Are Google Web Stories?<\/h2>\n<p align=\"justify\">Powered by <a href=\"https:\/\/amp.dev\/about\/stories\" target=\"_blank\" rel=\"nofollow noopener\">AMP technology<\/a>, Google Web Stories are a web-based version of the popular &#8220;Stories&#8221; format that blends audio, video, text, animation, images, and other visual elements to deliver users a &#8220;dynamic consumption experience.&#8221;<\/p>\n<p align=\"justify\">Unlike traditional social media stories, which can only be seen on a particular platform, Google Web Stories can be hosted on your own website, shared and embedded across other apps and sites, and even appear in search engine result pages (SERPs). Although they are intended for mobile devices, they work well on all browsers and desktop devices.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter  wp-image-5273\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-1.gif\" alt=\"Google Web Stories\" width=\"361\" height=\"641\" \/><\/p>\n<p align=\"justify\">Initially known as AMP Stories, Google Web Stories provides both brands and marketers a great opportunity to create SEO-ready content to enhance online visibility, boost rankings, and attract more organic traffic. What makes them different from other story experiences is the ability to post them on your own website and for as long as you like. Just like any other web page, you have complete creative control over your Stories, so you can customize them to fit your brand.<\/p>\n<h2 id=\"step2\" style=\"text-align: center;\">Differences Between Web Stories and Social Media Stories<\/h2>\n<p align=\"justify\">On the surface, all stories appear the same. For example, users can tap to go backward or forward, pause the Story, and go to the next Story with a swipe. However, several features stand Google Web Stories out from the crowd of social media story formats. Unlike social media stories, Google Web Stories:<\/p>\n<ul>\n<li>Have no expiration date<\/li>\n<li>Have no editorial restrictions<\/li>\n<li>Are indexed by search engines<\/li>\n<li>Act like standard web pages<\/li>\n<li>Are accessible like any other webpage<\/li>\n<li>Are published by you and hosted on your servers<\/li>\n<li>Are highly customizable<\/li>\n<li>Can have embedded links<\/li>\n<li>Are fully responsive<\/li>\n<li>Are designed for the high-quality journalistic or editorial content<\/li>\n<li>Can feature interactive elements like quizzes and polls<\/li>\n<li>Can include new content in real-time<\/li>\n<li>Let you earn money from ads or sponsored content<\/li>\n<li>Support Google Analytics for tracking<\/li>\n<\/ul>\n<p align=\"justify\">Thus, Google hasn&#8217;t simply copied the story format from other social media platforms. They instead aim to offer users a highly interactive visual storytelling format with a lot of benefits.<\/p>\n<h2 id=\"step3\" style=\"text-align: center;\">How Do Google Web Stories Work?<\/h2>\n<p align=\"justify\">Listed below are some steps to help you understand how Google Web Stories work:<\/p>\n<ul>\n<li>The creator comes up with a story or idea that people want to see and hear.<\/li>\n<li>Once the idea is there, the creator edits and customizes the Story using the preferred tool.<\/li>\n<li>When the Story is ready, the creator publishes it to their own site, which generates a shareable link like a regular web page.<\/li>\n<li>The Story then starts appearing on relevant users&#8217; Google surfaces, including Search and Discover.<\/li>\n<\/ul>\n<p align=\"justify\">To make Web Stories load faster, Google stores them in the <a href=\"https:\/\/developers.google.com\/amp\/cache\/\" target=\"_blank\" rel=\"nofollow noopener\">Google AMP Cache<\/a>. When a user opens a Web Stories page from a Google surface, the search engine makes the cached page available.<\/p>\n<h2 id=\"step4\" style=\"text-align: center;\">Where Do Google Web Stories Show Up?<\/h2>\n<p align=\"justify\">A unique thing that makes Google Web Stories different from the myriad of storytelling functionalities is their ability to be seen across the web. Users can experience Google Web Stories:<\/p>\n<h3>#In Google Discover<\/h3>\n<p align=\"justify\">Web Stories can appear on Google Discover in a carousel near the top of the feed via the latest Google app on Android and iOS devices. However, the Stories carousel is currently only available in India, Brazil, and the US.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter  wp-image-5274\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-2.gif\" alt=\"Google Discover\" width=\"543\" height=\"543\" \/><\/p>\n<p align=\"justify\">Google calls the list of stories a &#8220;shelf.&#8221; When you tap on a Story on the shelf, it goes full-screen and allows the user to navigate between pages and swipe to the next Story.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter  wp-image-5275\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-3.gif\" alt=\"Google Stories Shelf\" width=\"536\" height=\"536\" \/><\/p>\n<p align=\"justify\">Additionally, Google Web Stories can also appear as a single card on the Discover feed. This functionality is currently available only in the US for English.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter  wp-image-5276\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-4.png\" alt=\"Discover feed\" width=\"390\" height=\"743\" \/><\/p>\n<h3>#In Google Search Results<\/h3>\n<p align=\"justify\">In addition to Discover, Google Web Stories can show up in different search results, including a grid view or single result on Google Search. While the grid view appearance is available only in the US for English, the single result appearance is available in all languages and regions.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter  wp-image-5277\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-5.jpg\" alt=\"Google Search Results\" width=\"692\" height=\"424\" \/><\/p>\n<p align=\"justify\">Moreover, Google Web Stories can appear as an image card with the Web Stories icon in Google Images results.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter  wp-image-5278\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-6.png\" alt=\"Google Images results\" width=\"407\" height=\"775\" \/><\/p>\n<p align=\"justify\">This appearance is available in all languages and regions.<\/p>\n<h3>#On Your Website<\/h3>\n<p align=\"justify\">You can integrate Google Web Stories on your site to increase user engagement and drive more traffic.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5279\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-7.jpg\" alt=\"Website\" width=\"276\" height=\"521\" \/><\/p>\n<h3>#In Your Online Publications<\/h3>\n<p align=\"justify\">Hosting Google Web Stories on your own servers allows you to recycle the content across various digital communication channels, such as digital brochures, email marketing campaigns, and newsletters.<\/p>\n<h3>#Across Multiple Devices<\/h3>\n<p align=\"justify\">Although Google Web Stories are created using AMP technology to render on mobile devices, they can also be viewed on tablets and desktop browsers. This makes your content device-friendly as the Web Story automatically resizes and adapts to fit the screen size it&#8217;s being displayed on.<\/p>\n<p align=\"justify\">Wherever they appear, the ultimate goal of Google Web Stories is to drive more direct traffic towards your website. For this reason, all your Stories must have a call to action (CTA) to encourage people to visit your site.<\/p>\n<h2 id=\"step5\" style=\"text-align: center;\">What Are the Benefits of Using Google Web Stories?<\/h2>\n<p align=\"justify\">Google Web Stories open up a whole new world of possibilities in visual storytelling. Here&#8217;s how using them can benefit your business:<\/p>\n<h3>#Creative Flexibility<\/h3>\n<p align=\"justify\">Google Web Stories come with preset but flexible layouts and templates to create visually appealing and highly engaging content. They also provide components for sharing and adding follow-on content and standardized UI controls for editorial freedom and branding.<\/p>\n<h3>#Immersive Storytelling<\/h3>\n<p align=\"justify\">Whether you want to add some sparkle to your website or just love full-screen experiences, Google Web Stories pose a unique opportunity for you to create immersive content that will be crawled and indexed in search engines. These immersive, full-screen storytelling experiences help both mobile users and desktop viewers feel part of your Story.<\/p>\n<h3>#Unique Ad Opportunities<\/h3>\n<p align=\"justify\">Web Stories allows content creators and publishers to monetize their content using immersive, engaging story ads and affiliate links designed to flow well with the rest of your Story. On the flip side, advertisers can use them to reach a unique set of audiences with a new visual storytelling experience.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5280\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-8.png\" alt=\"Story Ads\" width=\"600\" height=\"476\" \/><\/p>\n<p align=\"justify\">For this purpose, the search engine giant recently introduced the concept of <a href=\"https:\/\/blog.amp.dev\/2020\/12\/10\/google-launches-programmatic-ads-for-web-stories\/\" target=\"_blank\" rel=\"nofollow noopener\">programmatic ads for Web Stories<\/a> through AdSense and Ad Manager.<\/p>\n<h3>#Story Analytics<\/h3>\n<p align=\"justify\">Since Google Web Stories act like regular web pages, they offer similar tracking and user analysis capabilities. This allows you to learn more about your users and optimize your content for viral sharing and monetization, eventually increasing traffic and revenue to your website.<\/p>\n<h3>#Fast Loading Times<\/h3>\n<p align=\"justify\">Most internet users today prefer to browse content that provides instant gratification to them. Even a one-second delay can drastically reduce page views and lead to user dissatisfaction. Google Web Stories are lightning-fast; they not only provide valuable content to your users instantly but also keep them engaged and entertained for a long time.<\/p>\n<h3>#SEO Value<\/h3>\n<p align=\"justify\">Since Web Stories can appear in Google search results, including Google images, it is another way to up your SEO game and help users discover your site. Google offers them, so their chances of getting prioritized on search results are much higher than regular web pages. You can easily rank higher for your key terms through Web Stories. Additionally, depending on your reason for creating a story, you can add CTA boxes or feature links to drive direct traffic to your website.<\/p>\n<h3>#You Own the Content<\/h3>\n<p align=\"justify\">Content ownership is one of the critical things that differentiate Google Web Stories from social media alternatives. With Web Stories, your content is solely yours (including the copyright), and you can create, share, manage and monetize it the way you like. Google does not have any rights over the content; however, it restricts publishing specific content types. You cannot post the following types of content on Google Web Stories:<\/p>\n<ul>\n<li>Copyrighted content<\/li>\n<li>Text-heavy Web Stories<\/li>\n<li>Low-quality assets<\/li>\n<li>Incomplete stories<\/li>\n<li>Overly commercial<\/li>\n<li>Stories with lack of a binding theme or narrative structure<\/li>\n<\/ul>\n<p align=\"justify\">Except for these, there are no strict limitations that are often seen in social media stories.<\/p>\n<h3>#They Are Fun for Your Users<\/h3>\n<p align=\"justify\">People, on average, <a href=\"https:\/\/www.statista.com\/statistics\/1224510\/time-spent-per-day-on-smartphone-us\/\" target=\"_blank\" rel=\"nofollow noopener\">spend around 5-6 hours a day<\/a> on phones, and they love scrolling through topics that interest them. Web Stories keep your audience enthralled via the power of storytelling while you showcase your products or services. The navigation is exceptionally smooth, and users feel like being on a social media platform while reading articles.<\/p>\n<h3>#They Are Fun to Create<\/h3>\n<p align=\"justify\">Unlike social media stories, which offer only a handful of filters, layouts, templates, and font choices, Google Web Stories offer much more freedom in design, meaning branding opportunities are unlimited. There are no design restrictions, and you can control every aspect of your stories, be it visuals, fonts, colors, or animations. There is a lot of scope for creativity; you can use whatever branding style you want.<\/p>\n<h3>#Live Stories<\/h3>\n<p align=\"justify\">Using the &#8220;live-story&#8221; attribute, you can notify users in real-time about the addition of new pages. This can be particularly useful if you are using a breaking news format.<\/p>\n<h2 id=\"step6\" style=\"text-align: center;\">Are Web Stories Good for SEO?<\/h2>\n<p align=\"justify\">The short answer is \u2013 yes, Web Stories are a sure-fire way to <a href=\"https:\/\/www.wordpressintegration.com\/blog\/wordpress-seo-tips-techniques\/\">pump up your SEO strategy<\/a>. With over 5.6 billion searches per day and <a href=\"https:\/\/www.searchenginejournal.com\/google-web-stories-reaches-100k-per-day-milestone\/411653\/\" target=\"_blank\" rel=\"nofollow noopener\">over 100K new Web Stories<\/a> being added to the search index daily, implementing them is sure to <a href=\"https:\/\/www.wordpressintegration.com\/blog\/improve-wordpress-organic-ctr\/\">improve the organic click-through rate of your website<\/a> in Google.<\/p>\n<p align=\"justify\">Moreover, being discoverable across the web, Google Web Stories increase your chances of driving a massive amount of diversified traffic to your website. Since Web Stories are technically web pages, they have their own metadata, which means you can target specific keywords. While the brand benefits of exposure via Google surfaces are worth exploring, you can also add calls-to-action and links to your Web Stories to drive more traffic to your website.<\/p>\n<h2 id=\"step7\" style=\"text-align: center;\">How to Create Google Web Stories in WordPress?<\/h2>\n<p align=\"justify\">If you&#8217;re a large publisher who can <a href=\"https:\/\/www.wordpressintegration.com\/hire-wordpress-developers.html\">hire expert WordPress developers<\/a> proficient in working with the AMP framework, manually crafting your stories from scratch should be your preferred path. Coding your own custom Web Stories gives you more flexibility and control over the end product, and it also ensures seamless integration with your existing codebase.<\/p>\n<p align=\"justify\">However, if you&#8217;re a small publisher or beginner to WordPress, the easiest way to create Google Web Stories is by using the <a href=\"https:\/\/wp.stories.google\/\" target=\"_blank\" rel=\"nofollow noopener\">official Web Stories plugin<\/a>. Follow the steps given below to <a href=\"https:\/\/www.youtube.com\/watch?v=y--baN64Tvo\" target=\"_blank\" rel=\"nofollow noopener\">create and publish your first Web Story<\/a> on your WordPress site:<\/p>\n<p><b><span style=\"text-decoration: underline;\">Step 1<\/span>: Install &amp; Activate the Web Stories WordPress Plugin<\/b><\/p>\n<p align=\"justify\">Log into your WordPress site and navigate to <em>Plugins &gt;&gt; Add New<\/em>. Search Google Web Stories using the search box and install the plugin created by Google. Don&#8217;t forget to activate the plugin after you&#8217;ve installed it.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5281\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-9.jpg\" alt=\"Web Stories WordPress Plugin\" width=\"711\" height=\"337\" \/><\/p>\n<p><b><span style=\"text-decoration: underline;\">Step 2<\/span>: Set Up Web Stories Plugin<\/b><\/p>\n<p align=\"justify\">Once you activate the plugin, you will have a new Stories option in your WordPress Dashboard. Go to <em>Stories &gt;&gt; Settings<\/em>. Place your Google Analytics Tracking ID, upload your logo and adjust other settings to your requirements.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5282\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-10.jpg\" alt=\"Web Stories Plugin\" width=\"1123\" height=\"498\" \/><\/p>\n<p><b><span style=\"text-decoration: underline;\">Step 3<\/span>: Create Your Web Story<\/b><\/p>\n<p align=\"justify\">Now click the Create New Story button, and you&#8217;ll see a black visual editor. Alternatively, you can also go to <em>Stories &gt;&gt; Explore Templates<\/em> and choose any pre-built template to get started.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5283\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-11.png\" alt=\"Create Your Web Story\" width=\"1127\" height=\"574\" \/><\/p>\n<p><b><span style=\"text-decoration: underline;\">Step 4<\/span>: Choose a Background<\/b><\/p>\n<p align=\"justify\">If you&#8217;re creating a Web Story from scratch, you will get white background by default. If you want, you can pick your favorite color from the right sidebar under Page Background.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5284\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-12.jpg\" alt=\"Web Story Page Background\" width=\"711\" height=\"432\" \/><\/p>\n<p align=\"justify\">You can also set an image or video as background from the plugin&#8217;s library or your media library via the left sidebar.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5285\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-13.jpg\" alt=\"Plugin's Library \" width=\"712\" height=\"437\" \/><\/p>\n<p><b><span style=\"text-decoration: underline;\">Step 5<\/span>: Add Text to Your Story Screen<\/b><\/p>\n<p align=\"justify\">To add text to your story page, click the T symbol in the left sidebar. You can then customize the text design on the right sidebar.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5286\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-14.jpg\" alt=\"Add Text to Your Story Screen\" width=\"712\" height=\"331\" \/><\/p>\n<p><b><span style=\"text-decoration: underline;\">Step 6<\/span>: Add Shapes &amp; Stickers<\/b><\/p>\n<p align=\"justify\">In addition to images and text, the plugin also allows you to add animated shapes and stickers to make your Stories even more engaging. You can also customize their look, size, position, and more from the right sidebar.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5287\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-15.jpg\" alt=\"Add Shapes &amp; Stickers\" width=\"712\" height=\"439\" \/><\/p>\n<p><b><span style=\"text-decoration: underline;\">Step 7<\/span>: Delete, Duplicate and Add New Pages<\/b><\/p>\n<p align=\"justify\">Once you&#8217;re familiar with the editor&#8217;s interface and elements, you can add a new page, delete and duplicate an existing page, redo\/undo actions, and play the Story.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5288\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-16.jpg\" alt=\"Delete, Duplicate and Add New Pages\" width=\"712\" height=\"509\" \/><\/p>\n<p align=\"justify\">Likewise, you can add up to 30 pages to your Story. To change the order of the pages in a Story, drag and drop them as shown in the picture:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5289\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-17.gif\" alt=\"Order Change\" width=\"600\" height=\"286\" \/><\/p>\n<p><b><span style=\"text-decoration: underline;\">Step 8<\/span>: Publish the Web Story<\/b><\/p>\n<p align=\"justify\">When your Story&#8217;s design is ready, click on Document in the right sidebar and fill out all the suggested settings. After that, review <a href=\"https:\/\/services.google.com\/fh\/files\/misc\/web_stories_best_practices.pdf\" target=\"_blank\" rel=\"nofollow noopener\">the Stories best practices checklist<\/a>, and hit the Publish button. And that&#8217;s it!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5290\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-18.jpg\" alt=\"Story Publishing\" width=\"712\" height=\"466\" \/><\/p>\n<p align=\"justify\">Follow <a href=\"https:\/\/wp.stories.google\/stories\/tips-web-stories-editor\/\" target=\"_blank\" rel=\"nofollow noopener\">these essential tips<\/a> to make the most of the Web Stories plugin.<\/p>\n<h2 id=\"step8\" style=\"text-align: center;\">How Do I Embed a Google Web Story Into WordPress?<\/h2>\n<p align=\"justify\">Stories can exist as standalone posts, but you can embed them inside your pages and posts as well. Start by inserting a Web Stories block, and you&#8217;ll get three options for embedding Stories into a post or page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5291\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-19.png\" alt=\"Embed a Google Web Story Into WordPress\" width=\"819\" height=\"623\" \/><\/p>\n<p align=\"justify\">For the Latest Stories and Selected Stories embedding options, you can specify which Stories you want to show and choose from three layout options: Carousel, Gird, and List.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5292\" src=\"https:\/\/www.wordpressintegration.com\/blog\/wp-content\/uploads\/2021\/10\/Image-20.png\" alt=\"Story Embed by URL\" width=\"821\" height=\"582\" \/><\/p>\n<p align=\"justify\">For the Single Story embedding option, you can embed a single story by providing its URL.<\/p>\n<h2 id=\"step9\" style=\"text-align: center;\">How Do I Create a Google Web Story for Any Website?<\/h2>\n<p align=\"justify\">If you&#8217;re not a WordPress user, you can head over to <a href=\"https:\/\/creators.google\/en-us\/content-creation-products\/own-your-content\/web-stories\/\" target=\"_blank\" rel=\"nofollow noopener\">Web Stories tools<\/a> to find a visual editor that works for you. Google offers several third-party suggestions to help publishers create Web Stories. However, the most popular ones are <a href=\"https:\/\/makestories.io\/\" target=\"_blank\" rel=\"nofollow noopener\">MakeStories<\/a> and <a href=\"https:\/\/www.nws.ai\/\" target=\"_blank\" rel=\"nofollow noopener\">Newsroom AI.<\/a> Choose the one that is right for you!<\/p>\n<h2 id=\"step10\" style=\"text-align: center;\">Google Web Stories Best Practices<\/h2>\n<p align=\"justify\">Google also has some <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/enable-web-stories\" target=\"_blank\" rel=\"nofollow noopener\">Web Stories creation guidelines<\/a> for publishers. The guidelines include design, SEO, storytelling, and technical aspects of Web Stories. Following are recommended practices to make an engaging Web Story:<\/p>\n<ul>\n<li>Be video-first: use engaging, full-screen videos as much as possible.<\/li>\n<li>Be concise: include only the essential text.<\/li>\n<li>Ensure legibility: make sure the text is easy to read.<\/li>\n<li>Bring your perspective: create a narrative to keep the reader engaged. You can use this <a href=\"https:\/\/services.google.com\/fh\/files\/misc\/web_story_script_template.pdf\" target=\"_blank\" rel=\"nofollow noopener\">Script Template<\/a> to craft your narrative.<\/li>\n<li>Use animations thoughtfully to make visuals more interesting and enjoyable.<\/li>\n<li>Choose an animation style that suits your aesthetic.<\/li>\n<li>Use embeds sparingly to provide an added dimension to your Story.<\/li>\n<li>Use the <a href=\"https:\/\/search.google.com\/test\/amp\" target=\"_blank\" rel=\"nofollow noopener\">Web Story tool<\/a> to preview your Story. Optimize if required.<\/li>\n<li>Make sure the Story cover captures users&#8217; interest and reflects your brand.<\/li>\n<li>Add video captions to engage your audience.<\/li>\n<li>Follow <a href=\"https:\/\/blog.amp.dev\/2020\/02\/12\/seo-for-amp-stories\/\" target=\"_blank\" rel=\"nofollow noopener\">Stories-specific SEO tactics<\/a> to rank well in search engines.<\/li>\n<\/ul>\n<h2 id=\"step11\" style=\"text-align: center;\">Frequently Asked Questions About Google Web Stories<\/h2>\n<p align=\"justify\">Below are some questions frequently asked about Web Stories by creators and publishers:<\/p>\n<h3 id=\"step11-a\">What is Standard Google Web Stories Size?<\/h3>\n<p align=\"justify\">The standard Google Web Story dimensions are 720 x 1280 pixels.<\/p>\n<h3 id=\"step11-b\">How Long Do Google Web Stories Last?<\/h3>\n<p align=\"justify\">There is no expiration date on Google Web Stories, so you can keep them as long as you like.<\/p>\n<h3 id=\"step11-c\">How Long Should Web Stories Be?<\/h3>\n<p align=\"justify\">Google recommends 5-30 pages in a Web Story. However, the sweet spot is between 10-20.<\/p>\n<h3 id=\"step11-d\">How Do I Monetize My Google Web Stories?<\/h3>\n<p align=\"justify\">You can monetize Web Stories via affiliate links or Display ads using AdSense.<\/p>\n<h3 id=\"step11-e\">Where Can I Find Some Google Web Stories Examples?<\/h3>\n<p align=\"justify\">You can find some examples of best-in-class Web Stories <a href=\"https:\/\/blog.google\/web-creators\/10-web-stories-and-whats-great-about-them\/\" target=\"_blank\" rel=\"nofollow noopener\">here<\/a>. Also, browse this <a href=\"https:\/\/creators.google\/en-us\/content-creation-products\/own-your-content\/web-stories\/\" target=\"_blank\" rel=\"nofollow noopener\">collection of inspiring Web Stories examples<\/a> categorized by different niches.<\/p>\n<h3 id=\"step11-f\">Where Can I Find More Information About Google Web Stories?<\/h3>\n<p align=\"justify\">You can find some valuable resources related to Web Stories <a href=\"https:\/\/creators.google\/en-us\/content-creation-products\/own-your-content\/web-stories\/\" target=\"_blank\" rel=\"nofollow noopener\">here<\/a>.<\/p>\n<h2 id=\"step12\" style=\"text-align: center;\">Google Web Stories &#8211; A New Way of Sharing Your Story<\/h2>\n<p align=\"justify\">Well-curated, immersive, and visually dynamic, Google Web Stories can be a great addition to your website&#8217;s content marketing strategy. Especially if you have been a fan of storytelling, you will surely love to experiment with this new visual storytelling format. They can be a new source of traffic, monetization, and broader brand exposure for your online business.<\/p>\n<p align=\"justify\">Unlike other social media visual stories, which are bound to a limited period or a platform, Google Web Stories are an evergreen form of content accessible for everyone. If you need some help creating Web Stories for your WordPress site, <a href=\"https:\/\/www.wordpressintegration.com\/contact.php\">get in touch<\/a>, and we&#8217;ll be happy to help.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What do Facebook Stories, Instagram Stories, and WhatsApp Status Updates have in common? They&#8217;re all so-called social media implementations of the popular tap-through&#8230;<\/p>\n","protected":false},"author":14,"featured_media":5297,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[1216,1218,1219,1220,238],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/posts\/5270"}],"collection":[{"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/comments?post=5270"}],"version-history":[{"count":12,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/posts\/5270\/revisions"}],"predecessor-version":[{"id":6232,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/posts\/5270\/revisions\/6232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/media\/5297"}],"wp:attachment":[{"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/media?parent=5270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/categories?post=5270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/tags?post=5270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}