¿Las tablas HTML son malas para el SEO?


26

Muchos diseñadores desalientan el uso de tablas, pero tengo un diseño donde usaré más estructura div para lograr algo simple con una tabla.

¿Las tablas son malas para los motores de búsqueda?

editar: usaré CSS para la tabla para mantener limpio el HTML.


¿Puede describir su necesidad para que podamos sugerir alternativas a las tablas ( si es necesario )?
Gabriele Petrioli


1
¡Y sin embargo, los mismos snobs están felices de usar mal las listas para los menús de la página! Las tablas tienen que ver, por definición, con el diseño, no con el contenido. No es una etiqueta de hoja de cálculo. Hay muchos diseños dinámicos que son imposibles de hacer con CSS pero posible con tablas. Mucha gente toma el atajo de tener una página de ancho fijo, pero esto es mucho peor para la accesibilidad. Sí, el contenido debe separarse del diseño, pero esta no es una razón para descartar tablas en una reacción instintiva. Usarlos donde sea apropiado es perfectamente aceptable.
JamesRyan

Respuestas:


15

En lo que respecta al SEO, a los motores de búsqueda no les importa. Sin embargo, la idea es separar el diseño del contenido. Las tablas deben usarse estrictamente para datos tabulares, divs para el diseño. El uso de tablas con fines de diseño combina su marcado con elementos de diseño, lo que se considera una mala práctica.


7

Las tablas HTML son buenas:

  • mostrando una fecha similar a una tabla

Los datos no tabulares presentados como tablas HTML son malos para:

  • personas con discapacidades físicas porque tienen que usar lectores de pantalla (que no funcionan muy bien con tablas anidadas)
  • los motores de búsqueda prefieren sitios creados para personas y los sitios accesibles son uno de ellos

Para ver su sitio como motores de búsqueda, intente visitarlo con un navegador de texto como ELinks o lynx .


2
Tenga en cuenta, por supuesto, que los lectores de pantalla se acercan a la página web desde un ángulo muy similar al de los robots de los motores de búsqueda.

2

Ya se ha dicho antes, y lo diré de nuevo.

Tabular data- Usar tablas

Layout- Usa Divs

Tengo un diseño donde usaré más estructura div para lograr algo simple con una tabla ...

Parece que estás tratando de cortar esquinas o facilitarte el terminar el trabajo. En cualquier caso, hay algunas excepciones en las que usar una tabla puede ser crucial, pero no puedo ver cómo se ve el diseño.


2
-1 por no responder la pregunta.

lo siento, no quise decir diseño. Es para entradas. Supongo que los datos tabulares

1
-1 por no responder la pregunta: la pregunta no se refiere al diseño óptimo del sitio web ni a las buenas prácticas. Está puramente enfocado en "¿Impacta el SEO?"

2

<table>s vs <div>s tendrá poco o ningún efecto en sus resultados de SEO. Sin embargo, poner títulos y palabras clave en su <h1>, <h2>, <h3>, etc .. etiquetas ayudará.


2

A Google no le importa para el ranking cómo se ve su código. Solo les importa que sus visitantes reaccionen bien.

Mientras su sitio funcione para sus usuarios, Google no penalizará la forma en que estructura su marcado.

Por otro lado, cuando los usuarios encuentran su sitio poco atractivo, o cuando no les funciona, se van. Google nota cuando los usuarios vuelven a la página de resultados después de visitar su sitio y hacen clic en sus competidores. Sus clasificaciones caen cuando eso sucede


1

Los motores de búsqueda no tienen preferencia cuando se trata de tablas y / o CSS, e incluso puede usar ambos en la misma página sin problemas.

Si realmente quería impulsarlo, supongo que el tiempo de carga de la página es algo a tener en cuenta. Es un factor conocido en el Nivel de calidad de AdWords, y definitivamente hay evidencia de que Google verifica el comportamiento del usuario en los SERP, por lo que si ven una alta tasa de abandono (los clientes se impacientan con el tiempo de carga de la página), puede perder clasificaciones. Divs y CSS se cargan más rápido que las tablas.


1

Ok, este es el trato.

Hay que decir que las tablas están destinadas a datos tabulares, no a diseño. Está haciendo que la accesibilidad sea un problema tanto en los teléfonos móviles más antiguos como en los navegadores basados ​​en texto utilizados por las personas con discapacidad visual.

Ahora, el algoritmo de Google definitivamente lo tiene en cuenta. No conozco el algoritmo específico, pero supongo que cuando alguien está en un teléfono móvil, Google da resultados que sabe que son más apropiados para un teléfono móvil, por lo que podría estar perdiendo una gran cantidad de visitantes potenciales si usa Una mesa para el diseño.

