Codex

Astuces et codes à emporter.

Référencement naturel

Toutes les astuces pour optimiser le référencement naturel de son site web.

1. Qu'est-ce que le référencement naturel ?

Le référencement de votre site web est la manière dont les moteurs de recherche le perçoive. Si les robots considèrent que votre contenu est intéressant, que votre site est bien construit, vous augmenterez vos chances d'apparaître parmi les premiers résultats de recherche.

2. Les composantes du référencement :

2.1. Le nom de domaine :

  • Le nom de domaine doit comprendre le nom de la marque ou du produit;
  • Si possible intégré un mot-clé au nom de domaine.
  • Privilégier un nom de domaine court.

Neoness-forme est plus optimisé que neoness car on rajoute un mot clé lié à l'activité de l'entreprise : forme.

2.2. L'url des pages :

  • Avoir des urls simples et clairs;
  • Intégrer les mots clés que vous aurez décider d'aborder sur les pages d'atterrissage.

Préférer des urls du type portfolio-1-5.php au lieu de portfolio.php?id=stage&cat=2. Travailler avec des variables $_POST[] au lieu de $_GET[] ou utiliser le fichier .htaccess pour la réécriture des liens propres.

On peut travailler avec des répertoires mais plus le mot clé est loin dans l'expression de l'url, moins ce sera efficace. Par contre, cela permet de mieux organiser son contenu et ses rubriques, autant pour soi que pour ses utilisateurs.

2.3. Mots clés :

  • Concentrez-vous sur un mot clé;
  • Répétez ce mot clé sur la page sans en mettre partout. Il faut trouver le bon équilibre.

2.4. Balise Meta title :

  • < 70 caractères;
  • 5 à 7 mots clés compris dedans.
  • Chaque page doit avoir un title différent.

2.5. Balise Meta description :

  • < 156 caractères;
  • Les mots clés doivent apparaître;
  • Elle doit être différente du title et du H1;
  • Chaque page doit avoir une description différente.

- Aucune incidence sur le référencement des moteurs de recherche;
- Augmente le taux de clic;
- Meilleure visibilité sur les résultats de recherche pour l'utilisateur.

2.6. Contenu éditorial :

Proposer un contenu éditorial clair, avec le vocabulaire approprié.

2.7. Contenu multimédia :

Proposer des contenus multimédias tels que les photos ou vidéos.

Permet de conserver l'attention de vos visiteurs tout au long de la lecture de votre page.

2.8. Hiérarchisation de l'information :

Respecter la hiérarchisation des informations dans l'imbrication des balises h1, h2, h3, h4

- Permet de proposer un contenu clair et facilement lisible pour l'utilisateur;
- Votre page sera bien construite et donc sera mieux considérée et référencée.

2.9. La balise H1 :

  • Il doit être court et comporter le mot clé;
  • Il doit être unique;
  • Il doit être différent de la balise title de la page.

2.10. Les liens :

  • Tous les liens de type a href="" doivent comporter un title qui exprime l'idée principale de la page d'atterrissage;
  • 2 à 5 liens internes => optimisation de l'expérience utilisateur
  • 2 à 5 liens sortants (sources de vos données)

Intégrer des liens internes pour créer un maillage intéressant de votre site pour les robots et des liens externes pour prouver la véracité de votre contenu.

2.11. Les images :

2.11.1. Nom de fichier :
  • Les noms de fichier des images doivent être en lien avec l'objet du visuel;
  • Eviter de mettre des images tout droit sorties de l'appareil photo.
2.11.2. Alt :
  • Toutes les images doivent avoir un alt qui décrit l'image;
  • 140 caractères maximum avec mots clé compris dedans.
2.11.3. Optimisation
  • Optimiser le poids des images selon le medium utilisé (mobile / tablette, desktop);
  • Optimiser le poids des images selon la résolution du medium (mobile HD Retina);

2.12. Bouton de partage :

  • Une portée de +700% de partage avec un ce genre de bouton;
  • Compteur de partage uniquement s'il y a une communauté importante;

2.13. Article :

  • > 1.900 mots;
  • Publier régulièrement (idéalement 1 article/jour sinon 1 article/semaine);
  • Mettre à jour son contenu;
  • Parler d'abord au lecteur avant de parler aux moteurs de recherche;
  • Qualité du contenu.

2.14. La balise strong :

  • Uniquement sur des mots clés associés au mot clé principal;
  • Cela permet de compléter le mot clé principal et donc d'étendre le référencement à d'autres termes.

3. Desindexation des pages inutiles :

Désindexer des pages de son site, permet de proposer un contenu aux moteurs de recherche qui est plus pertinent. En exemple, les pages de type profil, remerciements, pages qui n'ont aucune utilité éditoriale.

Diminue le taux de rebond et améliore le maillage du site.

3.1. Méthodes :

3.1.1. Fichier robots.txt :

Permet de dire ce que l'on ne veut pas indexer : JS, répertoire privé (admin), etc

3.1.2. Balise Meta robots (noindex, nofollow) :
  • Desindexer les pages qui ne sont pas utiles (ex : page de remerciements);
  • Desindexer les pages qui ne sont plus d'actualités.
3.1.3. Sitemap :

Penser à modifier le sitemap pour supprimer les pages à désindexer.

4. Accelerated mobile pages :

Google donne aujourd'hui beaucoup plus d'importance au mobile qu'au desktop. Si votre site est bien construit pour l'affichage mobile, il en sera que plus pertinent. Un point important pris en compte par google est la rapidité d'affichage de vos pages. Pour ce faire, il existe un outil que l'on nomme AMP (Accelerated Mobile Pages). Il peut être mis en place via un plugin sur les plate-formes telles que Wordpress, Drupal, etc et sur les sites fait main avec plus de travail.

4.1. Principes :

Le principe est assez simple. Il consiste à déclarer une page html standard en page amp que google fournira pour l'affichage. C'est une page sur-optimisée. Ce qui induit : pas de publicité, pas de sidebar, uniquement le contenu de votre page. Il est recommandé de le faire uniquement pour les pages articles de votre site au vu du travail que cela implique.

Google propose depuis un petit bout de temps, un affichage de ces résultats AMP sur sa page de recherche. C'est le slider qui est tout en haut du résultat de recherche. Tous les résultats affichés proviennent de pages déclarées en AMP. C'est donc pour vous une visibilité renforcée.

4.2. Mise en place sur Wordpress :

Un plugin gratuit permet de simplifier cette tâche.

4.3. Mise en place sur un site fait main :

  • Remplacer la balise <html> par <html amp>
  • Le head des pages doit contenir <link rel="canonical" href="$SOME_URL">
  • Insérer dans le head des pages <script async src="https://cdn.ampproject.org/v0.js">
  • Remplacer toutes les balises <img> par <amp-img>
  • Remplacer toutes les vidéos videos par <amp-video>
  • Remplacer toutes les iframes <iframe> par <amp-iframe>
  • Remplacer tous les contenus audios <audio> par <amp-audio>
  • Ajouter pour les formulaires l'extension <amp-form>

Plus d'informations sur le site AMP