Skip links

Etiqueta Semántica

Definición: ¿Qué es una etiqueta semántica?

Las etiquetas semánticas informan a las arañas de los motores de búsqueda sobre la importancia y la naturaleza de los elementos de una página. Son elementos de código que ayudan a estructurar una página para que sea clara y legible para Google. Además, indican al navegador cómo mostrar una página informando de su estructura, y, por tanto, también ayudan a que las páginas web sean legibles para cualquier usuario.

Las etiquetas semánticas más conocidas son h1, h2, etc. Pero hay muchos otros que estructuran y jerarquizan el contenido de una página.

Gestion des backlinks reçus par un site

¿Cómo se aplica el marcado semántico?

Existen dos técnicas diferentes para configurar el marcado semántico, cada una de las cuales utiliza una plataforma distinta.

Con la herramienta de ayuda de Google

Esta técnica permite no tener que tocar ni una sola línea de código fuente, por lo que es accesible a todo el mundo. A continuación se detallan los diferentes pasos de esta técnica:

  1. Seleccione el tipo de datos que desea estructurar en la herramienta de marcado HTML de Google.
  2. A continuación, indique la URL de la página a la que desea aplicar la etiqueta semántica. Si su página aún no ha sido publicada, simplemente copie y pegue el código HTML del artículo.
  3. Pulse “Iniciar etiquetado”. A continuación, haga clic en “Nombre” para que aparezca el título de su artículo en la pestaña “Mis elementos de datos” y añada allí las nuevas etiquetas.
    Una vez que haya introducido todos los elementos que desea etiquetar, haga clic en “Crear HTML”. Esto creará su código HTML, en el que las etiquetas semánticas aparecerán resaltadas en amarillo.
  4. Por último, inserte las etiquetas en el código fuente de su página accediendo al back office.

En WordPress con un plugin

La segunda técnica consiste en instalar un plugin de WordPress como Yoast SEO o Schema Pro. El uso de estos plugins es muy sencillo e intuitivo. Solo tiene que descargar uno de los plugins, rellenar los distintos campos con los valores correspondientes y, a continuación, hacer clic en la pestaña “insertar”. Las etiquetas HTML5 se integrarán directamente en el código fuente de su página.

Principales etiquetas semánticas en HTML

Existen diferentes etiquetas semánticas, todas ellas con significados y usos distintos. Estas son los principales.

Etiqueta de cabecera

Esta etiqueta indica a Google qué contenido está presente en la parte superior de la página. Este contenido corresponde en parte al menú de navegación principal. Gracias a esta etiqueta, se advierte a Google del carácter recurrente e idéntico de este contenido.

Etiqueta nav

La etiqueta nav marca el menú de navegación de un sitio. Suele colocarse en la cabecera, pero también puede encontrarse en el pie de página. Reúne los enlaces de navegación y tiene un impacto significativo en la estructura de su sitio.

Etiqueta principal

Esta etiqueta indica a Google el contenido principal de una página. Se recomienda utilizar solo uno por página. Además, el interior de esta etiqueta puede dividirse a su vez en varias partes utilizando las etiquetas de sección y artículo.

Etiquetas de artículos y secciones

Como ya se ha mencionado, estas etiquetas se utilizan para estructurar el contenido dentro de la etiqueta principal. Estas etiquetas pueden agruparse como se desee: una etiqueta de sección puede contener varias etiquetas de artículo, y viceversa. Generalmente, la etiqueta de artículo se utiliza para páginas de contenido, y se divide en varias etiquetas de sección que agrupan las diferentes ideas de su contenido.

Se recomienda utilizar etiquetas de sección para sus páginas de anuncios para englobar todos sus productos o contenidos en la página. La etiqueta de artículo, por su parte, suele incluir un título, información de publicación, categoría, contenido y una lista de artículos relacionados.

Etiqueta Aside

La etiqueta aside se utiliza para indicar el contenido secundario de una página a Google y otros motores de búsqueda. Suele contener enlaces a artículos relacionados con el contenido, o a productos similares.

Etiqueta footer

La etiqueta footer se utiliza para indicar el contenido presente en el pie de página de la página. Al igual que la cabecera, esta etiqueta suele contener contenido recurrente, como el logotipo de la empresa, enlaces a páginas, información de contacto, etc. Es una etiqueta que se encuentra en la parte inferior de la página.

Etiqueta Hn

Las etiquetas Hn se utilizan para estructurar el contenido. Sin duda conoce las etiquetas h1, h2 y h3, utilizadas habitualmente en la redacción de contenidos para indicar el título y los distintos subtítulos de un artículo. Estas etiquetas son esenciales para estructurar el contenido: la etiqueta h1 contiene el título de un artículo, la etiqueta h2 los subtítulos y la h3 los sub subtítulos. Estas etiquetas llegan hasta 6, pero las h4, h5 y h6 no suelen utilizarse mucho. Procure no utilizar más de una etiqueta h1 por página.

Etiquetas blockquote y cite

Estas dos etiquetas se utilizan para indicar la presencia de citas en un contenido. La etiqueta blockquote rodea la cita, mientras que la etiqueta quote indica el nombre y la fuente de la cita. Esta segunda etiqueta debe insertarse en la primera.

Interés del etiquetado semántico para SEO

Estas etiquetas semánticas estructuran y jerarquizan el contenido de una página. De este modo, permiten a los robots de los motores de búsqueda comprender rápidamente el tema de la página, así como su estructura. Así, se favorece la indexación de las páginas cuyo código está estructurado en torno a estas etiquetas y se mejora su posicionamiento. Esto explica por qué el etiquetado semántico desempeña un papel importante en la estrategia SEO de un sitio web.

Estructura semántica para el SEO

Existe un número infinito de combinaciones posibles de sus etiquetas, pero es importante respetar una cierta organización de su estructura semántica con el fin de optimizarla al máximo para su posicionamiento. He aquí una buena estructura semántica para un contenido:

structure sémantique

Aumenta tu visibilidad

No dudes en ponerte en contacto con nosotros para obtener un presupuesto gratuito y personalizado.

Notez ce page