TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Comment créer des pages AMP pour un site WordPress ?

7

L’avenir est mobile et Google pousse les webmasters et éditeurs à implémenter AMP sur leur site. AMP signifie Accelerated Mobile Pages, qui vous aidera à charger les pages plus rapidement sur les appareils mobiles. Cependant, il présente des inconvénients, car il ne prend pas en charge les fonctionnalités JavaScript qui font partie de nombreux sites Web WordPress. Par conséquent, vous devez tester les pages AMP de manière approfondie et décider si cela fonctionne pour vous avant de les mettre en œuvre sur le site en direct. Dans cet article, explorons comment créer des pages AMP pour le site WordPress.

Comment ça marche?

Il est important de comprendre le fonctionnement de l’AMP avant d’essayer de l’implémenter. Fondamentalement, vous devez créer une mise en page pour votre site mobile différente de celle du site de bureau. Cela vous aidera à servir les pages mobiles plus rapidement sur les smartphones.

  • Chaque page de votre site aura deux URL: une pour le bureau et une pour AMP. Les URL AMP incluent généralement /amp/ à la fin.
  • La balise méta canonique sur la page doit informer les moteurs de recherche que les pages de bureau et mobiles sont identiques bien que l’URL soit différente. Vous pouvez choisir l’URL du bureau ou l’URL AMP comme URL canonique en fonction de la mise en œuvre.
  • Il appartient à Google et aux autres moteurs de recherche de récupérer les pages de bureau ou AMP dans les résultats de recherche. Vous n’avez aucun contrôle là-dessus.

N’oubliez pas que bien qu’AMP soit là depuis un certain temps, il s’agit toujours d’une fonctionnalité expérimentale. Par conséquent, vous rencontrerez de nombreux problèmes, notamment des pertes de trafic et de revenus, lors du passage à AMP. En savoir plus sur les problèmes AMP dans notre article précédent.

Création de pages AMP pour le site WordPress

WordPress a toujours plusieurs options pour effectuer une seule tâche et AMP ne fait pas exception à cela. Vous pouvez créer des pages AMP avec les trois options suivantes :

  • Utiliser le plugin AMP officiel
  • Utilisation d’un autre plugin AMP pour WP
  • Trouver un thème mobile pris en charge par AMP
  • Mettre en œuvre manuellement AMP

Laissez-nous vous expliquer la création de pages AMP à l’aide du plugin AMP officiel dans cet article.

Création de pages AMP avec le plugin AMP officiel

Connectez-vous à votre panneau d’administration WordPress et accédez à la section « Plugins > Ajouter un nouveau ». Recherchez « AMP » dans le champ de recherche pour filtrer les résultats pertinents. Vous trouverez deux plug-ins AMP populaires disponibles pour WordPress dans le référentiel gratuit – AMP par l’équipe officielle de WordPress et AMP pour WP par un autre développeur.

Comment créer des pages AMP pour un site WordPress ?

Plugins WordPress AMP

AMP est le plugin AMP officiel pour WordPress fourni par Google, Automattic et d’autres développeurs. Expliquons-nous de créer des pages AMP avec ce plugin officiel.

  • Après avoir localisé le plugin, installez-le et activez-le sur votre site WordPress. Cela créera un menu « AMP » sur le côté avec les options « Général » et « Analytics ».
  • Accédez à « AMP > Général » et personnalisez les paramètres suivants pour créer des pages AMP.

Apprendre WordPress : Découvrez plus de 400 tutoriels WordPress gratuits.

Activer AMP

L’option consiste à activer AMP pour votre site Web. Cochez simplement la case « Site Web » dans la section « Expériences ».

Comment créer des pages AMP pour un site WordPress ?

Activer AMP dans le site WordPress

L’option "Histoires" sera désactivée par défaut car vous avez besoin du plugin Gutenberg pour créer des histoires à l’aide d’AMP.

Choisissez le mode site Web

Il s’agit d’un paramètre important pour activer AMP pour votre site WordPress. Le plugin propose trois options et vous pouvez choisir en fonction de vos besoins.

  • Mode lecteur – cela utilisera le thème AMP et créera des pages AMP appariées sur votre site. Bien qu’il s’agisse d’un moyen simple d’activer AMP, cela créera une mise en page différente et simple pour votre site AMP. Ce mode ne prend en charge que les publications/pages et ne prend pas en charge la redirection mobile. Cela signifie essentiellement que vos pages AMP ne seront servies que s’il y a une demande d’URL /amp/ de Google ou d’une autre plate-forme de consommation.
  • Mode transitionnel – ce mode est similaire au mode lecteur, sauf qu’il utilise les modèles de votre thème actuel pour créer des pages AMP.
  • Mode standard – l’activation de ce mode transformera votre site en un site AMP complet avec toutes les URL canoniques pointant vers /amp/ URL. Le service informatique utilise également la mise en page de votre thème pour créer des pages mobiles AMP.

