Errores comunes en la semántica HTML4 / HTML5 y por qué deben evitarse - Profit Hunter

Al igual que el contenido bien estructurado hace que la comunicación con el sitio sea más conveniente para el visitante, el marcado semántico, en mi opinión, hace que la comunicación con el sitio sea más conveniente para el motor de búsqueda.

No, no quiero decir que para SEO es una cuestión de vida o muerte, esto ni siquiera está cerca, pero si comparte mi opinión y considera que la correcta estructuración de la información complementa el contenido con el contexto y promueve la indexación beneficiosa y clasificación: nunca se tome el tiempo de verificar a fondo la semántica de su código.

Un artículo de marcado recientemente apareció en springboardseo. com, que diligentemente y traduje.

Errores semánticos comunes

Abuso de Div

Div se utiliza para dividir un patrón en segmentos lógicos cuando no es posible aplicar una etiqueta semánticamente correcta. Antes de HTML5, no había etiquetas como. encabezado y pie de página , por lo tanto, al usar DOCTYPEHTML4 o XHTML, no olvide crear ID para las secciones relevantes, así como para las barras laterales, las columnas principales y otras particiones lógicas de la plantilla. Nunca debes perder la oportunidad de recordar la semántica.

Múltiples H1

En XTML y versiones anteriores de HTML de HTML (que, en general, siguen siendo las versiones más comunes de HTML), uno de los errores semánticos más comunes fue el uso de múltiples H1 en uno página La etiqueta H1 se usa exclusivamente para el título de la página principal y debe usarse solo una vez justo antes de la parte del contenido, similar a un artículo de un periódico en el que puede haber subtítulos, pero siempre hay un solo título principal.

La especificación HTML5 agrega una nueva dimensión a este problema: el hecho es que recomienda que desde el punto de vista de HTML 4. 01 fue un error semántico, es decir, el uso de más de un H1. Múltiples encabezados son bastante apropiados en HTML5, ya que las páginas en él están segmentadas más (y de otra manera), pero en las versiones anteriores a HTML5 solo debería haber un H1 en la página.

Omitir niveles de encabezado

Si H4 está presente en su marca, es mejor reemplazarlo por H3. No te pierdas los niveles de titulares. Si desea que la fuente de subtítulos sea más pequeña, abra la hoja de estilo y realice los cambios necesarios.

Patrones basados ​​en tablas

Hemos vivido en el siglo XXI durante más de diez años, por lo que esto, en general, podría haber sido silencioso. Sin embargo: en las tablas HTML están destinadas a datos tabulares. Es decir: para las tablas de imágenes - por favor. Para la plantilla de la página - no vale la pena.

El posicionamiento CSS no es tan difícil de dominar como parece a primera vista, especialmente si es posible recurrir a un especialista experimentado que pueda superar la incompatibilidad con los navegadores principales con dos o tres correcciones elegantes.

Lo principal que debe recordar sobre el posicionamiento de CSS es que se puede alcanzar en un 90% solo a través de las propiedades de margen y flotación. Para la mayoría de las plantillas, no es necesario desordenar las hojas de estilo con propiedades de posicionamiento demasiado detalladas, por lo que será difícil para usted entender sus propios estilos más adelante.

Elementos de bloque dentro de elementos de línea

Para los principiantes, la diferencia entre elementos de línea y elementos de bloque a menudo resulta ser una fuente de gran confusión.

Abuso BR

Si inserta un salto de línea, o. br. Después de cada pocas palabras, probablemente necesite aplicar la lista. Si entras mucho. br. en una fila, probablemente sea hora de que pienses en agregar estilos.

¿Pero cómo afecta el marcado semántico al SEO?

El principio de "palabras correctas en los lugares correctos" no es suficiente para ayudar a los visitantes del sitio a aprovechar al máximo su contenido, ni para una interacción rentable con algoritmos de clasificación . Yo, por supuesto, generalizo, pero esto es solo para traerle mi pensamiento, a saber:

La estructura del texto es un concepto de percepción visual que solo tiene sentido para las personas. Los motores de búsqueda reciben estímulos contextuales de los significados semánticos contenidos en los encabezados, subtítulos, listas de definición y otros elementos HTML semánticamente ricos.

Semántica, SEO y el futuro

Si aún no está escribiendo sus propios códigos HTML y CSS, debe tener cuidado de comenzar a hacer esto en un futuro próximo. Por que Con el advenimiento del controvertido sistema Schema. La organización, creada por tres gigantes de búsqueda, el advenimiento de la Web Semántica se está moviendo cada vez más del área de ideas, donde se ha encontrado durante más de una década, al área de la realidad.

La Web semántica es un nuevo nivel de influencia de la semántica en la búsqueda, así como en muchos otros aspectos de la vida de la red, y uno que no sigue el ritmo de los cambios corre el riesgo de encontrarse en una posición extremadamente poco envidiable.

¿Te gustan los artículos? Suscríbete al boletín de noticias

Buscar

Artículos relacionados