Comment résoudre les problèmes AMP courants dans WordPress ?

Avez-vous installé AMP sur votre site Web et rencontrez-vous des problèmes ? Si vous l'êtes, continuez à lire cet article. Ici, nous allons vous montrer comment résoudre les problèmes AMP courants dans WordPress et améliorer l'expérience utilisateur.

Avant d'aller plus loin, voyons ce qu'est AMP.

Qu'est-ce que l'AMP ?

Accelerated Mobile Pages (AMP) est une initiative open source conçue pour améliorer les performances des pages Web mobiles. Twitter et Google ont parrainé ce projet. L'AMP utilise la technologie pour charger rapidement des pages légères pour les smartphones et les tablettes.

AMP utilise une version simplifiée du HTML pour améliorer les performances et les fonctionnalités des pages mobiles. Certaines balises qui fonctionnent pour le code de page Web ordinaire sont incompatibles avec AMP. Il est nécessaire d'utiliser une version CSS allégée ; les images ne se chargent que lorsque l'utilisateur fait défiler jusqu'à leur position et les formulaires ne sont pas pris en charge. AMP est livré avec une bibliothèque JavaScript restreinte.

Google met en cache la plupart des pages AMP, mais des tiers et des éditeurs peuvent les conserver. Selon Google, les pages AMP servies dans les recherches Google utilisent un dixième des données des pages normales et se chargent généralement en moins d'une seconde.

Vous savez maintenant ce qu'est l'AMP. Voyons ensuite pourquoi utiliser AMP sur votre site WordPress est une bonne chose.

Pourquoi devriez-vous utiliser AMP

Il existe de nombreuses raisons d'utiliser AMP. Certains des principaux avantages de l'AMP sont :

• Expérience utilisateur : AMP offre une expérience utilisateur fluide et plus rapide sur les appareils mobiles. Comme cela réduit le temps de chargement des pages, les utilisateurs resteront engagés et satisfaits de votre contenu. Cela conduira à des taux de rebond plus faibles et à une rétention accrue des utilisateurs.
• Meilleur classement et trafic : Google donne la priorité aux AMP dans ses moteurs de recherche, car le temps nécessaire au chargement complet d'une page est un élément important pour déterminer les résultats. Cela a un bon impact sur le classement du site Web.
• Page Speed : AMP utilise des versions simplifiées de HTML, CSS et JavaScript, ainsi que ses capacités de mise en cache. Ces versions aident les sites Web à se charger plus rapidement.
• Optimisation mobile : à mesure que l'utilisation mobile augmente, il est crucial de s'assurer que votre site Web est adapté aux mobiles. AMP optimise vos pages Web pour différentes tailles d'écran et appareils. Et cette optimisation offre une expérience fluide et réactive aux utilisateurs mobiles.
• Intégration analytique : avec les options d'intégration analytique, AMP vous permet de suivre le comportement des utilisateurs et de mesurer l'engagement. Il vous aide également à recueillir des informations précieuses sur les performances de votre site Web.
• Augmente les revenus : le code HTML encodé en AMP améliore l'utilité globale des publicités et des images. En raison de l'augmentation du taux de visibilité des annonces, les éditeurs peuvent gagner plus d'argent sur le site Web.

La section suivante vous montrera six problèmes AMP populaires et comment les résoudre.

Comment résoudre les problèmes AMP courants dans WordPress

Il existe différentes erreurs AMP auxquelles vous pouvez être confronté lors de la création de votre site. Nous allons maintenant discuter de diverses erreurs AMP et de la manière de résoudre les problèmes AMP courants dans WordPress. Les problèmes auxquels la plupart des gens sont confrontés sur leur site Web compatible AMP sont :

• URL renvoyant une erreur 404
• Pages blanches
• Favicon manquant
• Problèmes d'attributs HTML
• Erreur JS
• Inadéquation du contenu

Ci-dessous, nous vous expliquerons comment le réparer correctement.

Alors sans plus tarder, passons à la résolution de chaque problème.

1) Erreur 404

Si tout se passe bien après l'installation du plug-in AMP, vous pouvez immédiatement visiter les publications/pages en ajoutant l'extension AMP à l'URL de votre publication dans un navigateur mobile.

Par exemple, si l'URL ressemble à https://example.com/sample-post, utilisez cette URL sur votre navigateur : https://example.com/sample-post/amp/.

Parfois, l'URL renverra une erreur 404. Ce n'est pas un gros problème et vous pouvez le résoudre rapidement. Tout ce que vous avez à faire est de sauvegarder à nouveau vos permaliens.

Voici comment vous pouvez le faire.

Tout d'abord, allez dans les paramètres Permaliens . Vous pouvez le voir dans la section des paramètres de WordPress .

Ne modifiez rien dans le paramètre des permaliens et cliquez sur le bouton Enregistrer les modifications .

Une fois que vous aurez actualisé la structure du permalien, les erreurs 404 seront résolues. Pour un tutoriel détaillé, consultez notre guide sur la fixation des permaliens.

2) Erreur de pages vierges

Les pages bancaires blanches sont une autre erreur que vous pouvez voir après l'installation du plugin.

Cette erreur signifie que votre page existe mais ne peut pas être affichée. Vous pouvez résoudre cette erreur en actualisant vos permaliens. Vérifiez vos paramètres AMP si vous rencontrez toujours des problèmes après avoir modifié les permaliens.

Allez maintenant dans les paramètres avancés et cliquez sur les modèles pris en charge. Sélectionnez les pages et servez tous les modèles en tant qu'AMP et cliquez sur le bouton Enregistrer .

Vérifiez si le problème a été résolu en visitant vos blogs ou vos pages.

3) Erreur "Une valeur pour le champ du logo est requise"

C'est l'une des erreurs WordPress liées à AMP les plus courantes. Si vous recevez cette erreur dans votre rapport AMP, cela signifie que votre site n'a pas de favicon.

Après avoir créé le favicon à l'aide de n'importe quel outil en ligne ou d'Adobe Illustrator, accédez à l'apparence et cliquez sur personnaliser.

Recherchez l'identité du site et cliquez sur Sélectionner une image .

Après avoir sélectionné l'image, cliquez sur publier .

À partir de maintenant, vous ne rencontrerez plus le problème « Une valeur pour le champ du logo est requise ».

4) URL non valide pour l'attribut HTML 'href' dans la balise 'A' Erreur

Lorsque vous recevez un rapport d'erreur tel qu'une URL non valide pour l'attribut HTML "href" dans l'élément "<a>", cela indique que votre site Web contient un lien pointant vers une page Web inexistante.

Pour résoudre le problème, vérifiez que l'URL est au format correct et correctement orthographiée. Une autre chose notable est de vous assurer que vous utilisez le bon protocole (HTTP ou HTTPS). Vous pouvez utiliser n'importe quel outil en ligne pour rechercher des liens brisés. Si vous utilisez WordPress comme CMS, utilisez un plugin comme Broken Link Checker.

Après avoir résolu les problèmes d'URL, l'erreur AMP aura disparu.

5) Erreur "La balise '************.js Script' apparaît plus d'une fois dans le document"

Si vous avez ajouté les mêmes fichiers JavaScrpt à la page Web deux fois ou plus, la page générera cette erreur. La meilleure façon de résoudre ce problème consiste à supprimer les fichiers en double. Lorsque les fichiers JS sont exécutés deux fois, le classement du site Web et l'expérience utilisateur peuvent être affectés. Vous pouvez afficher la page source et scanner la page HTML.

Vous êtes prêt à partir une fois que vous avez supprimé toutes les entrées en double.

6) Incompatibilité de contenu dans AMP

Lorsque la version AMP de la page Web et la version canonique affichent un contenu différent, vous obtiendrez une incompatibilité de contenu dans AMP sur votre rapport de console de recherche Google. Pour résoudre ce problème, vous devez d'abord identifier la cause de cette incompatibilité. Vous pouvez comparer les deux versions et analyser le texte, les images, les autres médias, etc.

