Etiquetas SEO: las etiquetas HTML que importan y cómo escribirlas

Las etiquetas SEO son fragmentos de HTML que le dicen a Google, a los navegadores y a las redes sociales de qué va una página y cómo tratarla. Algunas controlan si una página se indexa; otras cambian cómo se ve tu resultado en Google; y otras se llevan años ignorando y siguen apareciendo en listas antiguas. Aquí tienes el panorama completo con el código de cada una, y enlaces a las guías donde desarrollamos las dos que merecen artículo propio: la meta description y el atributo alt.

Qué son las etiquetas HTML para SEO

Una etiqueta HTML es una instrucción escrita entre los signos < y >. Normalmente hay una etiqueta de apertura y otra de cierre con una barra, y entre ambas va el contenido. Una etiqueta puede llevar atributos, que son pares de nombre y valor que la configuran:

<p>Esto es un párrafo.</p>
<a href="https://www.ejemplo.com/" rel="nofollow">Esto es un enlace con dos atributos</a>

Cuando hablamos de etiquetas SEO nos referimos a las que aportan información a los buscadores. Se reparten en dos grupos:

• Las del <head> (la cabecera de la página, que el visitante no ve): title, meta description, meta robots, canonical, hreflang, viewport, charset y Open Graph. Las que son de tipo meta son las «metaetiquetas» o «etiquetas meta»: información sobre la página, no contenido de la página.
• Las del contenido: encabezados, atributo alt de las imágenes y atributos rel de los enlaces.

No todas pesan igual. Unas controlan qué hace Google con tu página (robots, canonical, hreflang), otras cambian cómo se ve tu resultado (title, meta description) y otras sirven a los navegadores o a las redes (viewport, Open Graph). Un punto a tener presente: Google procesa solo las que admite e ignora el resto, así que añadir etiquetas por si acaso no suma nada. Si quieres ver cómo encajan dentro del resto de la optimización de una página, tienes la guía de SEO on page.

Tabla resumen: etiqueta, para qué sirve y cómo se escribe

Etiquetas que van en el head

La cabecera de la página es también donde se colocan los datos estructurados en JSON-LD. No son una etiqueta meta, pero cumplen una función parecida: dar información a Google. Las tienes explicadas en nuestra guía de datos estructurados.

Title

La etiqueta title es el título de la página. Se ve en la pestaña del navegador y, normalmente, como título del resultado en Google:

<title>Etiquetas SEO: qué son y cómo usarlas | SEO Valladolid</title>

Para escribirlo bien:

• Longitud. Google no fija un límite: su documentación dice que el título del resultado se recorta «según sea necesario, normalmente para ajustarse al ancho del dispositivo». Como referencia práctica, apunta a unos 50–60 caracteres para que se vea entero, y pon lo importante al principio. Es una orientación, no una norma de Google.
• La palabra clave, al principio y una sola vez. Repetir variantes del mismo término no ayuda y resulta sospechoso.
• Un title distinto para cada página. Los títulos repetidos o genéricos («Inicio», «Productos») no dicen nada ni a Google ni al usuario.
• La marca, al final, separada con un guion o una barra vertical.

Ten en cuenta que Google no siempre muestra tu title: genera el título del resultado a partir de varias fuentes (el propio title, el H1, el og:title, el texto de los enlaces que apuntan a la página…) y cambia el que tú pusiste cuando cree que otro texto describe mejor la página. Lo hace, por ejemplo, con títulos vacíos, repetidos o desfasados. Su sistema actual de generación de títulos es de agosto de 2021. La mejor defensa es un title claro y fiel al contenido.

No confundas el title con el H1: el primero es para la pestaña y el resultado de búsqueda, y el segundo es el título que ve el lector dentro de la página. Pueden ser parecidos, pero no tienen por qué ser idénticos.

Meta description

La meta description es el resumen de la página que va en el <head>:

<meta name="description" content="Resumen de lo que encontrará el usuario en esta página.">

El atributo es name="description". Google la usa de vez en cuando para construir el fragmento que se muestra bajo el título, pero lo normal es que lo genere a partir del texto de la página, adaptado a cada búsqueda. Y no influye en el posicionamiento: Google lleva años diciendo que una descripción acertada puede mejorar los clics, pero no el ranking.

Cómo escribirla, qué longitud orientativa tiene, por qué Google a veces la cambia y cómo medir su efecto está en la guía para optimizar meta descripciones.

Meta robots

La etiqueta meta robots le dice a Google qué hacer con la página: indexarla, mostrarla de una manera concreta o no mostrarla.

<meta name="robots" content="noindex">
<meta name="robots" content="noindex, nofollow">
<meta name="robots" content="max-snippet:160, max-image-preview:large">

Los valores que Google admite y que más vas a usar:

• noindex: la página no aparece en los resultados.
• nofollow: Google no sigue los enlaces de esa página.
• none: equivale a noindex, nofollow.
• nosnippet: no muestra fragmento de texto de la página.
• max-snippet:[número]: limita en caracteres el fragmento de texto.
• max-image-preview:large: permite una vista previa grande de la imagen. Te interesa si quieres aparecer en Discover.
• noimageindex: no indexa las imágenes de la página.
• unavailable_after:[fecha]: deja de mostrar la página a partir de esa fecha.

Dos precisiones importantes:

1. Para que Google vea el noindex tiene que poder rastrear la página. Si la bloqueas en robots.txt, no leerá la etiqueta y la URL podría seguir apareciendo en los resultados.
2. El valor noarchive ya no se usa: servía para controlar el enlace «en caché», y esa función ya no existe. Si lo ves en una web, es un resto de otra época.

Para archivos que no son HTML (un PDF, por ejemplo) se usa la cabecera HTTP X-Robots-Tag con las mismas reglas.

Canonical

Cuando una misma página (o una casi idéntica) se puede abrir con varias URL, la etiqueta canonical indica cuál es la preferida:

<link rel="canonical" href="https://www.ejemplo.com/zapatillas/rojas/">

El atributo es rel="canonical" y la URL debe ser absoluta, con el dominio completo. Hay tres cosas que conviene tener claras:

• Es una pista, no una orden. Google puede elegir otra URL como canónica si sus señales apuntan a otra.
• No existe una penalización por contenido duplicado en el uso normal. Google lo dice en su documentación: cierta duplicación en una web es normal y no infringe sus políticas de spam. El problema es otro: Google tiene que elegir una versión, la que elija puede no ser la que quieres, y tú pierdes claridad al medir el rendimiento.
• Sirve para duplicados, no para dos páginas distintas que compiten por la misma palabra clave. Si son contenidos diferentes, canonical no es la solución.

En HTML, la etiqueta solo se acepta dentro del <head>. Y elige un solo método: o la etiqueta, o la cabecera HTTP. Usar los dos a la vez es más propenso a errores, por ejemplo si cada uno apunta a una URL distinta.

Hreflang

Si tienes la misma página en varios idiomas o para varios países, hreflang indica a Google qué versión mostrar a cada usuario:

<link rel="alternate" hreflang="es" href="https://www.ejemplo.com/es/" />
<link rel="alternate" hreflang="en" href="https://www.ejemplo.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://www.ejemplo.com/" />

Las reglas básicas:

• Cada versión debe listarse a sí misma y a todas las demás. El conjunto de enlaces es idéntico en todas las versiones.
• Tiene que haber reciprocidad: si la versión A apunta a la B pero la B no apunta a la A, las etiquetas se ignoran.
• El idioma va en formato ISO 639-1 (es, en) y, si quieres, el país en ISO 3166-1 Alpha 2 (es-ES, es-MX). Códigos como es-419 no se admiten.
• x-default es la versión de reserva para los usuarios cuyo idioma no coincide con ninguno de los que has indicado.

Si te interesa trabajar un sitio en varios idiomas, mira cómo implementar una estrategia de SEO internacional.

Viewport y charset

Son dos etiquetas técnicas que no se ven en los resultados pero conviene tener bien puestas:

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

charset define la codificación de los caracteres; Google recomienda Unicode UTF-8, la que evita que las tildes y la eñe salgan rotas. viewport le dice al navegador cómo adaptar la página a la pantalla del móvil, y su presencia indica a Google que la página está preparada para móvil. Para más sobre ese terreno, mira nuestros consejos para optimizar tu web para móviles.

Open Graph y tarjetas de X

Open Graph es un protocolo que controla cómo se ve tu página cuando alguien la comparte en una red social. Las etiquetas llevan property, no name:

<meta property="og:title" content="Etiquetas SEO: qué son y cómo usarlas">
<meta property="og:type" content="article">
<meta property="og:image" content="https://www.ejemplo.com/imagenes/etiquetas-seo.jpg">
<meta property="og:url" content="https://www.ejemplo.com/etiquetas-seo/">
<meta property="og:description" content="Resumen que se verá al compartir el enlace.">

El protocolo define cuatro propiedades obligatorias: og:title, og:type, og:image y og:url. La descripción es opcional y no se muestra en Google, solo al compartir. Sobre la imagen, Meta recomienda al menos 1200 x 630 píxeles, con una proporción cercana a 1,91:1 y un máximo de 8 MB.

X (antes Twitter) usa sus propias etiquetas, que empiezan por twitter:. La básica indica el tipo de tarjeta:

<meta name="twitter:card" content="summary_large_image">

Open Graph no es un factor de posicionamiento. Pero Google puede usar og:title como una de las fuentes del título del resultado y og:image para elegir la imagen preferida de la página. Las pautas de imagen para Google, Discover y redes están en la guía de optimización de imágenes para SEO.

Etiquetas dentro del contenido

Encabezados H1–H6

Los encabezados estructuran el texto. El H1 es el título principal; los H2 son los apartados; los H3, sus subapartados, y así hasta H6:

<h1>Etiquetas SEO</h1>
  <h2>Etiquetas que van en el head</h2>
    <h3>Title</h3>

Úsalos como un índice, no como un recurso para dar tamaño al texto (para eso está el CSS). Lo más claro es un H1 por página, que identifique sin ambigüedad cuál es el título principal; Google lo tiene en cuenta como una de las fuentes del título del resultado, y recomienda que haya un texto claramente destacado como título de la página. Los H2 y H3 ayudan al lector a moverse y a Google a entender cómo se organiza el contenido.

Atributo alt

El atributo alt es el texto alternativo de una imagen. Se lee en los lectores de pantalla, se muestra si la imagen no carga y Google lo usa para entender de qué trata la imagen:

<img src="camara-reflex-sobre-roca.jpg" alt="Cámara réflex sobre una roca rodeada de flores moradas">

Describe lo que se ve, sin rellenar de palabras clave. Si la imagen es meramente decorativa, lo correcto es alt="" (vacío). La guía de optimización de imágenes para SEO desarrolla cómo escribirlo según el tipo de imagen, junto con los formatos y el peso.

Enlaces: nofollow, sponsored y ugc

Por defecto no hace falta añadir nada a un enlace. Los atributos rel sirven para decirle a Google qué relación tienes con la página enlazada:

<a rel="sponsored" href="https://www.ejemplo.com/">Enlace patrocinado</a>
<a rel="ugc" href="https://www.ejemplo.com/">Enlace de un comentario</a>
<a rel="nofollow" href="https://www.ejemplo.com/">Enlace sin respaldo</a>

• sponsored: para anuncios y colocaciones de pago.
• ugc: para enlaces en contenido generado por usuarios, como comentarios o foros.
• nofollow: cuando ninguno de los anteriores aplica y prefieres que Google no asocie tu web con esa página ni la rastree desde ti.

Puedes combinar valores separados por un espacio (rel="ugc nofollow"). Google los trata como indicaciones, no como órdenes. Para impedir que Google rastree una página tuya, usa robots.txt, no nofollow.

Etiquetas que Google ignora

Esta es la lista que más errores ahorra, porque aparece en artículos antiguos como «imprescindible»:

• Meta keywords (<meta name="keywords" ...>): Google no la usa y no tiene ningún efecto en la indexación ni en el ranking. Si buscas «meta palabras clave», la respuesta es esa: no hace falta.
• El atributo lang no es lo que usa Google para detectar el idioma: lo hace a partir del texto de la página. Sigue siendo útil para accesibilidad y navegadores, así que no lo quites.
• rel="next" y rel="prev": Google ya no los utiliza y no afectan a la indexación.
• noarchive: ya no controla nada en Google Search, como vimos en meta robots.
• nositelinkssearchbox: la función de la caja de búsqueda de sitelinks ya no existe.
• Cualquier etiqueta meta que Google no admite se ignora sin más.

Hay una más que se admite pero no es buena idea: meta refresh, que redirige tras unos segundos. Google recomienda usar en su lugar una redirección 301 del servidor.

Cómo revisar las etiquetas de tu web

1. Mira el código. Abre la página, pulsa clic derecho y «Ver código fuente de la página» (o Ctrl+U), y busca con Ctrl+F términos como <title, description, canonical o robots. Fíjate en que ese código es el que envía el servidor. Si usas JavaScript para añadir o cambiar etiquetas, Google recomienda evitarlo y, si no hay más remedio, probarlo a fondo.
2. Inspecciona la URL en Search Console. Su herramienta de inspección de URLs muestra cómo ve Google la página, y la propia documentación de Google la recomienda para comprobar las etiquetas meta y sus atributos.
3. Mira el informe de páginas de Search Console. Te dice si una URL está fuera del índice por una etiqueta noindex o si Google ha elegido otra canónica distinta de la tuya.
4. Pasa un rastreador como Screaming Frog o Sitebulb. Detectan en toda la web los títulos vacíos o duplicados, las descripciones que faltan, las páginas sin H1 y las canónicas mal puestas. Tienes más opciones en nuestra comparativa de herramientas de SEO para optimizar tu web, y si quieres hacerlo de forma ordenada, en la guía de auditoría SEO técnica.

Preguntas frecuentes

¿Cuáles son las etiquetas SEO más importantes?

Para el posicionamiento y la indexación, el title, los encabezados (sobre todo el H1), la etiqueta canonical y la de robots cuando necesitas excluir una página. La meta description y el alt no son las que más peso tienen en el ranking, pero mejoran los clics y la accesibilidad.

¿Las etiquetas meta influyen en el posicionamiento?

Depende de cuál. El title y los encabezados ayudan a Google a entender la página. La meta description no influye en el ranking, aunque sí en que hagan clic en tu resultado. La meta keywords no tiene ningún efecto.

¿Cuántos caracteres debe tener el title?

Google no da un número: recorta el título según el ancho disponible. Como orientación, unos 50–60 caracteres suelen verse enteros. Lo importante, al principio.

¿Hace falta la meta keywords?

No. Google no la usa. Si tu web la lleva, no te perjudica, pero no te aporta nada.

¿Si no pongo meta description, me penaliza Google?

No. Si falta, Google genera el fragmento con el texto de la propia página. Aun así, merece la pena escribirla en las páginas que más importan para controlar lo que se ve.

¿Cómo añado estas etiquetas en WordPress?

La forma más sencilla es con un plugin de SEO, que te da campos para el title, la meta description, el robots y la canónica de cada página, y genera las etiquetas por ti. Evita pegarlas a mano en el archivo header.php del tema: se pierden al cambiar o actualizar el tema.

Si quieres que revisemos las etiquetas de tu web y te digamos qué corregir primero, contacta con nosotros.