Optimisation des moteurs de recherche

Réalisée par: BENAMAR Samar

Qu'est ce que le SEO ?
également appelé le référencement naturel, est un ensemble de techniques visant à acquérir du
trafic (des visiteurs) depuis les résultats "gratuits" ou "organiques" des moteurs de recherche.
A quoi servir le SEO ?

Obtenir plus de trafic

Obtenir une image d’expert
Étendre son image de marque
Obtenir de nouveaux clients
Recruter des collaborateurs
Comment obtenir un bon score
SEO en 2021 ?

Avoir un contenu de meilleure qualité

Créer un bon netlinking
Déterminer une bonne stratégie de mots-clés
L’optimisation mobile : un aspect important du
SEO en 2021 !
Dans quel ordre faut-il effectuer la roadmap
d’un projet d’optimisation SEO d’un site ?

1. Faire un audit rapide

2. Faire une recherche de mots-clés
3. Effectuer un audit détaillé
4. Optimiser le site web et son contenu
5. Trouver des partenaires et créer des liens
Quelles étapes faut-il suivre pour réaliser l’audit
SEO de votre site web ?
Détection des problèmes évidents
Analyse On-Page
Analyse des mots-clés existants et de leur
position
Étude de la qualité des liens
 Le suivi de votre positionnement

Les visites organiques et la part de trafic

Le temps de chargement mobile

Le contenu dupliqué

Le taux de rebond et la durée des visites

Quels sont les principaux
KPI à suivre ? L’indexation des pages

Les domaines référents et backlinks

Google Analytics est un outil complet pour votre suivi SEO. Cet outil permettra
de suivre les principaux métriques SEO suivantes:
Les pages vues uniques
Le temps passé sur la page
Le taux de rebond
Le taux de clics
La vitesse de votre site

Comment faire ces mesures et corriger son site ?

Toutes ces mesures peuvent être effectuées facilement grâce à des outils en ligne
dédiés à la performance web comme DareBoost.
Comment fonctionnent les
algorithmes de recherche ?

les principaux facteurs qui déterminent les résultats

renvoyés pour votre requête :
Analyse des termes de recherches
Recherche de correspondances
Classement des pages selon leur utilité
Affichage des meilleurs résultats
Prise en compte du contexte
Quels sont les outils indispensables pour suivre l’évolution du
référencement d’un site web ?

Google Analytics pour obtenir toutes les

informations nécessaires sur vos visiteurs

Google Search Console pour connaître les

requêtes de vos visiteurs et les positions de
votre site dans les résultats de recherches.
SEO On-Page et
SEO Off-Page: On appelle SEO On-Page , tout ce qui correspond à
l'optimisation du contenu, entre autres :
L'optimisation technique du site : son accessibilité,
sa vitesse, sa version mobile (responsive) ;
La mise en place d'une structure technique
optimisée SEO (titres, images, contenus) que
nous verrons plus tard ;
La création de contenu reprenant vos mots-clés
et respectant la structure du site.
Le SEO Off-Page correspond à la recherche et la
création de partenariats, dans le but de créer des
liens vers votre site.
Comment avoir des idées de mots-clés ?

En mettant sur papier les mots spécifiques à votre business.

En réfléchissant avec des collègues ayant une forte maîtrise du métier, et surtout avec des clients.
En parcourant les questions déjà posées par vos clients.
En analysant les principaux concurrents

Il vaut mieux privilégier les mots-clés de longue traîne

lorsque l'on commence une optimisation SEO. D'une
part, ces mots-clés sont moins concurrentiels, ce qui
vous permettra d'être plus rapidement dans les
premières positions. D'autre part, même si leur trafic
est moins important, ils vous rapporteront des
prospects plus qualifiés !

Les mots-clés d'intention indiquent un désir de passer

à l'action. Ces mots-clés vous rapporteront donc des
prospects qualifiés. Les mots-clés de longue traîne sont
souvent des sujets d'interrogation pour le visiteur, et
indicatifs eux aussi d'un intérêt fort.
Qu'est-ce que l'indicateur PageRank ?

L’outil PageRank permet à Google de référencer des pages web par l’étude des liens
entre des pages pour déterminer leur pertinence.
Dans la mesure du possible, vos pages ne doivent pas peser plus de 100 Ko tout compris.

L'autorité d'un site web est une métrique se basant principalement sur le nombre et la
qualité des liens pointant vers ce site.

Un bon lien doit se trouver sur un site connu, de qualité, en rapport avec votre site ou dans
un domaine connexe. Les annuaires sont de moins en moins pris en compte par les
moteurs de recherche, surtout les annuaires généralistes.
Qu'est-ce qu'un lien nofollow ?

Exemple: <a href="https://sifast.com/" rel="nofollow">SiFAST</a>

L'attribut "nofollow" indique aux robots des moteurs de recherche qu'ils ne doivent pas
suivre ce lien.
Cependant, il arrive que les robots des moteurs de recherche suivent les liens nofollow. De
plus, les liens nofollow sont tout de même pris en compte dans le classement des résultats
de recherche, même s'ils n'ont pas la même "force" que des liens follow.

Qu’est-ce qu’une ancre de lien en SEO ?

C'est le texte qui se trouve entre les balises : <a>Ancre de lien</a>.

Ce texte est très important car il indique le sujet de la page vers laquelle pointe le lien. Évitez
donc de mettre des ancres de lien telles que "ici" ou "en savoir plus".
Ne suroptimises pas les ancres de liens, en utilisant toujours la même. Google découvrirait
que la création des liens "non organiques" et pourrait pénaliser ses sites.
Citation Flow : mesurez la popularité de
votre site internet avec Majestic SEO ?
Plus une page a un CF élevé, plus elle est en mesure de
vous apporter de la popularité, il est complémentaire au
Trust Flow, les deux indicateurs rassemblés constituent
les Flow Metrics.

Trust Flow : un indicateur SEO orienté

confiance & qualité
L’analyse du Trust Flow de vos liens entrants permet de
réaliser un audit qualitatif de tous vos backlinks. Il permet
également de cibler des sites avec des profils intéressants
dans le cadre d’une stratégie SEO intégrant un netlinking de
qualité (TF>40).
Le TF est la plupart du temps moins élevé que le CF.

Pour connaitre le TF et le CF visitez https://fr.majestic.com/

Comment optimiser la vitesse de chargement d'un site ?
1) Améliorer la vitesse de chargement d’une page
** Réduire le poids des pages web:
Regrouper les styles CSS ensemble dans un fichier CSS externe .
Regrouper les scripts JavaScript ensemble dans un fichier JS externe .
Optimiser son code JavaScript (par exemple en utilisant le compilateur Closure Compiler de Google)
Utiliser le bon format de compression d’images : JPEG pour les photos et PNG pour les autres (simplification un peu rapide je l’accorde…)
** Optimiser les CSS:
Utiliser des sprites CSS
Combiner tous les fichiers CSS en un seul
N’utiliser que des CSS externes (pas de code CSS intégré dans la page HTML)
Toujours mettre le CSS dans l’entête HTML (<head>)
Utiliser Link plutôt que @import
Utiliser les raccourcis CSS pour regrouper plusieurs propriétés ensemble
Regrouper les styles très similaires
Réduire le nombre de retours chariot
Réduire les commentaires (exclure les caractères inutiles)
Utiliser les couleurs simplifiées standard (3 caractères au lieu de 6)
Remplacer 0px par 0
Supprimer les classes non utilisées
Utiliser des outils de compression CSS

Pour savoir plus -> https://www.queness.com/post/588/15-ways-to-optimize-css-and-reduce-css-file-size

Comment optimiser la vitesse de chargement d'un site ?

2) Améliorer la rapidité du site avec la mise en cache:

La mise en cache consiste à conserver une copie de certains éléments pour éviter d’avoir à les reconstituer plusieurs fois. Le
cache peut se situer sur le serveur (cache côté serveur) ou dans le navigateur de l’internaute (cache côté client).

3) Réduire les temps de réponse:

Voici quelques conseils pour réduire le temps de réponse (Round-Trip Time, c’est-à-dire le temps entre la demande du client
et la réponse du serveur, sans inclure le temps de téléchargement des données) :
Minimisez le nombre de requêtes DNS en limitant le nombre de (noms de) domaines concernés par vos scripts et fichiers
Evitez les redirections
Comme vu précédemment, regroupez les fichiers CSS ensemble (idem pour les scripts JavaScript)

4) Accélérer Google Analytics avec le code de tracking asynchrone:

Le code asynchrone génère dynamiquement une balise <script> qui effectuera le tracking.
Google Analytics traque toutes ces données à l'aide de ce code de suivi unique qui doit etre installé sur chaque
page du site Web. Ce code est un petit extrait de Javascript, qui s’exécute dans le navigateur des internautes
lorsqu’ils visitent ces pages.

Pour savoir plus à https://www.webrankinfo.com/dossiers/webmastering/site-rapide

 Qu’est-ce qu’un site compatible mobile ?

Une page est considérée comme adaptée aux mobiles si Googlebot détecte qu’elle respecte les critères suivants :
Elle évite d’utiliser des logiciels peu courants sur les appareils mobiles, tels que Flash. (Flash est d’ailleurs totalement
à bannir)
L’utilisateur peut lire son contenu sans devoir zoomer sur la page.
Le contenu de la page s’adapte à l’écran utilisé et l’utilisateur n’a donc pas besoin de zoomer sur la page ni de la faire
défiler horizontalement.
Les liens présents dans la page sont suffisamment éloignés les uns des autres pour faciliter les interactions
tactiles. Un élément tactile doit être d’environ 7 mm au minimum ou de 48 pixels CSS sur un site avec une fenêtre
d’affichage pour mobile correctement configurée. En outre, il ne doit y avoir aucun autre élément tactile dans les 5
mm (32 pixels CSS) autour des liens ou boutons, horizontalement ou verticalement, afin qu’un internaute qui appuie
sur un élément tactile n’en touche pas un autre par inadvertance
Quand l’internaute arrive sur le site mobile, si vous affichez une publicité interstitielle pour qu’il installe votre appli
mobile, elle ne doit prendre qu’une partie de l’écran. Lisez les détails dans mon dossier sur les publicités interstitielles.
Comment rendre un site compatible mobile ?

Responsive Web Design (design adaptatif) :

Le design s’adapte selon la taille de l’écran, par exemple l’agencement des blocs ou la présence d’un menu ou d’une
barre latérale.
Pour le référencement, il faudra s’assurer de servir le même code à Googlebot qu’aux internautes, et ne pas bloquer
de ressources à Googlebot (JS, CSS, images). Dans ce cas, la détection de la compatibilité mobile se fera toute seule
sans soucis.
Dynamic Serving (diffusion dynamique) :
utilise la même URL quel que soit l’appareil utilisé, mais génère une version distincte du code HTML pour les différents
types d’appareil selon les informations dont dispose le serveur au sujet du navigateur.
Pour le référencement, il faut signaler à Googlebot qu’il existe une version dédiée aux appareils mobiles, afin qu’il
envoie bien sa version Googlebot for smartphones. Ceci se fait par l’envoi d’un entête HTTP « Vary ».
URL distinctes (site mobile sur une URL spécifique) :
un code HTML distinct est affiché sur chaque appareil et sur des URL distinctes (par exemple le site mobile se trouve
sur m.example.com tandis que le site desktop se trouve sur www.example.com). Cette configuration essaie de
détecter le type d’appareil de l’internaute, puis le redirige vers la page appropriée à l’aide de redirections HTTP et de
l’en-tête HTTP « Vary ».
Pour le référencement, il faut signaler à Googlebot les différentes URL par le biais d’annotations.
Comment Google exploite vraiment le critère Mobile Friendly
pour le SEO ?

Ne bloquez pas les CSS et Javascript à Google !