Une fois que vous avez trouvé le problème, veuillez le résoudre. Après cela, vous pouvez utiliser l'outil de validation AMP pour vérifier le correctif. Vous pouvez surveiller les rapports de la console de recherche pour plus d'informations.

Une fois que vous avez soumis à nouveau l'URL dans la propriété de la console de recherche, cela peut prendre 2 à 4 jours pour explorer à nouveau la page.

Meilleurs thèmes WordPress prêts pour AMP

Voici cinq des meilleurs thèmes WordPress compatibles AMP que vous pouvez utiliser :

• Jannah
• Javelot
• Nour
• Soledad
• Type

Ci-dessous, nous énumérerons ce qui rend chaque thème spécial. En fonction de vos besoins, choisissez une option.

1) Paradis

Jannah est un thème AMP réactif et prêt pour la rétine qui vous ouvre un monde d'opportunités. Ce thème est populaire pour sa conception polyvalente et riche en fonctionnalités, adaptée à divers sites Web, y compris les actualités, les magazines, les blogs et les sites de publication. Vous obtenez plus qu'un thème WordPress conçu pour les blogs et les magazines en ligne. Jannah vous couvre, que vous souhaitiez lancer un magazine tendance, un blog personnel ou un solide portfolio en ligne.

Ce thème contient plus de 20 démos prêtes à l'emploi qui accélèrent le processus de création de site. Jannah est un thème AMP entièrement compatible. Cela garantit que les pages mobiles de votre site Web se chargent rapidement et offrent une expérience utilisateur optimale. Grâce à l'intégration AMP, les éditeurs peuvent facilement créer du contenu prêt pour le mobile.

Principales caractéristiques

• Compatibilité AMP
• Optimisé pour la vitesse
• Hautement personnalisable
• Convivial pour les constructeurs de pages
• Annonce optimisée

Tarification

Jannah est un thème premium . Et cela coûte 59 $ (frais uniques) . Le produit peut être acheté sur le marché ThemeForest.

2) Jévelin

Ce thème est l'un des meilleurs thèmes WordPress compatibles AMP disponibles, et il offrira aux utilisateurs une excellente expérience, quel que soit l'appareil qu'ils utilisent. Vous pouvez utiliser n'importe laquelle des démos fantastiques avec le thème lorsque vous commencez à l'utiliser. Ceux-ci sont faciles à personnaliser et vous pouvez être sûr que votre site Web aura fière allure et se chargera rapidement en quelques minutes seulement.

Une autre caractéristique notable du thème est qu'il est préférable pour le référencement. Vous pouvez classer votre contenu plus haut avec le thème. Étant donné que Javelin est également prêt pour la traduction,

Principales caractéristiques

• Compatibilité AMP
• Optimisé pour le référencement
• Traduction prête
• Plusieurs sites de démonstration
• Nettoyer le code

Tarification

Javelin est un thème WordPress premium . Le thème peut être téléchargé à partir du marché ThemeForest, vous coûtant 59 $ (une fois) .

3) Nour

Noor est un thème réactif, polyvalent et convivial pour le référencement avec d'excellentes fonctionnalités. C'est un bon choix pour les utilisateurs qui souhaitent utiliser des thèmes AMP avec 0 ballonnements. Vous pouvez également rendre votre site entièrement fonctionnel à l'aide de plugins premium tels que BuddyPress, WooCommerce, bbPress et Event Calendar Pro. Tous ces plugins sont compatibles avec le thème Noor WordPress.

Vous pouvez utiliser le générateur glisser-déposer pour ajouter des éléments à votre page. L'équipe de soutien est également excellente. Si vous avez besoin d'aide, vous pouvez contacter le service d'assistance de Noor. Ils vous aideront avec chaque problème.

Principales caractéristiques

• Plusieurs excellentes démos
• Optimisé pour le référencement
• AMP pris en charge
• Prêt pour la traduction et prend en charge les langues RTL

Tarification

C'est un thème premium . Noor coûte 59 $ (à vie) . Le thème peut être téléchargé à partir du marché ThemeForest.

4) Soledade

Soledad est un thème polyvalent idéal pour exécuter n'importe quel site Web pour les utilisateurs mobiles. Il inclut le module de création de pages Visual Composer, qui simplifie la personnalisation d'un site Web ou d'un blog. Si vous souhaitez que votre site Web soit opérationnel rapidement, il existe de nombreux modèles de démonstration de haute qualité (plus de 2000) que vous pouvez utiliser comme point de départ.

Ce thème est compatible avec WooCommerce, donc gérer une boutique en ligne ne sera pas un problème. Le thème est entièrement conçu pour les moteurs de recherche. Et si vous utilisez d'autres plugins SEO et la technologie AMP, vous pouvez rapidement classer votre contenu sur Google et d'autres moteurs de recherche.

Ce thème propose également 11 widgets uniques, une barre latérale et un menu formidables et d'autres fonctionnalités qui permettent aux utilisateurs de se déplacer facilement sur votre site. Vous pouvez également utiliser différents styles d'archives sur votre site Web.

Principales caractéristiques

• Plus de 2000 sites de démonstration
• AMP pris en charge
• Optimisé pour les ordinateurs de bureau et les appareils mobiles
• Prêt pour la traduction et support RTL

Tarification

Soledad est un thème WordPress premium . Vous pouvez le télécharger à partir du marché ThemeForest, qui coûte 59 $ (frais uniques) .

5) Chap

Chap est un thème WordPress prêt pour AMP, superbe et hautement personnalisable. Il est optimal pour divers types de sites Web, y compris les blogs, les portefeuilles, les pages de destination, les magasins de commerce électronique et les entreprises. Vous pouvez utiliser le panneau de thème pour lancer votre site Web rapidement. Chap vous propose également de nombreuses démos pour rendre votre site web opérationnel.

Le thème est également hautement personnalisable. Vous pouvez en modifier chaque centimètre grâce au personnalisateur WordPress.

L'une des caractéristiques notables du thème est les dix styles de menu uniques. Chap améliorera également considérablement votre processus de paiement WooCommerce avec une expérience ultra-rapide. La conception du thème est la meilleure pour AMP ; de cette façon, vous pouvez obtenir des résultats de recherche améliorés, un meilleur trafic et un meilleur engagement sur le site Web.

Principales caractéristiques

• Plusieurs options de démonstration
• Optimisé pour WooCommerce
• Convivial pour les constructeurs de pages
• AMP optimisé
• Hautement personnalisable

Tarification

Chap est un thème premium . La licence régulière coûte 59 $ (frais uniques) . Vous pouvez le télécharger sur le marché ThemeForest.

Conclusion

Vous pouvez rencontrer plusieurs problèmes lorsque vous activez AMP sur votre site Web WordPress. Les problèmes les plus courants sont les pages renvoyant des erreurs 404, une incompatibilité de contenu, des URL non valides pour les attributs HTML, etc. Cet article a présenté six problèmes courants que vous pouvez rencontrer sur un site Web AMP et leurs correctifs.

Tous les correctifs ne nécessitent pas de connaissances techniques et vous pouvez résoudre les problèmes en quelques clics de souris.

Nous espérons que vous avez trouvé cet article utile et que vous avez apprécié sa lecture. Si vous l'avez fait, pensez à partager ce message avec vos amis et collègues blogueurs sur les réseaux sociaux.

Rencontrez-vous des problèmes après la mise en œuvre d'AMP ?

Faites le nous savoir dans les commentaires.

De plus, voici quelques articles qui vous seront utiles :

• Comment optimiser WordPress pour les appareils mobiles
• Meilleurs thèmes WordPress adaptés aux mobiles
• Comment désactiver le clic droit sur les images WordPress