seo - optimisation

Sur cette page, découvrez toutes les étapes que j’ai suivies pour atteindre un score SEO de 100 % !
J’ai appliqué ce travail à l’ensemble des pages de mon site, y compris ma page « Articles ». Pour réaliser ce travail, je m’aide du plugin All in One SEO.

Et pendant que vous lisez cette petite introduction… j’ai déjà commencé à faire grimper ma note SEO 😉

Mots-clés et seo

Chaque page doit avoir son propre mot-clé : c’est la première règle à respecter lors de sa création.
Ce mot-clé doit être unique et correspondre parfaitement à la thématique de la page. Une fois défini, il doit être intégré de manière stratégique dans le contenu.

Il doit obligatoirement apparaître :

dans le titre H1,
dans au moins 30 % des titres H2/H3,
dès l’introduction de la page,
à plusieurs reprises dans le contenu,
et dans l’URL de la page.

Sur cette page, le mot-clé choisi est « SEO ». On le retrouve déjà dans :

le titre H1 : « SEO – optimisation »
un titre H2 : « Mots-clés et SEO »
l’introduction : « …pour atteindre un score SEO de 100 % ! »
et dans son URL : /education/seo-optimisation-performance-…

image, vidéo et lien

Les images

Optimiser les images est très important pour le référencement d’un site web, et ce pour plusieurs raisons. La première concerne les recherches via Google Images. En ajoutant une balise alt à chaque image, vous augmentez vos chances qu’elles apparaissent dans les résultats de recherche, ce qui peut générer du trafic supplémentaire vers votre site. La deuxième raison concerne le temps de chargement des pages. En convertissant toutes les images au format WebP et en les compressant, vous réduisez considérablement leur poids. Activer le chargement différé des images permet de ne les charger que lorsqu’elles apparaissent à l’écran. Cela améliore significativement les performances du site, notamment le temps de chargement initial. Pour configurer cette fonctionnalité, j’utilise le plugin LiteSpeed Cache. Résultat : un site plus rapide, ce qui est un critère essentiel pour le référencement sur Google.

Maintenant je vous mets au défi de trouver une seule image sur ce site qui ne possède pas une balise alt et qui ne soit pas au format WebP !

Les vidéos

Comme pour les images, il est essentiel d’optimiser les vidéos intégrées à un site web. Les vidéos étant plus lourdes par nature, il est recommandé de les compresser afin de réduire leur poids et d’améliorer les temps de chargement.Contrairement aux images, les vidéos ne disposent pas de balises alt. Il est donc important de leur attribuer un titre pertinent pour renforcer leur accessibilité et leur référencement.

Lorsque les vidéos proviennent de plateformes comme YouTube, il est fortement conseillé d’activer le chargement différé (lazy loading), tout comme pour les images. Cela permet d’afficher une miniature avec une icône « lecture », et de ne charger la vidéo qu’au moment où l’utilisateur clique dessus. Pour mettre en place ce système, j’utilise le plugin Lazy Load for Videos, qui permet d’optimiser mon chargement tout en gardant une expérience utilisateur fluide.

Les lien internes et externes

Le maillage interne joue un rôle essentiel dans un site web, tant pour l’expérience utilisateur que pour le référencement naturel (SEO).Tout d’abord, il permet de créer une navigation fluide et dynamique entre les différentes pages du site. En insérant des liens pertinents, on incite l’utilisateur à explorer davantage de contenus, ce qui augmente le temps passé sur le site et diminue le taux de rebond.

Ensuite, ces liens peuvent également renforcer la crédibilité du site. Par exemple, intégrer des liens vers des sources reconnues (comme des articles de journaux nationaux ou régionaux) contribue à rassurer l’utilisateur sur la fiabilité des informations présentées. Cela a aussi un impact positif sur le SEO : les moteurs de recherche, notamment Google, valorisent les contenus s’appuyant sur des sources fiables.Enfin, un bon maillage interne facilite le travail des robots d’indexation (crawlers) de Google. Il leur permet de mieux comprendre la structure du site et d’indexer plus efficacement les différentes pages. Un site bien structuré, avec de nombreux liens internes cohérents, est souvent mieux référencé.

Plus il y a de clics et d’interactions sur les liens internes, plus Google considère le contenu comme pertinent, ce qui renforce sa visibilité dans les résultats de recherche. Il est également important d’intégrer un bouton d’appel à l’action (« call-to-action ») à la fin de chaque page. Cela permet de guider l’utilisateur, d’éviter qu’il quitte le site prématurément et de l’inciter à poursuivre sa navigation vers une autre page pertinente.

Certaines erreurs sont à éviter absolument, comme l’insertion de liens cassés, la suroptimisation, la duplication excessive de liens ou l’ajout de liens considérés comme dangereux. Si Google détecte ce type de pratiques, il peut pénaliser la page concernée en la rétrogradant dans les résultats de recherche.

Le choix de l’ancrage des liens est également essentiel. Il est crucial que les mots utilisés soient clairs et explicites. Une ancre bien formulée rassure l’utilisateur sur la destination du lien et indique à Google le sujet de la page cible. Cela contribue à une meilleure indexation et peut favoriser un meilleur positionnement dans les résultats de recherche.

Les balises

Pour bien référencer chaque page, il est important de soigner la balise titre ainsi que la balise méta-description.

La balise titre est le premier élément visible dans les résultats des moteurs de recherche. Elle correspond au titre de la page, c’est pourquoi elle doit être claire, explicite et contenir des mots-clés pertinents, notamment le mot-clé principal. Chaque balise titre doit refléter précisément la thématique de la page concernée.Il est recommandé de ne pas dépasser 60 caractères : une balise trop longue risque d’être tronquée et de perdre l’information principale que vous souhaitez transmettre.

La balise méta-description correspond au résumé de la page. À la manière d’une courte introduction, elle doit présenter les informations principales de manière simple et claire. Comme la balise titre, elle doit contenir des mots-clés pertinents, en particulier le mot-clé principal de la page. Il est recommandé de ne pas dépasser 160 caractères, au risque qu’elle soit tronquée dans les résultats des moteurs de recherche.

Des balises bien optimisées, intégrant des mots-clés en lien avec le champ sémantique de la page, permettront aux moteurs de recherche d’identifier clairement sa thématique et de mieux la positionner dans les résultats.

Javascript et css

Il existe de nombreuses façons d’optimiser les fichiers JavaScript et CSS d’un site web. Certaines sont simples à mettre en place, d’autres plus techniques. L’objectif principal de ces optimisations est d’améliorer les performances du site, notamment en réduisant les temps de chargement. Un site plus rapide offre une meilleure expérience utilisateur et est mieux positionné par les moteurs de recherche. Permettant de d’augmenter sa note SEO. Voici les méthodes utilisées sur ce site :

Minifier les fichiers (la méthode la plus simple)

Minifier un code consiste à le rendre plus compact. Cela implique de supprimer les espaces inutiles, les commentaires, de raccourcir certains noms de variables, et de placer tout le code sur une seule ligne. Cette opération permet de réduire considérablement la taille des fichiers.
Pour cela, j’utilise le plugin Litespeed cache et Autoptimize, qui automatise cette tâche efficacement.

Chargement différé

Méthode utilisée pour le JavaScript cela consiste à éviter que les scripts JavaScript (JS) bloquent le rendu de la page, c’est-à-dire empêcher que le navigateur attende trop longtemps avant d’afficher le contenu, à cause du chargement de scripts lourds. Pour cela, on utilise deux attributs différents :

Defer : Le script JS est téléchargé en parallèle pendant que le navigateur analyse le HTML, mais il ne s’exécute qu’après le chargement complet du HTML.
Ainsi, la page s’affiche d’abord, puis le script s’exécute.
Async : Le script JS est téléchargé en parallèle avec la lecture du HTML, et s’exécute dès qu’il est prêt, sans attendre la fin du chargement du HTML.
Cette méthode est rapide, mais peut poser problème si le script dépend d’un autre script ou du DOM qui n’est pas encore complètement chargé.

J’utilise Litespeed cache et Autoptimize pour réaliser cette tache automatiquement

Mise en cache des pages

La mise en cache des pages est une action ayant un fort impact sur les performances des sites internet. Elle consiste à stocker temporairement certaines données (comme le contenu HTML, les images ou les fichiers CSS/JS) sur l’ordinateur ou le téléphone du visiteur.

Ainsi, lorsqu’un utilisateur revient sur une page, le site n’a pas besoin de tout recharger depuis le serveur, ce qui accélère considérablement le temps d’affichage. Ce gain de vitesse améliore les performances globales du site et a un effet positif sur le référencement naturel (SEO), car les moteurs de recherche privilégient les sites rapides dans leurs résultats. De plus, un site rapide et fluide offre une meilleure expérience utilisateur (UX), ce qui incite les visiteurs à rester plus longtemps et à revenir plus facilement.

Pour activer la mise en cache sur mon site, j’utilise le plugin LiteSpeed Cache. J’ai activé plusieurs options, notamment :

Activer la mise en cache
Mettre en cache les utilisateurs connectés
Mettre en cache les commentateurs
Mettre en cache l’API REST
Mettre en cache la barre d’administration
Mettre en cache le formulaire de commentaire
Mettre en cache wp-admin
Connexion persistante
Cache navigateure

Concaténation des fichiers

Concaténer des fichiers JS et CSS signifie réduire le nombre de requêtes effectuées par le navigateur. Autrement dit, au lieu de charger plusieurs fichiers CSS séparément, on les rassemble en un seul fichier.À l’origine, sur mon site WordPress, il y avait 79 requêtes, alors qu’aujourd’hui, grâce à cette méthode, nous sommes passés à 29 requêtes. Cette réduction permet d’améliorer les performances du site en accélérant son chargement.Pour réaliser cette tâche, j’utilise le plugin Litespeed cache et Autoptimize.

Le chargement conditionnel :

L’utilisation de plugins sur WordPress permet d’ajouter de nombreuses fonctionnalités à un site, tout en le rendant plus attractif. Néanmoins, il est généralement conseillé de ne pas en abuser, car trop d’extensions peuvent ralentir le site. Cela s’explique par le fait que les fichiers JS et CSS des plugins sont souvent chargés sur toutes les pages, même lorsque le plugin n’est pas utilisé sur certaines d’entre elles. Pour éviter cela, il existe une méthode qui permet de désactiver manuellement les fichiers des plugins sur chaque page. Pour cela, j’utilise le plugin Asset CleanUp.

Ce plugin me permet de désactiver les fichiers (scripts ou styles) dont je n’ai pas besoin sur certaines pages. Par exemple, sur cette page, je désactive totalement les fichiers des plugins suivants : TablePress, Elementor Pro, Smash Balloon Instagram Feed, Lazy Load for Videos, Reviews Feed, et Royal Elementor Addons.

Il est également possible de désactiver certains fichiers sur l’ensemble du site si l’on sait qu’on ne les utilisera pas. Sur mon site, plusieurs fichiers sont totalement désactivés pour améliorer la performance de toutes les pages. Par exemple, les fichiers astra-google-fonts, wpr-particles et wpr-parallax-hover. Les deux derniers correspondent à des éléments décoratifs qui ralentissent beaucoup le site, c’est pourquoi j’ai décidé de ne pas les utiliser.