WordPress a annoncé que la version 6.3, dont la sortie est prévue en août 2023, aidera les sites Web à atteindre de meilleurs scores SEO Core Web Vitals, en particulier en ce qui concerne le Largest Contentful Paint (LCP).
- WordPress 6.3 améliorera les performances SEO LCP, en particulier pour le Largest Contentful Paint (LCP)
- Récupérer l\'attribut HTML prioritaire grâce à l\'ajout de Fetch Priority
- Implémentation Lazy Load perfectionnée pour détecter quelles images sont critiques et ne pas appliquer le chargement paresseux aux images importantes
- Les modifications peuvent affecter les plugins tiers et ne remplaceront pas les optimisations personnalisées déjà en place
La plus grande peinture de contenu (LCP) est une métrique qui mesure le temps nécessaire pour afficher la plus grande image ou le plus grand bloc de texte. Le principe sous-jacent de cette métrique est de révéler la perception d’un utilisateur sur le temps qu’il faut pour charger une page Web.
Ce qui est mesuré, c’est ce que le visiteur du site voit dans son navigateur, appelé la fenêtre d’affichage.
Les optimisations réalisées par WordPress en 6.3 réalisent un effort de longue date pour utiliser précisément les attributs HTML sur des éléments spécifiques afin d’obtenir les meilleures performances de Core Web Vitals.
Récupérer l’attribut HTML prioritaire
Fetch Priority, écrit en HTML sous le nom de fetchpriority, est un attribut HTML des éléments de page Web (ressources) tels que les images, CSS et JavaScript.
Le but de fetchpriority est d’indiquer au navigateur quelles ressources de page Web doivent être téléchargées le plus rapidement afin de rendre le contenu qu’un visiteur du site voit dans son navigateur, ce qui se trouve dans sa fenêtre d’affichage.
Le contenu qui n’est pas dans la fenêtre d’affichage, c’est-à-dire le contenu qu’un utilisateur doit faire défiler la page pour voir, a une priorité inférieure au contenu qui se trouve en haut de la page et dans la fenêtre d’affichage du visiteur du site.
Fetch Priority permet à un éditeur de contrôler quelles ressources ont une haute priorité et lesquelles ont une faible priorité.
WordPress 6.3 contient une nouvelle fonctionnalité qui ajoute l’attribut fetchpriority à l’image la plus susceptible d’apparaître dans la fenêtre d’affichage du visiteur du site.
L’annonce WordPress a noté:
« WordPress ajoute désormais automatiquement l’attribut fetchpriority avec une valeur « élevée » à l’image qu’il détermine la plus susceptible d’être « l’image LCP », c’est-à-dire l’image qui est le plus grand élément de contenu dans la fenêtre d’affichage.
L’attribut indique au navigateur de donner la priorité à cette image, avant même qu’il n’ait calculé la mise en page, ce qui améliore généralement le LCP de 5 à 10 % »
L’une des choses intéressantes que WordPress fait avec la priorité de récupération est qu’elle ne s’applique qu’aux images d’un seuil de taille minimum.
Cela signifie que l’attribut fetchpriority ne sera pas appliqué aux petites ressources comme un bouton de navigation.
Une autre caractéristique de la priorité de récupération automatique de WordPress est qu’elle ne remplacera jamais un attribut de priorité de récupération existant.
Implémentation Lazy Load perfectionnée
On dit que les premières choses qu’un visiteur du site voit dans son navigateur lorsqu’il visite un site Web se trouvent dans la fenêtre d’affichage.
Les éléments de page Web qui sont nécessaires pour rendre la première fenêtre d’affichage lorsque le visiteur du site visite devraient idéalement être prioritaires.
Les éléments qui se trouvent sous la première fenêtre n’ont pas besoin d’être téléchargés immédiatement.
Le chargement différé est un moyen d’indiquer au navigateur quelles images et quels iframes ne sont pas critiques pour le chargement de ce premier écran de fenêtre.
L’utilisation de l’attribut de chargement paresseux permet aux éléments de page Web immédiatement nécessaires de télécharger en premier.
WordPress a initialement implémenté l’attribut de chargement paresseux sur toutes les images d’une page Web, qu’elles soient critiques ou non.
Bien que l’application d’une charge paresseuse aux images importantes pour le rendu du contenu au-dessus du pli n’était pas idéale, les tests ont montré qu’il s’agissait toujours d’une amélioration par rapport à la non-application de l’attribut de charge paresseuse.
WordPress 6.3 résout ce problème en étant capable de détecter quelles images sont critiques.
L’attribut de chargement différé ne s’appliquera pas aux images critiques, permettant à ces images de se télécharger aussi rapidement que possible.
WordPress a noté :
« D’autres ajustements et correctifs ont été mis en œuvre pour améliorer la gestion automatique du chargement paresseux via l’attribut de chargement afin de détecter de manière plus fiable quand omettre l’attribut de certaines images. »
Enfin, le nouveau processus de détection de la fenêtre d’affichage initiale et d’application des attributs de priorité d’extraction et de chargement peut être utilisé pour appliquer d’autres optimisations dans les futures versions de WordPress.
WordPress a observé :
« … cela pourrait être amélioré avec d’autres attributs liés aux performances à l’avenir. »
Les modifications peuvent affecter les plugins tiers
L’annonce de WordPress alerte les développeurs de plugins qui dépendent de la logique de chargement paresseux de base que cela a changé.
Il existe désormais une nouvelle fonction unique qui contrôle à la fois les attributs fetchpriority et loading.
Les développeurs qui dépendaient de l’ancienne logique peuvent avoir besoin de mettre à jour leurs plugins. Il est important que les éditeurs en soient conscients afin qu’ils sachent donner la priorité à la mise à jour de leurs plugins après la mise à jour vers WordPress 6.3.
WP 6.3 ne remplacera pas l’optimisation personnalisée associée
Un aspect bien pensé de cette mise à jour est que l’application automatique de la priorité d’extraction et du chargement différé ne remplacera pas les applications personnalisées de ces attributs.
L’annonce note:
« Avec la nouvelle fonction utilisée de manière cohérente partout où les images sont rendues dans le noyau de WordPress, la prise en charge de la personnalisation est également améliorée.
La fonction ne remplacera jamais les attributs déjà fournis, donc si vous définissez une priorité d’extraction ou un attribut de chargement sur une image avant que cette fonction ne soit appelée, l’attribut sera conservé tel quel.
Cela permet un réglage fin en n’appliquant pas le comportement automatisé par défaut. Si vous le faites, gardez à l’esprit de ne jamais définir à la fois fetchpriority=”high” et loading=”lazy” pour un élément.
Si la fonction rencontre ces deux combinaisons attribut-valeur ensemble, elle déclenchera un avertissement.
Meilleur SEO Core Web Vitals pour WordPress
En plus de ce qui précède, WordPress a également corrigé plusieurs bogues qui affectaient la mise en œuvre correcte de ces attributs pour l’optimisation de Largest Contentful Paint.
En ce qui concerne l’optimisation des images pour le référencement, WordPress 6.3 offre enfin une expérience de référencement entièrement optimale qui aidera les sites Web à atteindre des scores LCP plus élevés.
Lisez l’annonce officielle de WordPress :
Améliorations des performances des images dans WordPress 6.3
Image sélectionnée par Shutterstock/Ljupco Smokovski
FAQ
Qu'est-ce que le SEO pour WordPress sur wordpress.com ?
Le SEO (Search Engine Optimization) pour WordPress sur wordpress.com vise à améliorer le référencement naturel d'un site créé avec ce CMS. Il s'agit de mettre en place différentes techniques et optimisations afin que le contenu du site soit mieux compris par les moteurs de recherche tels que Google.
Ainsi, cela permettra à celui-ci d'apparaître plus haut dans les résultats de recherche et ainsi d'améliorer sa visibilité en ligne. De nombreux outils et plugins sont disponibles pour faciliter la mise en place du SEO sur WordPress.
Quel est le meilleur plugin de SEO léger pour WordPress ?
Dans l'univers de WordPress, il existe de nombreux plugins SEO disponibles. Cependant, certains se démarquent par leur légèreté et leur efficacité. Selon moi, le meilleur plugin de SEO léger pour WordPress est "Yoast SEO".
Il offre des fonctionnalités complètes pour optimiser le référencement naturel d'un site web tout en étant facile à utiliser même pour les débutants. De plus, il propose également une version gratuite avec des options essentielles et une version premium avec des outils avancés pour améliorer encore plus son référencement. En bref, "Yoast SEO" est un choix judicieux pour ceux qui cherchent à améliorer la visibilité et le classement de leur site sur les moteurs de recherche.
Comment fonctionne le SEO sur WordPress ?
Le SEO, ou référencement naturel, sur WordPress repose principalement sur l'utilisation de mots-clés pertinents dans le contenu et les titres des articles ainsi que sur une structure de site optimisée. L'utilisation de plugins tels que Yoast SEO permet également d'optimiser la balise titre et la méta-description pour chaque page. Enfin, l'ajout de backlinks vers votre site à partir d'autres sites fiables peut également améliorer votre positionnement dans les résultats des moteurs de recherche.
Quel sera le meilleur SEO pour WordPress en 2023 ?
En 2023, le meilleur SEO pour WordPress sera celui qui prendra en compte les mises à jour régulières de l'algorithme de Google et qui s'adaptera aux tendances du référencement. Il sera primordial d'avoir un contenu de qualité, bien structuré et optimisé pour les mots-clés ciblés.
Les fonctionnalités telles que la vitesse de chargement, l'utilisation des données structurées et la compatibilité mobile seront également des éléments clés pour être bien référencé sur les moteurs de recherche. Le meilleur SEO pour WordPress en 2023 sera une combinaison efficace entre technique et contenu pertinent.
Comment faire un bon SEO de base pour son site WordPress ?
Pour faire un bon SEO de base pour son site WordPress, il est essentiel de choisir des mots-clés pertinents et de les intégrer dans le contenu de manière naturelle. Il faut également optimiser les balises meta, notamment la balise title et la description.
Ensuite, il est important d'améliorer la vitesse de chargement du site en compressant les images et en utilisant des plugins appropriés. Enfin, il est recommandé d'avoir une structure claire avec des catégories bien définies pour faciliter la navigation des utilisateurs et l'indexation par les moteurs de recherche.
