<table> va mal para SEO ?

#1 (**permalink**) 10/01/2013, 11:54

Hola.. quisiera saber si <table> va mal para SEO? y cual es la solucion? div's o li ul ? (no he encontrado ninguna tabla con li ul) se me acudio hacer div de esta manera:

Código HTML:

<div align="center" style="height: 200px;">

<img style="float: left;" border="0" height="200" src="http://4.bp.blogspot.com/-_ulKlUTSTm4/UObQcJDUmXI/AAAAAAAAAfY/MHykC2RuNk4/s200/porno.jpg" width="199" />

<img border="0"  height="200" src="http://4.bp.blogspot.com/-_ulKlUTSTm4/UObQcJDUmXI/AAAAAAAAAfY/MHykC2RuNk4/s200/porno.jpg" width="199" />

<img style="float: right;" border="0"  height="200" src="http://4.bp.blogspot.com/-_ulKlUTSTm4/UObQcJDUmXI/AAAAAAAAAfY/MHykC2RuNk4/s200/porno.jpg" width="199" />

</div>

Una aclaracion seria genial, Gracias!

Daniel Ulczyk · #2 (**permalink**) 10/01/2013, 13:28

Medito, antes que nada, que estamos hablando sobre como las cosas se hacen hoy día: HTML5, CSS3, jQuery, etc. y como se hacían hace muchos años atrás.

Esto es ir más allá de si se debiera hacer o no.

Hacer un sitio Web con una markup basado en tablas no sólo—hoy día—es malo para el SEO ya que:

el diseño en tablas carece de un markup semántico
afecta sensiblemente los tiempos de carga de una sitio Web
etc.

Básicamente, no le brinda una buena experiencia al usuario. El acceso a los sitios Web desde distintos dispositivos, es hoy día una experiencia que no merece ser sólo una opción considerarla; sino—más bien, una obligación.

Y esto; cualquiera—hoy día—puede comprobarlo.

#3 (**permalink**) 10/01/2013, 13:43

Haría uso de los div (diría que los crawls lo interpretan y leen mejor que las tablas), dejando atrás ya las anticuadas tablas, gracias a CSS se pueden hacer cosas increíbles.

Por cierto, "li ul" son simples listas, enumeraciones, etc, nada que ver con generar una tabla o div.

Tedel · #4 (**permalink**) 10/01/2013, 13:45

<table> es menos bueno para el posicionamiento porque obliga a cualquier intérprete a leer la página web dos veces: una para entender la estructura de la table y la otra para incluir el contenido en cada uno de los cuadros.

En el diseño web actual se usan <div> o —mejor— etiquetas HTML5 como <section> y <article>. Son más eficientes para el posicionamiento.

Ahora, no creas que por usar tablas estás en una asquerosa desventaja. La diferencia no es abismal, pero existe.

#5 (**permalink**) 10/01/2013, 14:23

muchisimas gracias, entonces la mini tabla de div que hice arriba? es aceptable?!

Muchas Gracias a todos!

#6 (**permalink**) 10/01/2013, 14:45

Cita:

Iniciado por djkiku

entonces la mini tabla de div que hice arriba? es aceptable?

Es "aceptable" entre comillas, ya que ese align y ese border no te pasará la validación de la W3C.

el_java · #7 (**permalink**) 10/01/2013, 15:27

Que buena,....

cada dia aprendo mas de alguna cosa en este foro :)

merino_renato · #8 (**permalink**) 10/01/2013, 15:54

Eso de que las table, afectan el tiempo de carga es solo un mito. algunas páginas de mis sitio están hechas con table, y en Gmetrix tengo calificaciones A 94% y B 82%...

En Google pagespeed tengo una velocidad de 94 sobre 100...

Que sea mejor el markup de HTML5, no lo dudo.

Pero de eso a que te afecte la velocidad o el SEO, pues es falso.

Esas mismas páginas de mi sito aparecen para varias búsquedas en primer lugar de Google.

O sea que no afecta al SEO, ojo, no quiere decir que no pueda mejorar en algunas keywords más competidas, pero no es un factor determinante para posicionar un sitio.

Pero si puede ser un criterio de desempate entre dos sitios peleando por el primer lugar, obvio que el sitio que tenga mejor markup tiene más posibilidades de rebasar al sitio en table, si están muy parecidos en velocidad, backlinks, D A, etc.

Lo que más te debe importar después del pagespeed de tu sito es como lee Google tu página, puedes utilizar estas herramientas:

http://www.yellowpipe.com/yis/tools/...ynx_viewer.php

http://www.delorie.com/web/lynxview.html

Saludos

#9 (**permalink**) 10/01/2013, 16:20

Cita:

Iniciado por Juan Carlos

Es "aceptable" entre comillas, ya que ese align y ese border no te pasará la validación de la W3C.

Vale... como se podria mejorar? Seria de gran ayuda!

merino_renato Muchas Gracias justamente buscaba sitio que me diga como lee la web el Google! :) Excelente!

Entieno también que poner div o table.. afecta a lo mas minimo al tema SEO, lo unico que trabajo en un proyecto.. que va a competir contra webs como .gov.. .edu... y necesito optimizar la web al máximo!!! y cuido los minimos detalles! Seria de gran ayuda, que alguien pusiera el ejemplo de una tabla! 2 columnas por 2 flilas! Realmente seria util para muchos creo yo!

Gracias de ante mano a todos, gracias a vosotros aprendo cada dia mas!

#10 (**permalink**) 10/01/2013, 17:11

Cita:

Iniciado por djkiku

Vale... como se podria mejorar? Seria de gran ayuda!

Esto ya es tema del foro de HTML y CSS, pero como te decía, si los errores de código los tienes en el align y el border, será porque hay que separar esas órdenes del archivo html y ordenarlo desde el css.

#11 (**permalink**) 11/01/2013, 07:44

Cita:

Iniciado por Juan Carlos

Esto ya es tema del foro de HTML y CSS, pero como te decía, si los errores de código los tienes en el align y el border, será porque hay que separar esas órdenes del archivo html y ordenarlo desde el css.

Muchas Gracias! Ahora mismo abrire un hilo sobre el tema en html css :)

Un Saludo y muchas gracias!

pzin · #12 (**permalink**) 11/01/2013, 11:24

Cita:

Iniciado por merino_renato

Eso de que las table, afectan el tiempo de carga es solo un mito.

Cita:

Iniciado por djkiku

Seria de gran ayuda, que alguien pusiera el ejemplo de una tabla! 2 columnas por 2 flilas!

Código HTML:

Ver original<table>
  <tr>
    <td>Eins</td>
    <td>Zwei</td>
  </tr>
  <tr>
    <td>Drei</td>
    <td>Vier</td>
  </tr>
</table>

versus

Código HTML:

Ver original<div>Eins</div>
<div>Zwei</div>
<div>Drei</div>
<div>Vier</div>

Código CSS:

Ver originaldiv { float: left; width: 50%; }

No es un mito, es algo innato del propio código. Y normalmente quienes usan tablas meten mucho más código del necesario => más código a servir => más tiempo a cargar.
Además el código CSS es reusable lo que implica reducción de código => menos tiempo para cargar.

#13 (**permalink**) 11/01/2013, 11:28

merino_renato · #14 (**permalink**) 11/01/2013, 14:01

Más claro ni el agua, ya los dijo Matt Cutts

Sería ridículo que si Google entiende Jquery, Html 5, CSS3, y demás programaciones avanzadas.

No pudiera interpretar las table.

Como escribí antes, yo hablo de resultados en base a mi proyecto, no me considero un SEO, si acaso conozco las bases, soy más un optimizador web.

Y por eso es que después de probar el pagespeed de mi web, se que no afecta la velocidad del mismo.

En cuanto al SEO, pues si el llegar a una primera posición fuera imposible usando table, por baja poco competida que esta fuera, no tendria más de 100 páginas de mi sitio en top 3 de Google par distintas búsquedas.

Claro que si tuviera tiempo de pasar todo mi sitio a HTML% con Jquery y CSS3, pues lo haría, pero repito, por lo menos en mis caso, esto no es prioridad.

Saludos

mironcete2011 · #15 (**permalink**) 11/01/2013, 14:20

El tag table se ha convertido en el demonio para los puristas del HTML. De vez en cuando a la gente le da por tonterías de este tipo.

Siendo puristas usaríamos "table" para la presentación de tablas de datos y CSS para el diseño. Esto es, para ajustar imágenes o cualquier otro elemento de diseño usar CSS, para presentar datos, de por ejemplo, la población de España por provincias, usar table.

Ah! si! y para posicionar en Google... que era la pregunta: muchos enlaces naturales.

#16 (**permalink**) 11/01/2013, 14:24

Cita:

Iniciado por merino_renato

Más claro ni el agua, ya los dijo Matt Cutts

Sería ridículo que si Google entiende Jquery, Html 5, CSS3, y demás programaciones avanzadas.

No pudiera interpretar las table.

Claro que puede interpretar las table, pero hay que tener en cuenta que el vídeo que os he puesto data del 2009, y ha llovido mucho desde entonces.

No obstante, Matt Cutts lo dice perfectamente (y repito, hablamos de hace 4 años): "Las tablas tienen connotaciones de la web 1.0" (haciendo aspavientos con las manos, como si quisiera decirnos que son cosa del pasado, ya anticuadas, aunque sí las aceptan aún si para tu diseño es válido, pero queriendo decirnos que es mejor que lo actualices a la web 2.0).

mironcete2011 · #17 (**permalink**) 11/01/2013, 14:41

Cita:

Iniciado por Juan Carlos

No obstante, Matt Cutts lo dice perfectamente (y repito, hablamos de hace 4 años): "Las tablas tienen connotaciones de la web 1.0" (haciendo aspavientos con las manos, como si quisiera decirnos que son cosa del pasado, ya anticuadas, aunque sí las aceptan aún si para tu diseño es válido, pero queriendo decirnos que es mejor que lo actualices a la web 2.0).

Hay que decirle a Matt Cutts que se revise el código fuente de google.com, porque usan varias veces "table" oh! Dios mio! (léase imaginando a Matt Cutts haciendo aspavientos mientras grita "oh! my God")

pordos · #18 (**permalink**) 12/01/2013, 02:49

es innegable que no usar table es mejor, pero si ya tienes un proyecto funcionando la inversión en tiempo y esfuerzo para cambiar la programación en este aspecto no se justifica, pero si te planteas un nuevo diseño hay que hacerlo ya pensando en la web2.0 o 3.0 o 4.0 ya no se en que número vamos.