Uso de etiquetas DOM

Uso de etiquetas DOM

Uno de los pilares del SEO mas técnico es la correcta aplicación de las etiquetas correspondientes a tu página web para que Google las pueda interpretar y catalogar como es debido según el interés de los usuarios y el nuestro propio. Existen montones de etiquetas distintas y el número va en aumento con cada nueva versión de estandares de html, pero un error muy común es decidir que etiquetas se usan solo tomando como referencia sus estilos inherentes.  Entonces, ¿ Cuando usar p o span? ¿Cuando usar section o article? ¿Cuando es ol o ul? La verdad no esta escrita en piedra y está sujeta a muchos matices pero normalmente se debe imponer el sentido común.

La etiqueta h1 debería estar reservada para el título de la url en la que estamos, o lo que es lo mismo, el tema que define dicha dirección y en todo caso se puede complementar con un h2 que acabe de matizar o concretar la sección, muy apropiado para introducir variables dinámicas . 

Article y section son dos etiquetas que a prior pueden parecer muy similares pero que cada una tiene su uso apropiado. La etiqueta article la dedicaremos exclusivamente a textos escritos como noticias, entradas de blog o recortes de prensa, mientras que la etiqueta section debería emplearse solo para dividir el contenido de una url en diferentes categorias, como por ejemplo, la section del producto, abajo una section de opiniones y puede que a un lado una section con artículos relacionados.

Otro aspecto a tener en cuenta son las propiedades que se pueden definir para cada etiqueta y las peculiaridades especificas de cada una, por ejemplo, dentro de un ol o ul solo deben haber elementos del tipo li. Luego, diferentes elementos tienen acceso a diferentes propiedades especiales, como por ejemplo un a debe tener un href mientras que un href no tiene cabida dentro de un div o un section.

Para realizar comprobaciones sobre nuestras URLs podemos utilizar diversas herramientas, siendo nuestra favorita validator.w3.org, que nos mostrara un listado de errores en la sintaxis html, tanto errores graves como avisos de buenas prácticas.


Autor:

Accede a nuestra sección de proyectos a medida en Diseño Web

Comparte este artículo en tus redes sociales