Google Web Stories WordPress Plugin

Google Web Stories WordPress Plugin

The plugin is in beta and it does not have all the features. There may be bugs in it. However, it may be useful to create a staging site to familiarize yourself with the plugin and be ready when the full featured plugin becomes available. Google announcement of wordpress plugin https://google. Github. Io/web-stories-wp/beta/ google overview of web stories https://amp. Dev/about/stories/ google developer support page for google web story https://developers. Google. Com/search/docs/guides/enable-web-stories.

In order for google to pick up on the amp version of your articles, you have to modify the code of the article page. The original article must have the following tag, which is an amp canonical tag: if you want all of the amp code you need all from one page, click over to the amp-wp github page and select the “download zip” button. Then, install this code on your wordpress site just like any wordpress plugin. Alternatively, you can also download the following code from amp directly and save it to a file with a. Html extension.

Should You Download Web Stories WordPress Plugin?

To get started, you will need to make sure that you are running the amp wordpress plugin and that you have the latest version of gutenberg installed on your website. You’ll also want to check the “stories” box to enable amp for stories from the amp “general settings”.

The google web stories plugin is still in beta testing while they work out the glitches but it’s expected to fully launch later this summer. In the meantime, you can download the web stories plugin directly from their site as a zip file. To upload into wordpress, just go to pluginsaddupload plugin and select the file. Make sure to click activate once you’ve uploaded it. Once it’s installed, you’ll be able to find it in the left-hand sidebar of your wordpress dashboard under “stories”. Here you create new stories and see all of the ones that you’ve already published.

Why Businesses Can’t Ignore Google AMP Stories

Amp was created by google to put mobile first in search engine results pages and across the web. Amp stories are similar to instagram stories , and tons of well-known companies are dominating the internet with them. If you think you can ignore them, you’re wrong. Billions of mobile pages are powered by amps. Those pages load twice as fast as before because javascript code isn’t allowed to slow them down. There are plenty of reasons to use amp stories. They can help improve your storytelling efforts, boost page speeds , improve your site’s creative design, and help seo efforts.

Google is launching a developer preview of something it’s calling “amp stories,” which are two words that only make sense if you’re obsessive about what’s happening with the way we consume content on our phones. So you might be tempted to ignore the whole thing, but don’t. Understanding what’s happening here will get you ready for what could be a major change to how your google search results are going to look later this year. Luckily, the basics are actually pretty simple. We’ll start with the second part, “stories. ” if you’ve been using snapchat, instagram, or any number of facebook properties, you know what a story is. It’s a full-screen display of content you can swipe or tap through.

What are AMP Stories?

Google’s amp stories features allow publishers to create content that is very similar to instagram stories, designed with mobile websites in mind. But the content created with amp doesn’t get added to an app. Instead, it’s placed right in search results pages. Amp is an open-source project that was created in response to the fact that mobile users now spend more time on apps than in websites. 77% of their time, to be exact, according to statista data. With amp, content loads extremely fast, which helps keep mobile users on those pages and off of their apps.

Instead of regular search engine results, users receive a swipeable story that’s easy to navigate. The ux is somewhat similar to the popular dating app, tinder. Amp partners include cnn, mic, wired, the washington post, mashable, and people. Beyond loading at lightning fast speeds, amp stories can also be shared in the same way news articles are shared. Here’s a breakdown of how they work.

Why Should You Use AMP Stories?

Today, javascript can be used on almost any web page to modify any portion of it. But it also slows the loading and rendering of pages. And since page speed is so important (we’ll talk more about that later), that’s something you want to avoid. Amp only allows for asynchronous javascript to run on pages, meaning that the javascript code won’t block any other code present on your site. Javascript written by the webmaster is forbidden on amp stories, and interactive pages must only contain custom amp elements.

Some of your competition is probably consistently using amp. If you aren’t, you might as well be accepting defeat. On the other hand, if you start using amp protocols before your competitors, you’ll differentiate yourself as a frontrunner in your industry. Why? because amp features can help you tell stories, and storytelling is powerful.

Examples of Google AMP Stories

Want to create a better, more engaging experience for mobile visitors to your wordpress site? google web stories help you create unique, “snackable” stories for your mobile visitors. They’re a vertically optimized, swipeable form of storytelling that’s great for people on the go – i’ll show you some examples in the next section. With the new google web stories wordpress plugin, you can easily start using web stories on your wordpress website – no code required. You’ll be able to build your stories using a simple drag-and-drop interface and publish them anywhere on your site.

From the examples on google’s github page , each story will likely use either an image or a video in the background with text laid on top to help grab the attention of viewers though there are no hard rules on how creators can use the plugin. Unlike other wordpress plugins , web stories has taken an almost completely custom approach for creating content within the cms with its own drag-and-drop editor, custom urls and a dashboard for editing stories as well as finding templates. The beta of the plugin also contains eight starter templates to choose from which can be used for beauty, cooking, diy, entertainment, fashion, fitness, travel or well being content.

Parts of an AMP story

Traditional amp content relies solely on text, but the new and improved format includes videos, animation, and images to give users a full experience. For publishers, you can: embed your stories across apps and websites access stories via both desktop and mobile tell stories without needing to have a ton of technical knowledge the best part? amps are free for everyone to try. Let’s examine all of the parts involved in completing an amp story.

There are three parts to an amp story: the story, the page(s), and the layer(s). Huge media sites like cnn are using amps to share breaking news, while other sites are using them to share their long-form or video content. And the reactions to amp are positive overall. Most people are calling it the next big thing of 2018. Publishers love it. To get started creating amp stories, download the code, run a sample page, create your cover page, add more pages and animating elements, create the bookend, and validate your html.

Use AMP to create visual stories on the web.

Web stories immerse your readers in fast-loading full-screen experiences. Easily create visual narratives, with engaging animations and tappable interactions. The web story format (formerly known as amp stories) is free and part of the open web and are available for everyone to try on their websites. They can be shared and embedded across the web without being confined to a closed ecosystem or platform. Web stories provide content publishers with a mobile-focused format for delivering news and information as visually rich, tap-through stories. Web stories offers a robust set of advertising opportunities for advertisers and publishers to reach a unique audience on the web with immersive experiences.

Web stories are built with visually rich media, and whether you utilize pictures, videos or gif assets is up to you. Images and videos expand to visually fill the readers’ screens, providing a smooth and fully engaging experience. Amp allows you to specify the file type to account for the user’s network connection and browser capabilities.

The benefits of Web Stories

The benefits offered by google web stories plugin is on multiple levels. Hence, i have meticulously divided and explained them in 2 categories –.

Now that you have learned about the google web stories plugin for wordpress, it’s time for you to try it for your site. I for one have used it and liked it very much. Not to forget, the benefits and feature-set offered by this plugin is just the cherry on the top. I am quite sure that you will find it very useful. !! however, you must also keep in mind the fact that the plugin may have a few bugs and issues.

Check out Web Stories on the web

The essence of any kind of web story revolves around images used in it. With the help of images, you can create a unique story-telling experience for your readers. Luckily, google web stories plugin for wordpress allows you to either add images from your media library or via directly uploading it. In addition to this, you also have the liberty to include videos and gifs in your web stories. Note – don’t forget to check out the key points to remember while using videos in your stories (mentioned below).

Google web stories are nothing more and nothing less than a new visual narrative data format that google has started to show in usa search results. Their main function is to give users a full screen interactive experience. Here you can see how it is shown in the desktop version, though the data format is made taking into account the mobile version. That is why i want to invite you to check this url from your mobile device so you can judge its content.

did you see the new google web story i created above!!?? i think it’s super cool and is going to be an amazing new tool to help content creators grow their blog traffic. How? let me explain… information consumers are spending less and less time reading traditional content and attention spans are getting shorter creating a need for more easily consumable content. As a result, there has been a shift to creating more “snackable” content as google likes to call it. And google web stories might be the answer.

Formerly known as amp stories, google has released a new version of stories that are delivered as an accelerated mobile page (amp) technology, called web story. This integration with amp is important as it is able to deliver content on mobile devices at lightning speed. Google has noted that next year, changes to the search engine’s algorithm include on-page speed performance creating highly engaging content quickly will play a huge factor.

The post Google Web Stories WordPress Plugin appeared first on Ezi Marketing XYZ.