Se abre en una pestaña nueva
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Qué es Metaetiqueta

Código HTML de una metaetiquetaDefinición:

Una metaetiqueta es un elemento de HTML que proporciona metadatos sobre una página a navegadores, buscadores y otras aplicaciones. Suele situarse en el <head> del documento y no genera por sí misma un bloque visible dentro del contenido.

Las metaetiquetas pueden describir la página, declarar su codificación, orientar la presentación móvil o transmitir directivas a determinados rastreadores. Cada consumidor reconoce un conjunto concreto, por lo que una etiqueta sin soporte puede ser ignorada.

Cómo funciona una metaetiqueta

El elemento <meta> es una etiqueta vacía: contiene atributos, pero no texto ni una etiqueta de cierre. En la forma más habitual, name indica el tipo de dato y content aporta su valor asociado.

Por ejemplo, <meta name="description" content="Resumen de la página"> declara una descripción. También existen formas específicas con charset, http-equiv, property o itemprop, destinadas a otros modelos de metadatos.

El elemento <title>, los enlaces canónicos declarados con <link> y los datos estructurados en JSON-LD también aportan información sobre una página, pero son elementos diferentes. Llamar «meta title» al título SEO es habitual en algunas herramientas, aunque técnicamente no es una metaetiqueta.

Funciones de las metaetiquetas

La función depende del atributo y del valor que interprete cada navegador, buscador o plataforma. Entre los usos habituales se encuentran:

  • Codificación: <meta charset="utf-8"> declara el juego de caracteres del documento.
  • Presentación móvil: La etiqueta viewport orienta al navegador sobre el ancho y la escala inicial de la página.
  • Descripción: description resume el contenido para sistemas que decidan utilizar ese texto.
  • Rastreo: robots transmite directivas compatibles sobre indexación, seguimiento de enlaces o presentación en resultados.
  • Apariencia: Valores como theme-color pueden influir en partes de la interfaz del navegador.

Por tanto, no todas las metaetiquetas son exclusivamente SEO ni todas son invisibles en sus efectos. Su alcance real depende del agente que las procesa y de las especificaciones que admite.

Uso en buscadores

Los buscadores leen algunas metaetiquetas junto con el contenido, los enlaces y otras señales técnicas. La meta descripción puede utilizarse como fragmento del resultado cuando resume bien la página, aunque Google también puede generar otro texto más adecuado para una consulta concreta.

Una descripción precisa y específica puede ayudar a que el usuario entienda el resultado y afectar al CTR, pero no constituye por sí sola una garantía de posición. Debe corresponder al contenido visible y evitar listas de palabras repetidas.

La etiqueta robots permite comunicar directivas como noindex, nofollow, nosnippet o límites de previsualización. Para que un buscador pueda leer una directiva de noindex, la URL no debe estar bloqueada previamente para su rastreo. Las reglas equivalentes para recursos no HTML pueden enviarse mediante la cabecera X-Robots-Tag.

La antigua etiqueta keywords no interviene en la indexación ni en el ranking de Google. Otros sistemas pueden definir sus propias etiquetas, pero los nombres no reconocidos no obligan a ningún buscador a utilizarlos.

Metadatos para redes sociales

Las plataformas sociales pueden consultar etiquetas específicas para construir la previsualización de un enlace. El protocolo Open Graph utiliza atributos property como og:title, og:description, og:image y og:url para definir la representación compartida.

Estos valores no sustituyen necesariamente el título, la descripción o la imagen utilizados por un buscador. Permiten adaptar la tarjeta social y proporcionar una imagen con dimensiones, formato y texto alternativo adecuados. Algunas plataformas mantienen además sus propias extensiones y cachés.

Errores de implementación

Una metaetiqueta válida puede perder eficacia si aparece duplicada, contradice otras directivas o queda fuera de una sección <head> correctamente formada. Los problemas frecuentes incluyen:

  • Valores duplicados: Varias descripciones o directivas incompatibles dejan una señal ambigua para el consumidor.
  • Contenido desactualizado: El resumen o la imagen ya no representan lo que ofrece la URL.
  • Directivas conflictivas: Una regla global y otra específica para un robot pueden producir un resultado más restrictivo.
  • Inserción tardía: Generar o cambiar etiquetas mediante JavaScript puede impedir que algunos clientes reciban el estado esperado.
  • Nombres obsoletos: Etiquetas como keywords o directivas retiradas se mantienen aunque el destinatario ya no las utilice.

La cantidad de etiquetas no mejora una página por sí misma. Conviene incluir solo los metadatos necesarios, con una sintaxis válida y valores coherentes con el documento.

Verificación de metaetiquetas

La revisión debe comprobar el HTML recibido y, cuando la página modifica el <head> con scripts, el DOM renderizado. Las herramientas de inspección del navegador permiten localizar duplicados y confirmar el valor final expuesto a cada cliente.

Para SEO, la inspección de URL y las pruebas de rastreo ayudan a comprobar qué versión procesa el buscador. Los validadores de HTML y los depuradores de redes sociales permiten detectar atributos incorrectos, imágenes inaccesibles o cachés antiguas. La comprobación debe abarcar también las cabeceras HTTP cuando existen reglas X-Robots-Tag.

Una implementación correcta combina código válido, metadatos únicos y correspondencia con el contenido visible. Las metaetiquetas forman una parte concreta de los metadatos de una página, no un sustituto de su contenido ni de la arquitectura técnica.