|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
junsphoenix
WRInaute discret
Inscrit le: 16 Aoû 2006
Messages: 72
|
 Posté le : Jeu Sep 06, 2007 11:56 Sujet du message: Avantage du <div> sur le <table> |
|
|
Bonjour,
actuellement mon site (http://www.immobilier-tanger-maroc.com), contient beaucoup de table dans ses pages.
J'ai lu dans différents forums, qu'il est préférable d'utiliser des div pour notamment permettre une meilleure lecture aux robots.
Avez vous des retours concernant ces infos et l'avez vous expérimenter?
D'avance merci. |
|
| |
|
 |
e-kiwi
Modérateur
Inscrit le: 23 Déc 2003
Messages: 12252
Localisation: Toulouse
|
| Posté le : Jeu Sep 06, 2007 12:05 Sujet du message: Avantage du <div> sur le <table> |
|
|
<div> <- 5 lettres
<table><tr><td> <- 15 lettres
réduction de code : 66%
ca fait, pour du code source inutile pour l indexation dans google, 66% en moins, donc plus de code utile dans les robots dans ta page, c'est donc forcement pas un mal  mais en tableau, tu sera référencé aussi, c est juste pour gagner du poids en page (google va preferer une page de 5ko à une page de 100ko pour le meme texte utile  ) |
|
| |
|
|
bproductiv
WRInaute accro
Inscrit le: 27 Déc 2004
Messages: 2211
Localisation: La roche s/ yon
|
|
| |
|
|
Marie-Aude
WRInaute accro
Inscrit le: 05 Juin 2006
Messages: 3321
Localisation: More than a plastic girl
|
| Posté le : Jeu Sep 06, 2007 13:01 Sujet du message: Re: Avantage du <div> sur le <table> |
|
|
| junsphoenix a écrit: |
| il est préférable d'utiliser des div pour notamment permettre une meilleure lecture aux robots. |
Pas seulement aux robots : c'est beaucoup plus facile aussi pour les gens qui surfent avec un logiciel de lecture de page, et pour toi c'est aussi plus facile à maintenir. |
|
| |
|
|
junsphoenix
WRInaute discret
Inscrit le: 16 Aoû 2006
Messages: 72
|
| Posté le : Jeu Sep 06, 2007 13:47 Sujet du message: Avantage du <div> sur le <table> |
|
|
| e-kiwi a écrit: |
<div> <- 5 lettres
<table><tr><td> <- 15 lettres
réduction de code : 66%
ca fait, pour du code source inutile pour l indexation dans google, 66% en moins, donc plus de code utile dans les robots dans ta page, c'est donc forcement pas un mal mais en tableau, tu sera référencé aussi, c est juste pour gagner du poids en page (google va preferer une page de 5ko à une page de 100ko pour le meme texte utile ) |
J'aime bien l'idée de la page plus "légère" et donc mieux "avalée" par les moteurs. Je vais tester cela et vous tenir informés, ça servira peut être à d'autres... |
|
| |
|
|
chava2b
WRInaute occasionnel
Inscrit le: 05 Déc 2003
Messages: 226
Localisation: Bastia
|
| Posté le : Jeu Sep 06, 2007 14:33 Sujet du message: Avantage du <div> sur le <table> |
|
|
| Citation: |
| google va preferer une page de 5ko à une page de 100ko pour le meme texte utile |
Tu es sur de ca ?
D'un autre coté, les moteurs peuvent supprimer les balises avec un strip_tags par ex, donc c'est pas forcé qu'ils preferent les <div> aux <table> ou les pages legeres aux lourdes |
|
| |
|
|
paolo20110
WRInaute discret
Inscrit le: 04 Mai 2004
Messages: 98
Localisation: france
|
| Posté le : Jeu Sep 06, 2007 15:30 Sujet du message: Avantage du <div> sur le <table> |
|
|
| chava2b a écrit: |
| Citation: |
| google va preferer une page de 5ko à une page de 100ko pour le meme texte utile |
Tu es sur de ca ?
D'un autre coté, les moteurs peuvent supprimer les balises avec un strip_tags par ex, donc c'est pas forcé qu'ils preferent les <div> aux <table> ou les pages legeres aux lourdes |
Et quid de la bande passante pour toi comme pour le robot.
66% de contenu en moins c'est 66% de bande passante consommée dans le 2 sens, 66% d'espace disque en moins pour le cache de ta page.
Je ne suis pas sur que google favorise les pages legeres dans les resultats, mais googlebot à moins de travail. |
|
| |
|
|
YoyoS
WRInaute accro
Inscrit le: 14 Sep 2006
Messages: 2207
|
| Posté le : Jeu Sep 06, 2007 15:40 Sujet du message: Avantage du <div> sur le <table> |
|
|
De toute manière le <div> offre beaucoup plus de possibilités que le <table> parce que le <div> est neutre alors que le <table> possède des propriétés par défaut qui peuvent te faire péter un cable quand tu veux monter un design.
Bref, j'ai réussi à monter certains designs seulement avec des <div>. Quand il y a trop de <table>, ils s'influencent et ça devient le bordel ! |
|
| |
|
|
e-kiwi
Modérateur
Inscrit le: 23 Déc 2003
Messages: 12252
Localisation: Toulouse
|
| Posté le : Jeu Sep 06, 2007 15:45 Sujet du message: Avantage du <div> sur le <table> |
|
|
>> Tu es sur de ca ?
oui, c'est une question de logique. si excactement meme texte pour l'internaute, et poids plus leger, comment veux tu que ce soit mal vu ? |
|
| |
|
|
arnaudmn
WRInaute accro
Inscrit le: 11 Mai 2005
Messages: 1407
|
| Posté le : Jeu Sep 06, 2007 15:46 Sujet du message: Avantage du <div> sur le <table> |
|
|
| paolo20110 a écrit: |
| 66% de contenu en moins c'est 66% de bande passante consommée dans le 2 sens, 66% d'espace disque en moins pour le cache de ta page. |
Un site, c'est pas seulement <table><tr><td> répêté plusieurs centaines de fois. Au milieu de ça, il y a du texte. C'est pas parce qu'on va remplacer 10 tables par des divs (qui seront surement plus de 10) qu'on va réduire son code de 66% !!! |
|
| |
|
|
e-kiwi
Modérateur
Inscrit le: 23 Déc 2003
Messages: 12252
Localisation: Toulouse
|
| Posté le : Jeu Sep 06, 2007 15:49 Sujet du message: Avantage du <div> sur le <table> |
|
|
| arnaudmn a écrit: |
| paolo20110 a écrit: |
| 66% de contenu en moins c'est 66% de bande passante consommée dans le 2 sens, 66% d'espace disque en moins pour le cache de ta page. |
Un site, c'est pas seulement <table><tr><td> répêté plusieurs centaines de fois. Au milieu de ça, il y a du texte. C'est pas parce qu'on va remplacer 10 tables par des divs (qui seront surement plus de 10) qu'on va réduire son code de 66% !!! |
j'ai pourtant pris cet exemple car apres refonte d'un de mes sites, je suis passé de 18ko à 6ko en supprimant tout tableau ou balise ou code non compatible xhtml 1.1. donc les 66% y sont bien
et non il n'y a pas plus de 10 divs pour 10 tableaux
>> Un site, c'est pas seulement <table><tr><td> répêté plusieurs centaines de fois
étudie le code sources de gros portails fait en tableaux, tu verra que c'est des centaines de tableaux |
|
| |
|
|
paolo20110
WRInaute discret
Inscrit le: 04 Mai 2004
Messages: 98
Localisation: france
|
| Posté le : Jeu Sep 06, 2007 15:54 Sujet du message: Avantage du <div> sur le <table> |
|
|
| arnaudmn a écrit: |
| paolo20110 a écrit: |
| 66% de contenu en moins c'est 66% de bande passante consommée dans le 2 sens, 66% d'espace disque en moins pour le cache de ta page. |
Un site, c'est pas seulement <table><tr><td> répêté plusieurs centaines de fois. Au milieu de ça, il y a du texte. C'est pas parce qu'on va remplacer 10 tables par des divs (qui seront surement plus de 10) qu'on va réduire son code de 66% !!! |
J'en convient mais il n'empeche, que quelque soit la proportion c'est toujours de la bande passante economisée, surtout que si on reflechit uniquement tableau, en imbriquant plusieurs, creant (à l'ancienne) une cellule pour un pixel ou presque le poid du code de la page peut vite augmenter, même rapport au contenu.
Tu as ete plu rapide e-kiwi |
|
| |
|
|
arnaudmn
WRInaute accro
Inscrit le: 11 Mai 2005
Messages: 1407
|
| Posté le : Jeu Sep 06, 2007 16:07 Sujet du message: Avantage du <div> sur le <table> |
|
|
| e-kiwi a écrit: |
| j'ai pourtant pris cet exemple car apres refonte d'un de mes sites, je suis passé de 18ko à 6ko en supprimant tout tableau ou balise ou code non compatible xhtml 1.1. donc les 66% y sont bien |
Super. Si on trouve un exemple qui démontre ce qu'on veut, alors on peut généraliser
| e-kiwi a écrit: |
| et non il n'y a pas plus de 10 divs pour 10 tableaux |
Si tu as vraiment remplacé N tableau par N div, c'est en effet que tu devais pas utiliser les tableaux comme il faut.
| e-kiwi a écrit: |
| étudie le code sources de gros portails fait en tableaux, tu verra que c'est des centaines de tableaux |
Formidable. |
|
| |
|
|
chava2b
WRInaute occasionnel
Inscrit le: 05 Déc 2003
Messages: 226
Localisation: Bastia
|
| Posté le : Jeu Sep 06, 2007 16:07 Sujet du message: Avantage du <div> sur le <table> |
|
|
Que certains aiment plus la table que le div ou inversement, c'est pas trop là mon interrogation.
Avec des div la page est surement plus legere, bien que on parle de quelques ko, mais y a pas de petites economie pour ceux qui n'ont pas d'ADSL par ex.
Sinon, economiser le boulot du bot de GG je ne sais pas s'il t'en sera reconnaissant pareil pour la bande passante (tres souvent maintenant c'est illimité d'ailleurs);
Mais si je trouve 5mn j'essayerai de voir si le meme contenu dans une page lourde est mieux positionné que sur une page legere |
|
| |
|
|
bproductiv
WRInaute accro
Inscrit le: 27 Déc 2004
Messages: 2211
Localisation: La roche s/ yon
|
| Posté le : Jeu Sep 06, 2007 16:16 Sujet du message: Avantage du <div> sur le <table> |
|
|
tiré de l'article : http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Petite-compara...
| alsacreation a écrit: |
I Du point de vue du Webmaster
1° Le poids de la page
2° Lisibilité du code
3° La facilité d’entretien du site
II Du point de vue du visiteur
1° Une dynamique sans JavaScript
2° Un plus grand public peut accéder aux pages web
Tout n'est malheureusement pas parfait avec la méthode moderne. Ainsi, vous devrez apprendre à coder de manière standard, et désapprendre à coder en tableaux. Et si l’apprentissage n’est déjà pas toujours facile, c’est d’abord se débarrasser des mauvaises habitudes, ce qui est très dur.
C'est aussi pour cela que les tableaux sont encore utilisés aujourd'hui ! |
etc... je vous laisse lire directement la conclusion.. |
|
| |
|
|
| |
|
|