Comment créer des pages AMP pour un site WordPress ?

Choisissez le mode AMP du site Web

Très probablement, vous ne pouvez utiliser le mode lecteur que sur votre thème, en particulier lorsque vous utilisez un thème WordPress basé sur jQuery pour votre site. Assurez-vous de tester toutes les fonctions de script comme les éléments de menu sur votre site fonctionne avec AMP, quel que soit le mode que vous choisissez.

Choisir le type de publication et les modèles

En fonction de votre sélection de mode, vous pouvez choisir la prise en charge du type de publication pour AMP.

  • Le mode lecteur vous permet de choisir des articles, des pages et des médias. Nous vous recommandons de sélectionner les articles si vous souhaitez utiliser le mode lecteur.

Comment créer des pages AMP pour un site WordPress ?

Activer le type de publication AMP et la mise en cache

  • Les modes standard et transitionnel vous permettent de choisir des types de publication ainsi que des modèles sur votre site. Vous pouvez choisir d’inclure ou d’exclure des modèles particuliers de la création de pages AMP.

Comment créer des pages AMP pour un site WordPress ?

Options de modèle de mode transitionnel et standard

Validation d’erreur

Encore une fois, l’option de validation d’erreur dépend de votre sélection de mode.

  • Le mode lecteur ne nécessite aucune validation d’erreur car il utilise une mise en page AMP personnalisée.
  • Pour le mode standard, toutes les erreurs AMP sont automatiquement analysées et acceptées car votre site utilise des URL canoniques AMP.
  • Lorsque vous utilisez le mode transitionnel, vous pouvez soit accéder automatiquement aux erreurs AMP, soit vérifier et accepter manuellement. Nous vous recommandons de cocher la case "Accéder automatiquement à la désinfection pour toute nouvelle erreur de validation AMP rencontrée".

Comment créer des pages AMP pour un site WordPress ?

Gestion de la validation AMP

Valider les URL

Lorsque vous activez le mode standard ou transitionnel, le plugin créera deux autres éléments de sous-menu dans le menu « AMP ». Vous pouvez accéder à la section « AMP > URL validées » pour afficher les URL validées AMP sur votre site. Si vous avez choisi de valider automatiquement les URL pour le mode transitionnel ou le mode standard sélectionné, cette section est à titre de référence pour afficher les URL validées. Si vous avez désactivé la validation automatique pour le mode transitionnel, vous devez vérifier la section « URL validées » et valider manuellement pour supprimer les erreurs. Sinon, cela affectera les mises en page et cassera très probablement l’affichage de votre site.

Comment créer des pages AMP pour un site WordPress ?

Erreurs de validation AMP

Tout ce que vous pouvez voir dans la capture d’écran ci-dessus, toutes les erreurs de validation sont automatiquement acceptées en fonction des paramètres du mode transitionnel.

Indice d’erreur

Vous pouvez accéder à la section « AMP > Index d’erreurs » et afficher les détails de chaque erreur de validation. Sous la colonne "Type", vous pouvez voir le composant qui provoque l’erreur comme JS ou CSS. Vous cliquez sur la liste déroulante et affichez l’URL complète du composant pour prendre des mesures correctives.

Comment créer des pages AMP pour un site WordPress ?

Index d’erreur de validation AMP

Mise en cache

Allez dans "AMP> Général" et activez la dernière option pour la mise en cache. Cela vous aidera à mettre en cache les pages AMP et à servir plus rapidement sur les appareils mobiles à partir du contenu mis en cache.

Ajout d’analyses

Le plugin vous permet d’ ajouter le code de suivi Google Analytics car les pages AMP nécessitent un suivi séparé en raison d’un changement d’URL. Accédez à la section « AMP > Analytics » et ajoutez votre code Analytics comme indiqué dans l’exemple de code.

Comment créer des pages AMP pour un site WordPress ?

Configuration AMP de Google Analytics

Derniers mots

Bien que le plugin AMP n’ait qu’un seul paramètre de page, il n’est pas facile de configurer des pages AMP sur le site WordPress. Le mode lecteur peut fonctionner immédiatement lorsque vous avez un thème simple. Les deux autres modes et même le mode lecteur casseront le jQuery et d’autres fonctionnalités JavaScript sur votre site. Par conséquent, nous vous recommandons fortement de tester d’abord sur votre site de test ou local avant d’essayer AMP sur le site en direct. Alternativement, vous pouvez essayer d’autres plugins AMP pour WP ou des thèmes pris en charge par AMP pour une configuration plus facile.

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails