Peu de choses sont plus frustrantes que de visiter un site Web pour constater que sa page d'accueil prend du temps à se charger^{(homepage takes ages to load)} . Pire encore, c'est lorsque les images sont de mauvaise qualité et que les mises en page ne sont pas bien optimisées.

En fait, une étude de Google a^{(Google study)} révélé que 53 % des personnes quittent des sites qui ne se chargent pas en trois secondes ou moins, ce qui entraîne des taux de rebond élevés et une baisse des revenus.

Pour faire face à ces problèmes, Google a créé les Accelerated Mobile Pages ( AMP ). Non seulement AMP accélère le temps de chargement de votre site, mais il vous aide également à concevoir un site attrayant^{(design a compelling site)} , une expérience mobile passionnante et à augmenter le taux de clics moyen ( CTR ).

Dans ce guide, nous expliquerons pourquoi Google AMP est le format préféré de Google pour les pages mobiles et comment vous pouvez implémenter AMP pour WordPress .

Qu'est-ce que Google AMP ?^{(What Is Google AMP?)}

Google AMP est un framework de composants Web lancé en octobre 2015^{(October 2015)} pour aider à créer et à créer des sites Web légers et axés sur l'utilisateur. L'initiative mobile est conçue pour accélérer le Web en proposant une version simplifiée de votre page Web.

De nombreuses grandes entreprises, dont WordPress , Pinterest , Washington Post et Reddit , ont adopté AMP et ont connu une augmentation du nombre de visiteurs uniques mensuels^{(increase in monthly unique visitors)} .

Lorsque votre page Web est diffusée auprès des mobinautes via AMP dans Google , elle a l'air basique et simpliste, ce qui permet d'atteindre l'objectif d' AMP d'expériences dynamiques et rapides comme l'éclair et d'une meilleure convivialité.

Avez-vous besoin d'AMP sur votre site WordPress ?^{(Do You Need AMP on Your WordPress Site?)}

AMP est rapide, mais ce n'est pas le seul moyen d'accélérer le chargement des pages Web ou d' augmenter la vitesse de votre site^{(increase your site speed)} .

Il existe de nombreuses études de cas qui démontrent l'impact positif d' AMP sur les éditeurs, les entreprises et d'autres industries, mais il existe également de nombreux échecs d'études de cas. Cela signifie qu'il n'y a pas de décision claire quant à savoir si AMP est pour tous les sites ou non.

Ce qui sonne vrai cependant, c'est que le succès de l' AMP dépend de certains facteurs de décision. Par exemple, si vos utilisateurs proviennent principalement du bureau, AMP n'est pas pour vous car les pages AMP ne s'affichent pas avec des fonctionnalités riches sur le bureau et elles ne sont pas servies à partir du cache AMP^{(AMP Cache)} , de sorte que les utilisateurs peuvent ne pas profiter de ces avantages.

La règle d'or est que AMP est principalement recommandé pour les éditeurs qui gèrent des sites d'actualités et des blogs. Tout autre élément, comme un site de portfolio ou des pages de destination, n'a pas nécessairement besoin d' AMP .

De plus, si vos pages non AMP peuvent se charger dans ou en dessous de la norme de 2,5 secondes, vous n'avez probablement pas besoin d'installer ou de maintenir AMP .

Comment implémenter AMP sur un site WordPress^{(How to Implement AMP on a WordPress Site)}

La création d'une version AMP de votre page Web sur WordPress peut ressembler à une tâche que seuls les développeurs peuvent gérer, mais avec un peu de connaissances et quelques conseils, vous pouvez le faire vous-même.

Google dispose d'un processus de workflow qui vous guide lorsque vous créez une page AMP , intégrez et optimisez la page, configurez le suivi analytique^{(set up analytics tracking)} , puis concevez la page en fonction des besoins de votre site.

Pour commencer, Google vous fournira un code de modèle, que vous pourrez copier et enregistrer dans une extension .html, puis ajouter le balisage requis. Cela transformera la page en un document AMP HTML exploitable.

Avant de publier, vous pouvez inclure des images, modifier la mise en page, optimiser la page pour le référencement^{(optimize the page for SEO)} , prévisualiser et finaliser les pages en suivant les instructions fournies dans la barre latérale.

Si vous le souhaitez, vous pouvez expérimenter AMP sur la page d'accueil amp.dev avant de l'essayer sur votre propre site WordPress .

Comment installer Google AMP sur WordPress^{(How to Install Google AMP on WordPress)}

Configurer et installer manuellement Google AMP sur votre site WordPress est compliqué. Cependant, vous pouvez utiliser des plugins comme le plugin AMP officiel pour WordPress^{(official AMP plugin for WordPress)} , AMP pour WP^{(AMP for WP)} ou AMP WP pour simplifier le processus.

Pour ce guide, nous allons vous montrer comment configurer et installer AMP sur un site WordPress à l'aide du plugin WordPress AMP officiel.^{(WordPress AMP)}

Comment utiliser le plugin WordPress AMP pour installer AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Pour commencer, installez et activez le plugin WordPress AMP sur votre site ^{(WordPress AMP)}WordPress . Accédez au tableau de bord WordPress , sélectionnez Plugins > Add New .

1. Tapez plugin AMP dans la zone de recherche et sélectionnez Installer maintenant^{(Install Now)} pour installer le plugin.

Remarque^(Note) : Si vous utilisez WordPress.com , vous devez passer au plan Business pour installer les plugins^{(install any plugins)} .

1. Accédez à Plugins > Installed Plugins , recherchez AMP et sélectionnez le lien Activer pour activer le plugin ^{(Activate )}AMP et le faire fonctionner sur votre site.

1. Une fois que vous avez activé le plugin, ajustez les paramètres pour personnaliser les pages AMP . Pour configurer le plug-in, accédez à AMP > Settings et utilisez l'assistant pour configurer les paramètres de votre page AMP .

1. Sélectionnez le bouton Publier^{(Publish )} une fois que vous avez terminé de régler les paramètres. Votre site ne sera pas visible par vos visiteurs ni détectable par Google , mais vous pouvez choisir si vous souhaitez que les pages, les publications ou les deux soient affichées sur votre site AMP . Pour ce faire, accédez à AMP > Settings > Advanced Settings, et décochez la case Modèles pris^{(Supported Templates)} en charge pour obtenir plus d'options.

1. Sélectionnez les options souhaitées, puis sélectionnez Enregistrer les modifications^{(Save Changes)} .

1. Vous pouvez également intégrer Yoast SEO dans votre configuration AMP en accédant à ^(AMP)Plugins > Add New puis en recherchant Yoast SEO & AMP . 
2. Sélectionnez Installer maintenant^{(Install Now)} et Activez^(Activate) le plug-in. Une fois activé, accédez à SEO et sélectionnez AMP pour obtenir d'autres options de personnalisation pour votre page, puis sélectionnez Enregistrer les modifications^{(Save Changes)} . 
3. Avant de publier, prévisualisez votre site AMP en ajoutant amp à la fin de l' URL de toute publication ou page de votre choix . Par exemple, vous pouvez aller sur https://yourwebsite.com/blog-post-title/amp/

Comment valider WordPress AMP^{(How to Validate WordPress AMP)}

Avec AMP installé sur votre site WordPress , l'étape suivante consiste à tester qu'il fonctionne correctement. Non seulement cela, mais la validation garantit également que les plates-formes prises en charge peuvent accéder à votre site et créer un lien vers celui-ci, et vous pouvez trouver des erreurs AMP pour le dépannage^{(errors for troubleshooting)} .

Vous pouvez valider WordPress AMP manuellement ou à l'aide de l'outil de test AMP de Google^{(Google’s AMP Testing tool)} .

Comment valider manuellement WordPress AMP^{(How to Validate WordPress AMP Manually)}

1. Pour ce faire, ouvrez une page AMP , puis ajoutez #development=1 à la fin de l' URL de la page Web que vous validez.

1. Accédez à votre navigateur et ouvrez la console des outils de développement^{(developer tools console)} . Si vous utilisez Firefox , sélectionnez le menu > Web Developer > Web Console . S'il y a des erreurs sur la page AMP , elles seront surlignées en rouge.

Les erreurs de validation peuvent être causées par un code incorrect, des préfixes non valides ou des balises non autorisées, mais vous verrez une explication des causes à côté de l'erreur.

Comment valider WordPress AMP à l'aide de l'outil de test AMP de Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Ouvrez la page de l' outil de test Google AMP^{(Google AMP Testing tool)} , saisissez l' URL de votre site, publication ou page, puis sélectionnez Tester l'URL^{(Test URL)} . Vous pouvez également coller le code du site et sélectionner Tester l'URL^{(Test URL)} .

1. Le Googlebot analysera votre site et, s'il est valide, vous verrez un aperçu de la manière dont vos pages AMP pourraient apparaître sur ^(AMP)les SERP de Google^{(Google SERPs)} .

Avec l' outil Google AMP Testing , vous pouvez identifier les erreurs AMP et voir le code à l'origine du problème sur votre site. Vous pouvez également sélectionner le bouton Partager pour partager l'analyse avec vos collègues.^(Share)

Vous pouvez également utiliser l'outil Google AMP Validator pour vous assurer que votre code est validé, ou utiliser l' extension Chrome AMP^{(Chrome AMP extension)} , qui valide également les pages et affiche les avertissements ou les erreurs.

Améliorez votre site WordPress^{(AMP up Your WordPress Site)}

Google AMP est un changement majeur pour n'importe quel site, surtout si vous avez déjà beaucoup de trafic mobile. Si vous gérez un site avec du contenu d'actualité, il peut être judicieux d'installer AMP tout de suite, mais pour d'autres entreprises, vous pourriez nuire à vos conversions si vous vous trompez.

Nous vous recommandons de tester AMP sur quelques pages à fort trafic pour voir si vous obtenez des résultats positifs ou négatifs avant de prendre la décision de l'utiliser sur l'ensemble de votre site.

Avez-vous essayé AMP sur votre site WordPress ? Avez-vous d'autres conseils à partager sur l'utilisation d' AMP pour WordPress ? Partagez avec nous dans les commentaires.

What Is AMP for WordPress and How To Install It

Few things are more frustrating than visiting a wеbsite only to find that its homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• Comment déplacer WordPress site d'un hôte à un autre

• Comment installer et installer WordPress sur Microsoft Azure

• Comment faire pour exécuter rapidement WordPress sur blazingly Microsoft Azure

• Comment configurer Privacy dans WordPress et pourquoi il est important

• Comment installer WordPress sur Google Cloud Platform

• Critique de livre : Créez votre propre site Web : un guide comique pour HTML, CSS et Wordpress

• Comment configurer votre propre site Web de type Twitter en utilisant le thème P2 de WordPress

• Tutoriel WordPress Gutenberg : Comment utiliser le nouvel éditeur

• Protect et sécurisé WordPress website de pirates informatiques

• Wix Vs WordPress : quel est le meilleur pour créer votre site Web ?

• Comment modifier le pied de page dans WordPress

• Comment sauvegarder votre site WordPress

• 11 meilleurs plugins de podcast WordPress

• Comment installer un thème sur WordPress

• Comment protéger par mot de passe les pages de votre site WordPress

• Comment accélérer n'importe quel site WordPress en utilisant .HTACCESS

• Comment trouver votre connexion administrateur WordPress

• Comment faire un WordPress Site Secure

• Comment vérifier si un site Web est banni de AdSense

• Comment supprimer les logiciels malveillants de votre site WordPress