Dependiendo de su diseño, también podría estar dificultando que el motor de búsqueda determine qué texto y párrafos están relacionados con cada uno. Esto podría ser malo para su clasificación, pero probablemente no demasiado. Sin embargo, con el diseño CSS es más fácil asegurarse de que el contenido principal de su página esté cerca de la parte superior, lo que siempre ayuda.

En tercer lugar, el uso de tablas para el diseño duplica una gran cantidad de marcado HTML para cada página de su sitio que se carga. Esta duplicación afectará el tiempo de carga de la página, incluso si es solo un poco, pero se sabe que Google, entre otros motores, usa el tiempo de carga como una de sus métricas para determinar el rango del sitio.

En general, no creo que la diferencia en el ranking del motor de búsqueda principal sea tan grande. Existen ventajas claras para el uso divs CSS para el diseño, sin embargo, como se señala en este post , y por lo tanto debe ser la recomendación en este caso, a menos que haya una muy buena razón para tomar la ruta de mesa (que no es rara vez).


Suena como una especulación para mí, no una respuesta.
Danubian Sailor

1

Sí, el diseño de la mesa es malo para el SEO

Lo mejor que puede hacer para la optimización SEO es considerar que un bot lea su sitio como ciego.

Por lo tanto, cuando usa un diseño de tabla, es imposible linealizar adecuadamente su contenido e imposible saber qué está en la parte superior y qué no.

Intente hacer que un sitio cumpla con la sección 508 (vea este artículo sobre validadores para él) y WCAG de WAI ( mire aquí para la validación), e intente leerlo con una herramienta como Lynx , o después de una linealización (con el Desarrollador web Barra de herramientas de Firefox por ejemplo).

Cuanto más respetes la gramática ( <p>es para los párrafos, <table>para el contenido tabular ...), del (x) HTML, más mejorará su accesibilidad Y su SEO.

Por lo tanto, <table>úselo para datos tabulares, no para diseño, úselo <h1>como el primer título del encabezado, no <span>con syles, etc., y no use <h3>solo para hacer que su texto sea más audaz y más grande, sino porque coloca un primer y un segundo encabezado título, y debe crear una subsección de la <h2>sección anterior en la estructura de su documento (no su página web).

Una cosa importante para hacerlo fácil es conocer y usar el flujo de documentos .


1
No veo cómo esto responde la pregunta. OP preguntó sobre el impacto de SEO, por lo que todo lo que está debajo de la segunda oración es un ruido, y los primeros 2 son muy pocos para responder.
Danubian Sailor

Me enseñaron que proporcionar una solución cuando se habla de un problema es una forma mucho mejor que hablar de manera negativa y agresiva como lo hace usted. Entonces, a través de la solución que proporcioné, creo que es más fácil ver cómo y por qué las tablas son malas para el SEO. En mi humilde opinión, no, no es ruido (¿ruido = ruido?), Es una manera de probar mi punto y proporcionar solución a un problema en la misma ocasión.
Pascal Qyy

0

Las tablas HTML deben usarse para datos tabulares y conjuntos de datos (entrada y salida) que fluyen naturalmente como datos tabulares como los formularios. No es recomendable usarlos solo para el diseño.

En cuanto a SEO y Google, bueno, creo que Google aplica la misma lógica que la anterior, en cualquier caso, anidar la información textual en una estructura de este tipo, en lugar de con una estructura adecuada que utilice encabezados y párrafos, funciona mejor.


0

El SEO en la página está relacionado con el contenido (calidad, frescura, utilidad) y cómo está envuelto en elementos HTML.

Ajustar / componer HTML es elegir las etiquetas correctas para el contenido. Simplemente no tiene sentido, por ejemplo, envolver todo el texto dentro de un elemento h1, colocando solo texto en un formulario sin campo ni botón de envío.

Dicho esto, repetiré: use tablas para datos tabulares. En este contexto tienen sentido. En otros contextos (como para hacer diseños solamente), no lo hacen.

Este tipo de mal uso es malo para el SEO ya que el contenido no está indexado correctamente: puede lograr una mejor clasificación en la página a través de un marcado mejorado, limpio y directo al punto.


0

Las tablas HTML son excelentes para SEO.

Usé DIV por años. Luego, como experimento, decidí usar tablas en uno de mis sitios web para el diseño. Mis clasificaciones de palabras clave se dispararon. Rehice mis sitios web uno por uno para usar tablas. En todos los casos, el SEO se benefició.

A pesar de lo que dicen los esnobs web y los artículos de las "Diez formas principales de mejorar su SEO", nunca descubrirá las mejores prácticas de SEO sin hacer sus propias pruebas.

Realmente no me importa lo que debe hacer una etiqueta, me importan los resultados.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.