Generador de etiquetas meta HTML

Completa los metadatos de la página para generar las etiquetas title y meta. Revisa el marcado y cópialo en la sección head.

Se ejecuta localmente en tu navegador

Cómo generar metaetiquetas HTML

Rellena el título, la descripción y las palabras clave y elige las opciones de viewport, codificación, caché y robots; la herramienta compone las etiquetas head correspondientes y las muestra como texto plano listo para copiar.

El bloque se construye en el navegador: nada de lo que escribes se sube y la herramienta sigue funcionando sin conexión. Es un punto de partida para el head de una página, no una auditoría SEO terminada.

  1. Escribe el título de la página y, si los tienes, la descripción y las palabras clave. Solo los campos que rellenes aparecen en el resultado.
  2. Deja los selectores con sus valores por defecto o elige el viewport, la codificación, la caché y los valores robots que correspondan a la página.
  3. Pulsa Generar metaetiquetas. El elemento title y las metaetiquetas aparecen debajo del formulario como texto plano.
  4. Pulsa Copiar y pega el bloque dentro del elemento head de la página, después de la declaración de charset.
  5. Cambia un campo y genera otra vez para comparar dos variantes; Limpiar restablece todos los campos y oculta el resultado.

Qué hacen las etiquetas generadas y qué ya no hacen

Qué hace cada etiqueta

El elemento title es el titular al que enlaza un resultado de búsqueda y la description es el resumen que aparece debajo; los motores pueden mostrar uno u otro tal cual o sustituirlo por otro texto de la página. La etiqueta viewport controla cómo dimensionan el diseño los navegadores móviles, y la declaración de charset indica al navegador cómo decodificar el archivo.

author, copyright y designer son metadatos personalizados: útiles para herramientas internas y archivos, pero no son señales de posicionamiento. La etiqueta robots es la que tiene efecto: noindex mantiene la página fuera de los resultados de búsqueda y nofollow pide a los rastreadores que no transmitan crédito de enlaces.

Qué es actual y qué es heredado

La metaetiqueta Content-Type es anterior a HTML5; la forma corta <meta charset="utf-8"> es el equivalente moderno y lo que deberían usar los documentos nuevos. Las etiquetas de caché también son heredadas: los navegadores modernos las ignoran y el comportamiento real se controla con la cabecera HTTP Cache-Control. Se mantienen para sistemas antiguos y material didáctico.

La etiqueta keywords no influye en Google ni en Bing desde hace años; consérvala solo si un sistema interno la exige. Las palabras de la descripción y del texto visible importan mucho más que cualquier lista de palabras clave.

Después de pegar el bloque

Mantén un solo elemento title y una sola description por página. Los títulos duplicados hacen que el motor elija uno por ti, y una declaración de charset ausente o tardía puede convertir los caracteres acentuados en texto ilegible.

Revisa el código de la página publicada: los motores de plantillas y los plugins de CMS pueden reescribir o inyectar etiquetas head. Compara lo que muestra el navegador con lo que pegaste y corrige la plantilla, no la salida.

Herramientas recientes: