Définition données tabulaire

Tout bon développeur a du se voir rabaché le texte « On ne fait pas de design en tableaux » « Les tables HTML sont revolus »

A force, on ne voit plus de tableaux sur internet (non j’exagère 🙂 mais plus aucun développeur ne se risque à en faire et à tout faire en css.

Plus personne ne se pose de questions ??? Alors si on cherche un peu on aura la réponse suivante « Les tableaux HTML avec balise table tr et td ne peuvent être utilisés que pour afficher des donnée tabulaires »

C’est parfaitement vrai, les tableaux ne servent à rien d’autre que d’afficher des données tabulaires et surtout pas faire le design avec.

Mais qu’es-ce donc qu’une donnée tabulaire ???, j’ai cherché longtemps pour avoir une réponse courte, simple et efficace et la voici:

Une donnée tabulaire peut être dite tabulaire lorsque l’on peut nommer les colonnes du tableau que l’on veut utiliser.

Exemple Une liste de villes issue d’une base de donnée est tabulaire car l’on peut nommer les colonnes nom de la ville – Code postal – nombre d’habitant – … (donc <table>)

Exemple Un design en tableau ne sera pas tabulaire car l’on ne peut pas nommer les colonnes destinés au design du site, personne n’oserait nommer les colonnes comme tel : menu de gauche – article central – menu de droite,

si ? bon vous trouverez toujours des exceptions mais retenez que grosso modo mon explication ma ouvert les yeux sur ce qu’il faut utiliser table ou div …

De plus si vous utilisez comme il faut les tableaux sur votre site internet, Google vous octroiera un petit bonus SEO car depuis fin 2014, certains résultats dans les pages de recherche utilisant des tableaux avec données tabulaires (et rien d’autres) pourront avoir les 3 premiers résultats du tableaux sous votre lien sur google (c’est pas obligatoire mais ça arrive) du coup votre site prendra plus de place sur la liste des résultats et l’internaute à plus de chance de cliquer sur votre lien si celui-ci lui plait

Cela s’appelle les snippets structures pour en savoir plus et cela n’a strictement rien à voir avec les micro données schemas ou autres

Posté dans CSS, Google, SEO

Laisser un commentaire