Placement du code dans le document HTML affectant le référencement
J'ai un barre de navigation div avec tout mon code de navigation, un barre latérale div avec tout mon code et le contenu qui va dans ma barre latérale statique, un pied de page = div avec tout mon code de pied de page qui va dans mon pied de page statique, et un conten div avec tout mon contenu pour chaque page (modifications sur chaque page).
Devrais-je lister mon contenu div en premier dans mon HTML pour optimiser mon référencement puisque mon contenu est ce qui change sur chaque page de mon site web et héberge la "viande de ma page web" (bien que ma barre latérale ait un bon contenu mais il est statique sur toutes les pages ), ou est-ce correct de lister mon code de navigation avant mon code de contenu?
En tant qu'extension, si l'ordre que je donne à ces div ne change rien à l'apparence de mon site, cela changerait-il la façon dont je liste le code ou devrais-je le jouer en toute sécurité et lister mon code de contenu en premier?
Note: Pour ce qui est de la différence avec d’autres questions similaires, je ne me pose pas autant de questions sur le contenu dupliqué que sur l’importance accordée au code en raison de son placement dans HTML. Je connais beaucoup de sites Web qui listent d’abord leur code de navigation, je me demande donc si ce serait une mauvaise tactique, étant donné que le contenu est donc plus bas dans le document.
En règle générale, ce qui fait sens pour le balisage sémantique et l'accessibilité l'est également pour le référencement, et vous ne devez certainement pas endommager la convivialité ou la qualité du code pour un référencement que Google n'a pas recommandé aux webmasters.
Sur le site, le référencement devrait consister à aider Google à indexer votre site de manière complète et précise, et à ne pas chercher de failles dans son algorithme.
- Même si votre css fonctionne pour afficher le contenu correctement sur un moniteur, il apparaîtra toujours dans le mauvais ordre à une personne utilisant un lecteur d'écran - les gens s'attendent à ce que la navigation principale apparaisse avant le contenu.
- Les balises HTML5
aside,header,article,navetfooterpermettent aux moteurs de rendu html de savoir quelle partie de votre page contient du contenu et quel est le modèle. Je serais surpris que les moteurs de recherche n'utilisent pas ces informations pour hiérarchiser la section de contenu.
Même si vous ne commandez rien et que les navigation et sidebardiv(s) apparaissent dans le code HTML avant le contenu, Google et Bing peuvent résoudre ce problème sans trop de difficultés. Cependant, il existe une amélioration des performances, même si ce n'est pas énorme, lorsque vous pouvez placer ces éléments sous le contenu. La raison principale en est que le code HTML est lu dans l'ordre des octets de gauche à droite, de haut en bas. Moins vous confondez le poids des mots clés, mieux ce sera. Cela étant dit, les moteurs de recherche ont dû apprendre à lire le code HTML très tôt, de manière si native, ils peuvent très bien comprendre les choses.
Je recommande toujours de placer les différentes parties répétitives de votre code HTML sous le contenu. Si vous ne pouvez pas à ce stade, ne pas transpirer. Mais quand vous le pouvez, faites l'effort. De plus, la navigation étant un élément important pour les moteurs de recherche, le code HTML doit tout d’abord suivre votre contenu. Les barres latérales ont moins de poids que la navigation, elles doivent donc suivre la navigation. Si vous avez plus d'une barre latérale de HTML répétitif (ish), vous décidez laquelle est la plus importante et assurez-vous qu'elles apparaissent dans cet ordre. Rappelez-vous que la navigation est un élément important du référencement. Rappelez-vous également que la navigation dans la barre latérale est un élément de référencement moins important que la navigation. Il est donc important de suivre la tradition et de ne pas confondre cet ordre, sans quoi votre performance de référencement risque d'être confuse.
Google sait quoi faire avant vos visiteurs
Les robots d'exploration de Google ont vraiment progressé depuis le premier lancement. Ils ont la capacité de détecter la zone de contenu réelle, la largeur de ce contenu ainsi que la hauteur de la région de contenu réelle.
Contenu répété
Les éléments tels que les en-têtes, les pieds de page et les barres latérales qui se répètent sur plusieurs pages ou sur toutes les pages sont notés par Google. Ils ne comptent souvent pas dans les rangs de page réels, mais confirment plutôt ce que vous avez sur cette page.
HTML5 est génial mais n'est pas obligatoire
Avec HTML5 nous avons beaucoup d’éléments comme article, en-tête, pied de page, section, à part, figure, etc. que l’on pense que cela aide énormément Google, alors qu’il n’ya rien d’autre à suggérer qu’un site HTML5 classement mieux qu'un site HTML4. En effet, Google ne code pas uniquement ses robots pour les webmasters qui savent ce qu’ils font. Différents thèmes et différentes méthodes de gestion de contenu fonctionnent différemment et Google tente de satisfaire tous les goûts.
Mise en page
Google sait également qu’il est important de faire preuve de souplesse dans la détection des barres latérales à gauche, des navettes à droite en haut à droite, au centre et même en bas. Google sera également en mesure de s’adapter à peu près à n’importe quel design du système de menus, après tout, Internet serait nul si tous les sites étaient identiques.
Utilisation de Position:Absolute
Certains sites Web utilisent position absolute dans leur code CSS, ce qui signifie que même les menus NAV qui ne se trouvent pas au-dessus du pli apparaissent dans l’ordre pour les moteurs de recherche, mais Google sait ce qui est quoi, où qu’il se trouve sur la page.
Tir à la corde poussant et tirant
De nombreux frameworks commencent maintenant à utiliser les méthodes Push et Pull qui modifieront la présentation en fonction du périphérique utilisé, mais ceci est généralement utilisé pour l'utilisateur, pas pour les moteurs de recherche. En effet, sur les mobiles, le menu peut prendre beaucoup de place alors que vous souhaitez peut-être plonger directement dans le contenu, tandis que sur un ordinateur de bureau, la résolution étant plus grande, l'utilisateur voit à la fois le menu et le contenu.
- Bootstrap utilise par exemple
.col-X-pull-Xet.col-X-Push-X - Zurb Foundation utilise
X-pull-XetX-Push-X
Expérience, Expérience, puis Expérience
Vous devez toujours coder pour votre public et vous assurer uniquement que vous faites l'essentiel pour améliorer le référencement, comme les balises ALT, les en-têtes, etc. Dans les rares cas où Google n'aime pas quelque chose, cela peut réduire légèrement votre valeur de référencement, mais l'expérience utilisateur l'emporte sur le référencement toute la journée! et la valeur des visiteurs qui créent un référencement naturel naturel neutralisera les centaines de fois tout mineur. Hors page, le référencement reste le meilleur moyen de rester et d’augmenter son classement.