[SOLUCIONADO] Tablas o listados para un buen SEO

[navegantes]

Hola, buenas.

Estoy interesado en que una página que estoy desarrollando cumpla lo mejor posible con una buena estructura para que a Google le guste.

Tengo una duda entre usar tablas o listas. En la situación que tengo no se exáctamente cual es la mejor.
Tengo un listado con una serie de precios, y quiero que los precios estén correctamente alineados, como se muestra en el ejemplo (pero sin los puntos que en este caso necesito para alinear y representar la idea).

Texto corto............................... precio
Texto mas largo....................... precio
Texto largo............................... precio
texto todabía más largo........ precio

En principio eso lo podría hacer metiéndolo en cajas y dándole un tamaño a los textos... pero más rápido lo haría poniendo una tabla y listo.

Pero como últimamente las tablas tienen tan mala fama no se si es mejor hacer un listado y jugar con el css o en este tipo de situaciones las tablas son válidas y para el posicionamiento no afecta especialmente.

Espero haberme explicado.

Gracias

[Pepbeer]

Tu mismo te has respondido:

Estás preguntando esto:

Tengo una duda entre usar tablas o listas

Y luego dices esto:

Tengo un listado con una serie de precios

[navegantes]

Hola Pepbeer.

Sí ya se que comento lo de un listado, pero un listado de precios o de datos también puede ir en una tabla (en este caso con dos columnas). Lo que quiero saber es si es preferible hacer un listado y manejar los espacios con CSS o si lo pongo en una tabla (que es más rápido) el SEO será parecido o igual.

También pienso un poco en lectores de páginas web automatizados para gente con deficiencias visuales y no se cual de las cosas será mejor.

[popobcn]

Las tablas por más que se digan algunas voces, siguen siendo útiles y necesarias para elaborar ciertas composiciones y aún a día de hoy, están definidas y representadas en HTML5. Sobre si hacer o no la lista de precios empleado listados desordenados y aplicarles un estilo con CSS o emplear tablas, es una mera cuestión de elección personal bajo mi punto de vista, ya que en ambos casos se morirá si o no en darles un estilo determinado por medio de CSS.

¿Qué es mejor? Para mi las listas, ya que ahorran bastante código y - bajo mi punto de vista - son leídas e interpretadas con mayor facilidad por los motores de búsqueda como Google

[Pepbeer]

Estoy con popobcn, tanto tablas como listas son bien aceptadas para nuestras páginas. Tanto en html5 como en frameworks como Bootstrap están incluidas.

En el caso que comentas, al ser un listado yo haría una lista.

Si como comentas, tiene que tener varias columnas, pues una tabla.

En ambos casos con css le das un estilo agradable para el usuario.

[navegantes]

Muchas gracias Popobcn y Pepbeer por vuestras respuesta.

Me decantaré finalmente por listas y adaptarlo con CSS y como por lo visto son mejor leidas por los motores de búsqueda pues listo.

Una vez más muchas gracias a los dos.

[Daniel Ulczyk]

Iniciado por navegantes

Me decantaré finalmente por listas y adaptarlo con CSS y como por lo visto son mejor leidas por los motores de búsqueda pues listo.

El uso de tablas no es malo para el SEO. Simplemente hay que usar las tablas para lo que fueron hechas
En el caso que nos ocupa, desde un punto de vista semántico, no se trata de un listado; se trata de datos tabulados. Por lo tanto, lo apropiado—estructuralmente hablando—es aplicar el mark-up de tablas.

[navegantes]

Iniciado por Daniel Ulczyk

El uso de tablas no es malo para el SEO. Simplemente hay que usar las tablas para lo que fueron hechas
En el caso que nos ocupa, desde un punto de vista semántico, no se trata de un listado; se trata de datos tabulados. Por lo tanto, lo apropiado—estructuralmente hablando—es aplicar el mark-up de tablas.

OK, todabía no me he empezado con la tarea así que tendré en cuenta lo que comentas.

Muchas gracias Daniel Ulczyk

[phoneval]

Yo meteria en un div todo y le daria estilo no creo que necesites usar tables ni listados para lo que comentas.

[navegantes]

Iniciado por phoneval

Yo meteria en un div todo y le daria estilo no creo que necesites usar tables ni listados para lo que comentas.

Me sorprende eso. Meter todo en un div y darle simplemente estilo. No creo que eso sea una buena solución para un correcto SEO. Si es un listado de precios, es lo que es, un listado, y para eso se inventaron las listas ordenadas, no ordenadas y las tablas. Si no sirvieran no creo que las hubieran mantenido tantos años y llegar a HTML5.

Además si solo le doy estilo si el css falla o el usuario no lo carga porque no quiere o es un lector automatizado de webs para ciegos no me quiero imaginar como va a quedar todo el listado uno a continuación del otro.

La pregunta era saber que era lo mejor para SEO si un listado o tablas en este caso, pero no creo que meter en un div todo sea la solución.

O yo no he entendido bien tu planteamiento o me parece totalmente contradictorio sobre todo lo que aquí se ha hablado.

[phoneval]

Tu has preguntado que era lo mejor para el SEO yo te digo que he programado varios robots y la mejor forma de encontrar y separar el contenido era gracias a los divs, si tu haces una lista de precios con titulos y descripciones sin separarlo el robot leera todo el contenido como si fuera uno en lugar de separar cada cosa en su sitio como tiene que ser.

Si falla el css te da igual que sean divs que li que peperonis, te lo va a mostrar uno bajo del otro linealmente.

[Daniel Ulczyk]

Iniciado por phoneval

Si falla el css te da igual que sean divs que li que peperonis, te lo va a mostrar uno bajo del otro linealmente.

Hola phoneval

Preparé un sencillo ejemplo en un sola captura. De mano derecha un edición en HTML puro, de mano izquierda a través de los ojos de un agente de usuario.

Notarás que si no se lleva a cabo un previo CSS Reset y en ausencia de cualquier hoja de estilos; las listas, se siguen viendo como lista. Ya que es un elemento estructural.

[phoneval]

Hola Daniel, seria asi:

<divprincipal>
<divhijo>
</divhijo>
<divhijo>
</divhijo>
</divprincipal>

Para mi seria mucho mas facil darle estilos de esta manera y ademas a la hora de leer con un robot programado en php por ejemplo gracias a la clase xpath podrias separar mas facilmente el contenido de dentro de los divs y saber que es cada cosa.

[Daniel Ulczyk]

@phoneval

Yo puse el ejemplo porque el comentario fue te lo va a mostrar uno bajo del otro linealmente

Por otro lado—de cara al SEO—debo ceñirme a como lo agentes de usuario recorren los documentos y reconocen las estructuras. No existe duda, que para estos crawlers o bots el mark-up semántico es lo mejor que nosotros podemos darles para otorgar sentido a lo que publicamos entenderás que esto es ir un paso más allá de la programación del lado del servidor ¿no es cierto?

[Tedel]

Para el ejemplo que has puesto, corresponde una tabla.

[phoneval]

Iniciado por Daniel Ulczyk

@phoneval

Yo puse el ejemplo porque el comentario fue te lo va a mostrar uno bajo del otro linealmente

Por otro lado—de cara al SEO—debo ceñirme a como lo agentes de usuario recorren los documentos y reconocen las estructuras. No existe duda, que para estos crawlers o bots el mark-up semántico es lo mejor que nosotros podemos darles para otorgar sentido a lo que publicamos entenderás que esto es ir un paso más allá de la programación del lado del servidor ¿no es cierto?

Sinceramente daniel no entiendo muy bien lo que comentas, posiblemente no me haya expresado bien ...

Un bot,craw,robot,etc sea del buscador que sea se conecta a tu web:

1.- lee el contenido (hasta ahi todo esta claro)
2.- desglosa ese contenido (divs, parrafos, titulos, metas)
3.- valora ese desglose segun sus factores a posicionar (es aqui a lo que yo me referia)
3.1.- Factor title este es facil de sacar.
3.2.- Factor h1 si tiene varios se queda con el primero (esto seria facil de sacar)
3.3.- Texto (es en este aspecto al que me referia).
Etc etc.

[gran Wakka]

Las tablas están mal vistas para maquetar. Pero para listados, creo que no. Yo en este caso, usaría tabla.

Pero luego ya están los gustos de cada cual.

[Pepbeer]

Tabla con una sola columna = <ul>
Tabla con más de una columna = <table>

[Daniel Ulczyk]

Iniciado por Pepbeer

Tabla con una sola columna = <ul>

Por aquí no somos muy puristas, en ese sentido

Pero ese comentario, en el foro de HTML—por ejemplo—te hubiera valido de 1 millón de amigos