Beaucoup de designers découragent l'utilisation des tableaux mais j'ai une disposition où j'utiliserai plus de structure div pour réaliser quelque chose de simple avec un tableau ..
Les tableaux sont-ils mauvais pour les moteurs de recherche?
edit: je vais utiliser CSS pour le tableau pour garder le HTML propre.
Réponses:
En ce qui concerne le référencement, les moteurs de recherche s'en moquent. Cependant, l'idée est de séparer la conception du contenu. Les tableaux doivent être strictement utilisés pour les données tabulaires, divs pour la mise en page. L'utilisation de tableaux à des fins de conception mélange votre balisage avec des éléments de disposition, ce qui est considéré comme une mauvaise pratique.
la source
Les tableaux HTML sont bons:
Les données non tabulaires présentées sous forme de tableaux HTML sont mauvaises pour:
Pour voir votre site en tant que moteur de recherche, essayez de le visiter avec un navigateur de texte comme ELinks ou lynx .
la source
Cela a déjà été dit, et je vais le répéter.
Tabular data
- Utiliser des tableauxLayout
- Utilisez DivsOn dirait que vous essayez de couper les coins ronds ou de vous faciliter la tâche. En tout cas, il y a quelques exceptions où l'utilisation d'une table peut être cruciale mais sans voir à quoi ressemble le design, je ne peux pas dire.
la source
<table>
s vs<div>
s aura peu ou pas d'effet sur vos résultats SEO. Cependant, mettre les titres et les mots clés dans votre<h1>
,<h2>
,<h3>
, etc .. balises vous aidera.la source
Google ne se soucie pas du classement à quoi ressemble votre code. Ils se soucient seulement que vos visiteurs y réagissent bien.
Tant que votre site fonctionne pour vos utilisateurs, Google n'impose aucune pénalité pour la façon dont vous structurez votre balisage.
En revanche, lorsque les utilisateurs trouvent votre site peu attrayant, ou lorsque cela ne fonctionne pas pour eux, ils s'en vont. Google remarque lorsque les utilisateurs reviennent sur la page de résultats après avoir visité votre site et cliqué sur vos concurrents. Votre classement chute lorsque cela se produit
la source
Les moteurs de recherche n'ont pas de préférence en ce qui concerne les tableaux et / ou CSS, et vous pouvez même utiliser les deux sur la même page sans problème.
Si vous vouliez vraiment pousser, je suppose que le temps de chargement des pages est quelque chose à garder à l'esprit. Il s'agit d'un facteur connu du niveau de qualité AdWords, et il existe certainement des preuves que Google vérifie le comportement des utilisateurs dans les SERP, donc s'ils voient un taux d'abandon élevé (les clients s'impatientent avec le temps de chargement de la page), vous pouvez perdre sur classements. Les divs et CSS se chargent plus rapidement que les tables.
la source
Ok, voici l'affaire.
Il faut dire que les tableaux sont destinés aux données tabulaires, pas à la mise en page. Vous faites de l'accessibilité un problème à la fois sur les anciens téléphones portables et les navigateurs textuels utilisés par les malvoyants.
Maintenant, l'algorithme de Google en tient absolument compte. Je ne connais pas l'algorithme spécifique, mais je suppose que lorsque quelqu'un est sur un téléphone mobile, Google donne des résultats qu'il sait être plus appropriés pour un téléphone mobile - vous risquez donc de perdre beaucoup de visiteurs potentiels si vous utilisez un tableau de mise en page.
En fonction de votre mise en page, il peut également être difficile pour le moteur de recherche de déterminer quel texte et quels paragraphes sont liés. Cela pourrait être mauvais pour votre classement, mais probablement pas trop. Avec la mise en page CSS, il est cependant plus facile de s'assurer que le contenu principal de votre page est proche du haut, ce qui est toujours utile.
Troisièmement, l'utilisation de tableaux pour la mise en page duplique un grand nombre de balises HTML pour chaque page de votre site qui est chargée. Cette duplication affectera votre temps de chargement de page, même si ce n'est que légèrement, mais Google, entre autres moteurs, est connu pour utiliser le temps de chargement comme l'une de leurs mesures pour déterminer le classement du site.
Dans l'ensemble, je ne pense pas que la différence dans le classement des principaux moteurs de recherche serait si grande.
div
Cependant, comme indiqué dans ce post , il y a des avantages certains à utiliser s CSS pour la mise en page , et cela devrait donc être la ligne de conduite recommandée, à moins qu'il n'y ait une très bonne raison de suivre l'itinéraire de la table (ce qui est rarement le cas).la source
Oui, la conception des tables est mauvaise pour le référencement
La meilleure chose à faire pour l'optimisation du référencement est de considérer qu'un bot lit votre site en aveugle.
Ainsi, lorsque vous utilisez une conception de table, il est impossible de linéariser correctement votre contenu et impossible de savoir ce qui est en haut et ce qui ne l'est pas.
Essayez de faire un site conforme à la section 508 (voir cet article sur les validateurs) et aux WCAG de WAI ( regardez ici pour la validation), et essayez de le lire avec un outil comme Lynx , ou après une linéarisation (avec le développeur Web Barre d' outils de Firefox par exemple).
Plus vous respectez la grammaire (
<p>
des paragraphes,<table>
du contenu tabulaire ...), du (x) HTML, plus elle améliore son accessibilité ET son référencement.Donc, utilisez
<table>
pour les données tabulaires, pas pour la conception, utilisez<h1>
comme premier titre de titre pas<span>
avec syles, etc., et n'en utilisez pas<h3>
juste pour rendre votre texte plus audacieux et plus gros, mais parce que vous mettez un premier et un deuxième titre titre, et vous devez créer une sous-section de la<h2>
section précédente dans la structure de votre document (pas votre page Web).Une chose importante pour le faire facilement est de connaître et d'utiliser le flux de documents .
la source
Les tableaux HTML doivent être utilisés pour les données tabulaires et les ensembles de données (entrée et sortie) qui circulent naturellement sous forme de données tabulaires telles que les formulaires. Il est déconseillé de les utiliser uniquement pour la mise en page.
En ce qui concerne le référencement et Google, eh bien, je pense que Google applique la même logique que ci-dessus, en tout cas imbriquer des informations textuelles au fond d'une telle structure, plutôt qu'avec une structure appropriée utilisant des en-têtes et des paragraphes, fonctionne mieux.
la source
Le référencement sur la page est lié au contenu (qualité, fraîcheur, utilité) et à la façon dont il est intégré aux éléments HTML.
Envelopper / composer du HTML, c'est choisir les bonnes balises pour le contenu. Cela n'a tout simplement pas de sens, par exemple, envelopper tout le texte dans un élément h1, vous mettre juste du texte dans un formulaire sans champ ni bouton de soumission.
Cela dit, je vais répéter: utilisez des tableaux pour les données tabulaires. Dans ce contexte, ils ont du sens. Dans d'autres contextes (comme pour la mise en page uniquement), ils ne le font pas.
Ce type d'utilisation abusive est mauvais pour le référencement car le contenu n'est pas indexé correctement - vous pouvez obtenir un meilleur classement sur la page grâce à un balisage amélioré, propre et direct au point.
la source
Les tableaux HTML sont parfaits pour le référencement.
J'ai utilisé des DIV pendant des années. Puis, à titre expérimental, j'ai décidé d'utiliser des tableaux sur l'un de mes sites Web pour la mise en page. Mon classement des mots clés a grimpé. J'ai refait mes sites web un par un pour utiliser des tableaux. Dans tous les cas, le référencement en a profité.
Malgré ce que disent les snobs du Web et les "Dix meilleures façons d'améliorer votre référencement", vous ne découvrirez jamais les meilleures pratiques de référencement sans faire vos propres tests.
Je me fiche vraiment de ce qu'une étiquette devait faire, je me soucie des résultats.
la source