Le robot Googlebot a besoin d’accéder à vos fichiers CSS et JS pour « comprendre » votre
site et notamment sa version mobile. Si vous les bloquez, Google pourra considérer que votre
site est incompatible même s’il l’est en réalité pour les internautes. Ne bloquez donc surtout
pas les feuilles de styles CSS et codes Javascript via votre fichier robots.txt.
Le critère « Mobile Friendly » est évalué page par page
Comme le critère HTTPS, celui sur la compatibilité avec les mobiles est évalué par Google au
niveau de chaque URL. En d’autres termes, certaines URL du site peuvent être compatibles et
d’autres non, mais Gary Illies recommande que 100% de vos URL soient compatibles mobiles !
Quelles sont les erreurs fréquentes des sites mobiles ?

C’est Google qui les indique et les explique:

Fichiers JavaScript, CSS et image bloqués
Contenu ne pouvant être lu
Redirections incorrectes
Erreurs 404 uniquement sur mobiles
Interstitiels de téléchargement d’applications
Liaisons transverses non pertinentes
Chargement lent des pages mobiles

Pour plus d'informations -> https://developers.google.com/search/mobile-sites/mobile-seo/common-mistakes?hl=fr

Qu'est-ce que le CLS?

Le CLS, ou Cumulative Layout Shift, est une nouvelle

métrique de Google qui vise à mesurer des événements
particuliers concernant l’expérience utilisateur.
Il existe plusieurs raisons qui, selon Google, créent un
décalage de mise en page. En effet, ce dernier se produit
à cause :
d’images non dimensionnées,
du contenu dynamique,
des publicités Google,
des différentes polices utilisées sur le web.
Comment optimiser le CLS d'une
page ?

Il est important pour les images de posséder des

dimensions de hauteur et de largeur inscrites dans le
code HTML.
Paramétrez correctement l’élément <div> (division du
document) censé accueillir les publicités Google.
Par exemple, il est possible de créer un lien vers une
vidéo YouTube ou toute autre source externe dans
WordPress. Le programme affiche alors l’élément en tant
qu’objet dynamique intégré.
Vérifier que la commande rel= « preload » est bien
présente lors du téléchargement de la police en question.

Pour plus d'informations à https://www.anthedesign.fr/referencement/cls/

 Comment assurer un bon référencement sémantique ?

1) Soyez fidèle à Google:

Connectez votre site web à tous les services que propose Google : Google Analytics, Google Search Console, Google My Business, YouTube…
Google ne les a pas créés pour vous faire plaisir. Il les a créés pour collecter et analyser autant d'informations que possible sur vous.
Respectez les bases du référencement sur une page. Les titres de vos pages doivent être <h1> et les sous-titres <h2>.
2) Le mobile responsive est un must
3) Acheter un certificat SSL (de http à https)
4) Optimiser la vitesse de chargement des pages:
Commencez par compresser les images.
5) Connaître les classements relatifs de Google sur les critères d'évaluation d'une page
Titre Google ou <title> : Rendez-le différent du H1 ! 65-80 caractères de préférence (pour une visibilité sur mobile). Gardez à l'esprit que le
premier mot aura plus de poids que le deuxième, et le deuxième que le troisième, etc. Aussi, évitez " | " dans les titres, utilisez plutôt des tirets.
H1 : différent du titre Google ! Ne dépassez pas 80 caractères dans la mesure du possible.
URL : Idéalement, 3 à 4 mots
Meta Description (ce qui sera affiché pour décrire une URL dans Google) : De préférence, 80-120 caractères. Google met en évidence les
mots-clés que vous avez entrés dans la méta description de chaque URL qui apparaît dans les résultats de la recherche. Rédigez une méta
description en utilisant des synonymes des termes utilisés dans le titre Google.
H2 : De préférence, 70-80 caractères.
Remarque : Il a été prouvé que la balise Meta Keywords n'a aucun impact sur le référencement, il est donc inutile de l'indiquer
Comment assurer un bon référencement sémantique ?

6) Créez un bon contenu:

chaque page contient plus de 800 mots.
Essayez de ne pas marteler les mots-clés, Google punit cela. Utilisez autant de synonymes que possible. Google préfère que vous conseilliez
les internautes plutôt que de leur vendre quelque chose.
Contenu que les gens vont adorer le consommer, et Google verra que les gens passent du temps sur votre site.
Placez un maximum de contenu de qualité (votre H1, un texte descriptif, une image et votre H2) au dessus de la ligne de flottaison
7) Le référencement local est important
Vous devez disposer d'un compte Google My Business pour être référencé dans les résultats de recherche géolocalisés.
Vous devez avoir un maximum de clients vous notant 5/5 ⭐ et donnant de bonnes critiques
8) Ne dupliquez ou ne copiez aucun contenu
9) Possédez un blog
Comment assurer un bon référencement technique ?

1) Système de noms de domaine et redirection 301

Si vous avez plus d'un nom de domaine, choisissez un nom de domaine principal et effectuez des redirections de domaine 301
supplémentaires vers le site principal.
2) Effectuez régulièrement des analyses sitemap.xml de votre site via votre console de recherche Google
3) La profondeur des pages de votre site est essentielle
La profondeur des pages d'un site détermine la facilité avec laquelle le moteur y accède depuis la page d'accueil. Les pages stratégiques
doivent être accessibles en un minimum d'étapes. Au-delà du 3ème niveau d'accessibilité (clics), la page est considérée comme difficile
d'accès.
4) Personnaliser les pages d'erreur 404
5) Assurez-vous que le temps de chargement de votre site sur différents bureaux est rapide
6) Optimisez vos images
7) Javascript, c'est comme courir en portant un canapé
Lorsqu'un navigateur web rencontre du code Javascript en interprétant le code source d'une page web, il peut considérablement ralentir
l'affichage de la page, surtout si le téléchargement d'un script externe est nécessaire.
Utilisez l'une des techniques suivantes pour appeler des fichiers externes :
utiliser l' attribut async
utiliser l' attribut defer
ajouter le script dans le DOM en Javascript lors de l'événement onload
placez les scripts à la fin de votre code source (idéalement à la fin du <body>)
Comment assurer un bon référencement technique ?

8) Utilisez l' attribut hreflang pour indiquer à Google la langue de votre site
9) Assurez-vous que chaque élément CSS utilise son propre identifiant
Si vous souhaitez partager des propriétés/comportements entre plusieurs éléments, vous devrez utiliser la classe d'attributs :
<P><span class = "mySpans"> </ span> <span class = "mySpans"> </ span> </ p>
10) Remplissez vos microdonnées
De manière générale, les microdonnées sont utiles pour classer votre activité selon le bon vouloir de Google, favorisant ainsi votre visibilité
dans les SERPs
Le balisage schema.org est facile à mettre en place. Un outil existe dans la Search Console, mais rien n'est plus fort que le code, d'autant plus
qu'il est très simple à mettre en place.
Par exemple, pour marquer un hôtel :
<div itemscope itemtype = " http://schema.org/Hotel "> <span itemprop = "name"> Nom de l'hôtel </ span> <span itemprop = "description">
description de l'hôtel </ span > <img itemprop = "image" src = "http://Images/hotel.jpg" /> </ div>
Schema.org est un changeur de jeu, je le promets.
 Pour y accéder, utilisez des paragraphes de 40 à 50 mots
ou des synthèses équivalentes pouvant être utilisées telles
quelles par Google.
Vous pouvez également :
Faire des listes (balisage de liste non ordonnée "<ul> <li>
</ li> </ ul>")
Faire des tableaux en html simple (<table>)
Utiliser des microdonnées pour baliser vos données
Répondez aux questions auxquelles les réponses ne
sont pas déjà données dans Google. Pour atteindre le
rang 0, vous devez rechercher des requêtes auxquelles
Google ne peut pas répondre avec le Knowledge Graph
Comment occuper le rang 0 ?
et des requêtes sous forme de questions.
Plus de 60 % des recherches avec « pourquoi »,
« comment » et « où » ont un résultat de rang 0.
Conclusion: