L’optimisation technique pour le référencement

1. L’architecture du site
2. Le code
   1. La qualité du code
   2. HTML5
3. La structure des pages
4. La vitesse
5. Conclusion

L’optimisation technique d’un site consiste à simplifier son exploration par les robots des moteurs en manipulant 4 leviers : son architecture, son code, la structure de ses pages et sa performance en terme de rapidité d’affichage.

L’architecture du site

Le référencement d’un site se pense avant d’écrire la toute première ligne de code. Il n’y a nullement besoin d’un ordinateur : des feuilles de papier suffisent. Des feuilles sur lesquelles le concepteur va construire une architecture simple et ordonnée. Elle va servir à organiser le contenu d’une manière logique, en se mettant à la place de l’internaute : créer différents niveaux de pages, catégoriser le contenu dans des rubriques et concevoir la navigation entres les pages de telle manière qu’elle soit la plus simple et la plus fluide possible. Cet architecte doit penser avant tout aux futurs visiteurs qui devront accéder aux différentes parties du site sans avoir trop de liens à cliquer, mais, aussi, aux robots des moteurs de recherche qui doivent crawler les différentes pages depuis ces liens qu’ils vont trouver.

Le code

HTML est le langage utilisé pour construire les pages Web. Les fichiers qui les accompagnent pour leurs design sont des feuilles de styles appelées CSS. Il est essentiel pour ces documents d’avoir un code de qualité et il est préférable que ce code utilise la dernière génération du langage, tout du moins pour HTML. Pourquoi ?
Pour 2 raisons :

1. avoir un code exempt d’erreurs et donc conforme aux recommandations du W3C permet, en principe (on peut toutefois conserver un code invalide, mais, pour des raisons particulières), d’être assuré qu’il sera bien interprété par les navigateurs. Si le code est mal formé, les risques d’erreurs d’affichage dans les différents browsers ainsi que dans leurs différentes versions, seront nombreux. En outre, un code mal formé, demandera plus de calcul et ralentira, par conséquent, l’affichage de la page. Les robots des moteurs de recherche étant des navigateurs aussi, il est donc capital pour le référencement que ce code soit le plus soigné possible.
2. la dernière génération d’HTML, c’est HTML5¹.¹Pour aller plus loin sur HTML5 : HTML5 expliqué & Pourquoi choisir HTML5 ?
   HTML5 sera le langage des pages Web dominant dans les années à venir. Outre, l’économie de scripts qui alourdissent le traitement des pages, HTML5 améliore l’analyse de celles-ci par les robots des moteurs de recherche. A contrario de son prédécesseur, son balisage étant sémantique²²Cela signifie que les balises utilisées sont porteuses de sens., ils peuvent traiter chacune des sections de la page comme des entités et accorder une valeur plus importante au contenu principal.

La structure des pages

Quand les robots des moteurs de recherche parcourent votre site, ils ne le voient pas comme ses visiteurs. Les feuilles de styles servant à la mise en page n’étant pas lues, ils ne distinguent que le texte. C’est ce contenu textuel qu’il faut mettre en avant afin qu’il soit bien référencé. Une structure de page optimisée doit permettre aux robots de distinguer aisément le contenu principal des autres blocs divisant la page.
Si les balises sémantiques sont utilisées il faut que ce soit en conformité avec le rôle qui leur a été défini par la norme HTML5. Le contenu des sections divisant la page doit être cohérent avec leurs fonctions. Il faut donc les employer pour aider les moteurs de recherche à les traiter comme des entrées distinctes et à mieux appréhender le contenu principal.

Une page Web est organisée en blocs. Ses différents blocs (ou sections) se placent visuellement dans la page par la feuille de styles qui appliquent le design (propriétés de couleurs, de tailles, de positions etc.). L’organisation fréquente d’une page comprend ces éléments :

• une barre de titre
• un menu
• un contenu
• une, ou plusieurs colonnes (ou sidebar)
• un pied de page

En HTML5, ces différents blocs sont définis par autant de balises différentes³³Pour simplifier, car HTML5 permet à chaque bloc (à l’exception de <nav>) de disposer de sa propre structure. :

1. <header> pour la barre de titre
2. <nav> pour le menu
3. <article> pour le contenu principal
4. <aside> pour la colonne
5. <footer> pour le pied de page

Le balisage sémantique d’HTML5 définissant le rôle de chaque élément de la page, les algorithmes des moteurs de recherche accordent à certains d’entre eux un poids différent avec une valeur supérieure au contenu principal. C’est, bien sûr, celui que voulez voir figurer dans les SERP⁴⁴C’est par cet acronyme, « SERP », que les référenceurs désignent les résultats des requêtes des internautes dans les moteurs de recherche..

La vitesse

La rapidité d’affichage d’une page Web est un facteur déterminant de la satisfaction de l’usager d’un site. Certes, les performances des connexions et du matériel se sont considérablement accrues, mais les pages Web se sont enrichies de graphismes plus élaborés, de photos plus lourdes, de composants audio et vidéo, de fonctionnalités avancées pour l’interactivité...
Et si le poids des pages est beaucoup plus important que par le passé, ce n’est pas tant la masse des informations que contient une page Web qui peut freiner son affichage, mais la façon dont celles-ci vont être servies depuis le serveur vers le navigateur.
Comment s’affiche une page Web ?
Pour qu’une page provenant d’un serveur Web s’affiche dans votre navigateur il faut qu’un certain nombre de tâches⁵⁵Il s’agit du code HTML, des feuilles de styles (CSS), de scripts, ainsi que des contenus multimédia ... s’éxécutent. Du côté serveur bien sûr mais, aussi, du côté de votre navigateur. La performance du site dépend donc de sa construction. Si elle vise la satisfaction de l’internaute, la vitesse d’affichage des pages influe le référencement de celles-ci par les moteurs de recherche⁶⁶Il s’agit d’une moyenne calculée sur l’ensemble des pages du site.
Voir le tableau ci-après..
Google estime en effet la frontière entre les sites lents et les sites rapides à 1.5 seconde⁷⁷Mais pas seulement. Découvrez d’autres raisons de disposer d’un site Web rapide.. Au-dessous de ce seuil Google considère que le site est plus rapide que 90% des sites qu’il a indexé. Si les sites lents ne souffrent pas de pénalités, les plus rapides sont dorénavant favorisés, le moteur de recherche prenant en compte dans son algorithme ce critère pour le positionnement des pages du site.

Conclusion

Pour le référencement naturel de votre site ses pages doivent être bien construites pour être plus performantes et être ainsi privilégiées par Google ainsi que d’autres moteurs. Ces moteurs qui pour circuler ont besoin d’essence : le contenu. C’est l’objet du deuxième volet de cette suite d’articles :
La rédaction et l’organisation du contenu pour le référencement.