Google has recently announced that it is officially testing a new mobile-first index. This means that Google will first search the mobile version of your website to determine how it should be indexed in the search. What else does it mean? There’s no better time than right now to set up AMP on your website.
What is AMP?
AMP stands for Accelerated Mobile Pages. It is an open source HTML framework that allows web pages to load instantly, even when they contain rich content such as video and ads. Google first announced the AMP project in October 2015.
Essentially, you may think that AMP is a reduced version of your website; Which contains all of its content, but gets rid of all the extras that slow down your site. AMP allows visitors to view your content instantly, instead of having to wait up to 20 seconds to upload the web. Yes, unfortunately, it is the average response time of mobile sites.
We are sure that you have clicked AMP pages from your smartphone before. But in case there is a possibility that not, here you have a Google demo:
Why is AMP so important?
Faster pages mean happier visitors. And happier visitors tend to stay, read and participate with their content.
Google likes that kind of behavior. Technically, AMP is not considered a sign of SEO positioning. However, Google favors the websites that visitors spend and spend time with, and does not like websites where visitors bounce quickly due to long loading times. What kind of site do you prefer?
AMP helps you deliver content to your visitors faster, which reduces the likelihood of them leaving (assuming that everything else is equal, of course, and that your content is exceptional and responds precisely to the question you were looking for) .
So the effect AMP has on its organic traffic is indirect, but the results can be significant.
How to configure AMP in your web?
Step 1: Install the AMP Plugin
This free Automattic plugin could not make things any easier. Once activated, you will have all your web pages ready for AMP by adding / amp / at the end of your URLs. It does this by adding a type of canonical label to the original versions of the articles. For reference, that code looks like this:
You can confirm that it is working by adding / amp / at the end of any of your URLs to see the AMP version of the page.
At this point in the process, you will have the default version of your site and one that is optimized for AMP. Here is an example of how we would look at each other (the normal version is on the left and the AMP version is on the right):
The AMP version is gutted away from what your visitor is not really interested in. It eliminates the header and icons of sharing social networks, maintaining our brand identity and content.
Step 2: Install the Yoast Glue plugin
Great, now you have AMP on your site. But would not it be nice if these pages resembled the rest of your web page, instead of using the default style in black and white?
Fortunately, there is a complement to this. Yoast has created a handy plug-in that integrates your SEO metadata into the AMP pages and lets you customize the colors to align them with your brand. Oh, and it’s free, too!
Once you have downloaded and activated the plugin, go to the Yoast SEO menu in your WordPress panel and click on AMP.
From there, click the Layout tab. Here you can load a custom icon, adjust the colors and settings of links, etc.
Important Note: The Glue for Yoast SEO and AMP plugin will not work if you are using another SEO plugin on your WordPress site. It’s not uncommon to see plugins with duplicate functionality not working well with each other. If this is the case, decide whether you want to uninstall your other plugin and install Yoast, or agree to keep the default black and white version of your site, in which case you can keep your current SEO Plugin and uninstall Yoast.
Step 3: Review your AMP pages in Search Console
Once we’ve implemented AMP and customized it to fit the look of the website, it’s time to confirm that Google has processed these changes. Sign in to Google Search Console and click Search Appearance> Accelerated Mobile Pages.
From there you can view your AMP pages as they are indexed and correct any errors that may arise. Note the increase in AMP index pages after implementing AMP.
Any error will appear below the graph. Just click to see what causes the error and blocks the AMP. It could be another script or other plugin that you have enabled on your web page. Solve the problem, and then run AMP Validator to verify that it is fixed.
There he is! Your simple three step guide to installing AMP on your WordPress site. If you are not using WordPress, do not worry. The accelerated mobile pages project has a tutorial that will guide you through the implementation of AMP on your website. It’s not as easy as the WordPress solution, but it will take you a bit more work.
Do you want to read this article in AMP? AMP Version
Featured Image: Pixabay.com
Google Demo: Official Google Webmaster Central Blog
Adapted from: Amelia Willson.
Recibe nuestras últimas novedades y ofertas en tu email
Subscribete a nuestro newsletter y consigue la información más interesante junto a ofertas y descuentos directamente en tu email.
Gracias por suscribirte.
Algo ha ido mal.