Since smartphones became popular, mobile Internet browsing has been continually on the rise.
You must have noticed that you browse the Internet more with your mobile than with your computer. More convenient, faster, more choice, where you want, when you want – mobile browsing has lots of advantages!
Habits are changing, and so is the way we use new technologies. Representing more than 51% of global traffic, mobiles and tablets are no longer secondary means of accessing the Internet. And this is not lost on Google.
Mobile compatibility or nothing
Mobile compatibility has become a focal point for Google in recent years. A key factor in gauging the quality of user experience, it is therefore taken into account in the Google ranking. We can’t stress it enough – mobile compatibility = 20/20 in SEO. In the same subject, is it better to produce specific content for smartphone or tablet?
Unfortunately, achieving it is not so easy. Mobile compatibility may in some cases be difficult to implement. Today, many WordPress website themes are directly provided in ‘responsive’ format, which is suited to mobile browsing, but this is not always the case for sites working with other technologies. As a result, many websites have still not made the switch and remain unsuitable for mobile browsing.
Fast, compatible browsing
For a completely mobile-compatible Internet, Google launched the Accelerated Mobile Pages project. This is an open source project that builds on existing web technologies to enable page rendering and ultra-fast delivery of page content. In short, it makes mobile browsing more accessible, more compatible and above all faster.
If you want to install AMP technology on your WordPress site, and boost your traffic and SEO, here’s how it works.
How does AMP work?
To summarise how AMP works, here are the main points:
- It resizes all elements statically: “The size of external resources such as images, ads or iframes must be specified in HTML, so that AMP can set the size and position of each element before downloading it. AMP loads the layout of the document without waiting for the elements to download.”
- All CSS code must be integrated and have a maximum size
- It downloads fonts effectively
- It keeps re-calculations of style to the bare minimum
If you want to know more, here is the Google page on how AMP technology works.
How does AMP impact on SEO?
At the moment, the implementation of AMP does not affect ranking in itself. However, AMP does influence the number of clicks, display, page loading time and of course the user experience. All these variables come into play for the ranking. It can be said that AMP impacts indirectly and positively on SEO.
Recognition and AMP: making an AMP page detectable by Google
To make your AMP page detectable by Google, you have to point Google to it. After all, if Google finds the non-AMP version of your page, how is it to know that an AMP version exists? To do this, you should tag your pages as follows.
Add this line to your non-AMP page:
< link rel = “amphtml” href = “https:w//www.example.com/url/to/amp/document.html” >
And this line to your AMP page:
< link rel = “canonical” href = “https://www.example.com/url/to/full/document.html” >
If you have doubts about your AMP page, Google has a tool to test your pages:
Here’s how to install AMP on your WordPress site
It couldn’t be simpler. There are currently 2 free plug-ins to install AMP technology on your website.
Just install them and the plug-in does the rest! After implementing the solution, you will have to wait for Google to crawl your site again and take the updates into account. You can track the indexing process and any errors related to display problems of your brand-new AMP pages thanks to the Google Search Console.
Here’s where you can find Google’s guidelines on using AMP technology on your website:
Here is what your page should look like in search engines. Google adds a little badge with the AMP project symbol.
Customise the look of an AMP WordPress page
In terms of style, your pages will no longer have the same look on a mobile. We are still at the start of the AMP project, and unfortunately unless you code your own website and can handle HTML, changing the visual rendering of your pages can be complicated. Currently there are very few customisation options with these two plug-ins. With the plug-in AMP for WordPress, for example, the only custom option is to change the colour of the header.
We recommend that you install the Glue for Yoast AMPplug-in. It will give you a few more ways to customise your pages in AMP. This means that you can change the colour of several elements like the header, title and the body text among other things.
If you know a little about CSS, you can use this plug-in to add custom CSS directly into the <head> of your theme.
Google’s AMP project in summary
The AMP project is a good initiative from Google. As technologies change over time and mobile browsing increases, compatibility goes hand-in-hand with speed as an essential factor for an optimal user experience. However, this technology is only in its infancy and the cost of learning to install it is still far too high. Impossible to set up by yourself even if you have a little technical programming knowledge, and customizable only in very limited ways when you install it via plug-ins, AMP has its advantages and disadvantages.
|SEO bonus for mobile ranking||Very difficult to convert (very difficult to set up contact forms, newsletters etc.)|
|More readable content||Few ways to personalize AMP pages|
This article has been translated by a freelancer from Edit-Place Community. Click here to join