Le but de cet article est donc de faire une petite synthèse de toutes les bonnes pratiques de base qui doivent devenir automatiques dans la phase de dev et de conception d’un site internet.

• Optimisation éditoriale :
  • Le contenu du site doit être unique, ne faites pas de copier coller d’autres pages web
  • Le titre des pages doit avoir des mots clés pertinents, être unique sur chaque page, et ne pas dépasser 70 caractères
  • Le meta description doit contenir un résumé de la page, en 150 caractères maxi environ. Il semblerait qu’il n’apporte pas plus de poids aux mots clé, mais est important car c’est le résumé qui est affiché dans la page de résultats de google. Il doit être unique sur chaque page
  • Le contenu doit être mis à jour régulièrement, du nouveau contenu doit être publié régulièrement
  • Avoir un grand nombre de pages aide au référencement naturel

• Optimisation technique :
  • Le site doit être en HTTPS et ne pas avoir d’éléments inclus en HTTP (mixed content)
  • Le site doit être le plus rapide possible, et avoir aussi peu de coupures de service que possible. C’est un critère important de qualité d’un site pour google.
  • Le site doit fournir un fichier robots.txt
  • Le site doit fournir un fichier sitemap
  • Utiliser dans la mesure du possible des sprites CSS pour les petites images comme les icones. Des outils en ligne permettent de le faire, tels que https://draeton.github.io/stitches/
  • Différer l’utilisation du code javascript via l’attribut « async » ou « defer » (mais attention, ne pas le faire sur les scripts dépendant d’un script précédent)
  • Regrouper si possible les css et javascript dans un même fichier, et minifier le code
  • Pour les fonts spéciales, utiliser si possible des fonts type google font ou service équivalent. Sinon, respecter l’ordre de chargement suivant pour les formats : EOT, WOFF2, WOFF, TTF, puis SVG.

• Optimisation du code HTML
  • Utiliser les balises HTML sémantiques : h1, h2, h3 pour les titres, p pour le contenu texte, strong pour les mots à mettre en valeur, etc.
  • Les images doivent disposer d’un attribut alt avec les mots clés associés
  • Le code HTML doit être aussi propre et valide que possible (utiliser le validateur W3C et corriger les erreurs les plus importantes, sans avoir besoin de tomber dans l’intégrisme du site 100% valide)

• URLs et Maillage du site :
  • Utiliser l’URL rewriting pour avoir des URLs pertinentes en termes de mots clés. Elles ne doivent pas être trop longues (115 carractères). Utiliser de préférence le tiret « – » pour séparer les mots clés.
  • Chaque page doit avoir une URL unique. Si plusieurs URLs pointent vers la même page, utiliser une redirection 301 pour rediriger vers l’URL « officielle » de la page. De même, en cas de changement de structure des URLs, rediriger en 301 les anciennes URLs vers les nouvelles.
  • Le maillage du site doit permettre d’accéder facilement à toutes les pages, en respectant autant que possible la règle des 3 clics : n’importe quelle page doit être accessible en 3 clics maximum. Le fil d’ariane est un outil très utile pour cela.
  • Eviter d’avoir trop de liens sur une même page (pas plus de 100)
  • Si plusieurs pages du site ont un contenu trop proche et donc considérable comme du duplicate content, utiliser les url canoniques pour qu’elles soient toutes associées à la même page que l’on considérera comme la référence, et mettre en « nofollow » les liens menant vers ces pages (exemple : changement de nombre de résultats et autres filtres dans une pagination par exemple)
  • Utiliser les attributs « prev » et « next » pour la pagination

• Backlinking :
  • Un maximum de liens doit exister depuis des sites extérieurs vers votre site
  • Priviligier les liens venant de sites de qualité, éviter les liens venant de sites « douteux », de fermes de liens, etc.
  • L’ancre des liens (cad le texte du lien) doit contenir les mots clés sur lesquels vous souhaitez vous placer
  • Obtenir si possible des liens vers des pages profondes de votre site, et non pas uniquement vers la homepage
  • Comment obtenir des liens ? Poster sur des blogs, sur des forums, lier vos sites entre eux, proposer des échanges de liens avec d’autres sites, s’inscrire dans des annuaires, etc.

• Contenu structuré / sémantique :
  • Utiliser les balises opengraph et les microformats

• Outils et ressources externes :
  • Google webmasters tools : véritable tableau de bord de votre référencement sur google, cet outil vous permettra de connaitre l’état du référencement, de détecter d’éventuels problèmes, et paramétrer la vitesse d’exploration ou encore des spécificités dans la prise en charge des URLs, etc.
  • Webrankinfo : site et forum francophone très riche en informations sur le SEO

[Article à compléter, j’ai certainement oublié pas mal de choses]