Subir

Arrastra y suelta

para subir tu archivo

Subir

Subdominio
Probar otro
Nombre completo
Correo electrónico
Contraseña
Ya tengo una cuenta

Generador de meta tags

Crea etiquetas SEO y Open Graph en segundos

Rellena el título de tu página, la descripción y la imagen para compartir, y mira cómo se construye solo, mientras escribes, un fragmento de <head> completo y con el escapado correcto. También tienes una vista previa del resultado de Google en directo y una vista previa de la tarjeta social, para que veas cómo quedará tu enlace en una búsqueda y en un mensaje de chat antes de publicarlo. El generador es gratuito, no requiere registro y funciona por completo en tu navegador.

Datos básicos de la página

Intenta ajustarte a unos 60 caracteres; es tu meta título en los resultados de búsqueda. Pon primero las palabras distintivas, porque es lo que sobrevive al recorte.

Unos 160 caracteres. No afecta directamente al posicionamiento, pero es la frase de venta que la gente lee antes de decidir si hace clic.

La única dirección que quieres que se indexe. También se reutiliza como og:url y como dominio en ambas vistas previas.

Google ignora esta etiqueta, pero algunos buscadores internos y CMS aún la leen. Déjala vacía si no la necesitas.

Compartir e indexar

Usa una URL absoluta, de 1200×630 píxeles y de menos de unos 5 MB. Las rutas relativas fallan en la mayoría de las plataformas sociales, así que usa siempre la dirección completa con https://.

Elige noindex para copias de staging, páginas de agradecimiento y todo lo que no quieras que aparezca en las búsquedas.

Incluir etiquetas básicas

Vista previa del resultado en Google

Vista previa de la tarjeta social

Vídeo tutorial (en inglés)

Aprende a generar meta tags para SEO con el generador de meta tags gratuito de Static.app.

Ver en YouTube

  • Mira el resultado antes de publicar

    El fragmento de Google y la tarjeta social se actualizan con cada pulsación de tecla, recortados con los mismos límites de longitud con los que trabaja Google (unos 60 y 160 caracteres). Aquí te enteras de que tu título se corta a media palabra, no una semana después del lanzamiento.

  • Open Graph y Twitter, no solo SEO

    Un enlace compartido en Slack, WhatsApp, LinkedIn o X lee las etiquetas og: y twitter: antes que tu <title>. Este generador escribe el conjunto completo, así que controlas exactamente lo que muestra la tarjeta en lugar de esperar que el diseño alternativo quede bien.

  • Con el escapado correcto, siempre

    Los ampersands, las comillas y los corchetes angulares de tu texto se escapan mientras escribes, de modo que un título como Tips & Tricks for "Fast" Sites produce HTML válido en lugar de una etiqueta rota.

Cómo generar meta tags online

  • 1

    Escribe tu título, tu descripción y tu URL canónica, y añade después la URL de una imagen para la tarjeta para compartir.

  • 2

    Fíjate en las vistas previas y los contadores de caracteres hasta que el título y la descripción quepan dentro de las longitudes recomendadas.

  • 3

    Copia el fragmento, o descárgalo como archivo, y pégalo entre las etiquetas <head> de tu página. ¿Publicas varias páginas? Añade también un sitemap.

Todo lo que necesitas para acertar con tu <head>

  • Nada sale de tu navegador

    El generador es JavaScript puro que se ejecuta en esta página. Los nombres de productos sin lanzar y las URL de staging se quedan en tu ordenador, porque no hay ninguna petición que las envíe a ningún sitio.

  • Solo las etiquetas que has rellenado

    Los campos vacíos se descartan en lugar de enviarse como content="". Una etiqueta de descripción vacía es peor que ninguna, porque les dice a los rastreadores que no tienes nada que decir a propósito.

  • Copia, descarga o sigue probando

    Copia el fragmento con un clic, o descárgalo como meta-tags.html para pasárselo a un desarrollador. Carga primero el ejemplo si quieres un punto de partida completo y realista.

Cómo se compara el Generador de meta tags de Static.app

Todas estas herramientas crean meta tags con vista previa en directo. Metatags.io previsualiza más plataformas y Flyn tiene ajustes predefinidos, mientras que Static.app funciona en tu navegador y puede publicar la página terminada online como sitio web.

Static.app Metatags.io Flyn
Precio y registroMetatags.io no menciona el registro en la página. Gratis, sin registro No indicado Gratis, sin registro
Vista previa en buscadores Google Google Google
Vistas previas socialesAquí gana Metatags.io, con cinco plataformas sociales. Una tarjeta social X, Facebook, LinkedIn, Pinterest, Slack No se indican
Leer etiquetas desde una URL públicaMetatags.io carga una página existente. En Static.app, de eso se encarga el Comprobador de Open Graph. No, usa nuestro Comprobador de Open Graph Sí No se indica
Imagen para compartir Pegar una URL Subir o arrastrar y soltar No se indica
Ajustes predefinidos por tipo de páginaAquí gana Flyn, con ajustes predefinidos como Blog Post y Product Page. No No se indica Seis ajustes predefinidos
Meta tags personalizadas No No se indica Sí
Contadores de caracteres Sí Sí Sí
Salida Copiar, descargar Botón "Obtener código" Copiar
Dónde se ejecutaNinguno de los dos competidores indica dónde se procesa. En tu navegador No indicado No indicado
Publicar como sitio webSolo Static.app aloja además la página en una dirección pública. Sí (dominio personalizado, SSL gratis) No No
Ideal para Creación privada de etiquetas y después publicación Vista previa en muchas plataformas Ajustes predefinidos y etiquetas personalizadas

Elige Metatags.io para revisar una página en muchas plataformas, o Flyn para ajustes predefinidos y etiquetas personalizadas. Elige Static.app cuando quieras crear tus etiquetas en el navegador y tener la opción de publicar la página online como sitio web.

¿Meta tags listas? Publica la página con hosting estático

Seleccionar archivo
o suelta aquí tu archivo para subirlo

Preguntas frecuentes

¿Qué son las meta tags?

Las meta tags son fragmentos cortos de HTML que van en el <head> de tu página y la describen a los buscadores, los navegadores y las plataformas sociales. Los visitantes nunca las ven directamente, pero deciden cómo aparece tu página en los resultados de Google y cómo se muestra un enlace compartido en Facebook, LinkedIn o X.

¿Qué es un generador de meta tags?

Un generador de meta tags crea el bloque de etiquetas <meta> y <link> que va en el <head> de tu página. Rellenas un título, una descripción, una URL canónica y una imagen de vista previa, y la herramienta escribe por ti las etiquetas SEO, las etiquetas Open Graph y las etiquetas de Twitter Card con el formato correcto, para que no tengas que recordar qué nombre de propiedad espera cada red.

¿Qué meta tags importan de verdad para el SEO?

Solo unas pocas. La etiqueta de título y la meta descripción determinan cómo aparece tu página en los resultados de búsqueda y afectan directamente al porcentaje de clics. La etiqueta canónica le dice a Google cuál es la URL original cuando el mismo contenido es accesible desde varias direcciones. La meta tag robots controla la indexación y el seguimiento de enlaces. Las etiquetas viewport y charset importan para la visualización.

¿Siguen importando las meta keywords para el SEO?

No. Google confirmó en 2009 que ignora la etiqueta meta keywords, y los demás buscadores importantes siguieron su ejemplo. Llenarla de palabras no sirve para el posicionamiento y solo enseña a la competencia los términos que persigues, por eso este generador trata el campo como opcional y la mayoría de las páginas modernas simplemente lo omiten.

¿Qué longitud deben tener el meta título y la meta descripción?

Tu meta título (la etiqueta title) debería tener entre 50 y 60 caracteres, y la meta descripción entre 150 y 160. Google recorta según el ancho en píxeles y no según el número de caracteres, así que esas cifras son orientativas, no límites estrictos. El generador muestra un contador en directo y te avisa cuando te pasas, además de una vista previa al estilo de Google para que veas por dónde se cortaría el texto.

¿Qué diferencia hay entre las etiquetas Open Graph y las de Twitter Card?

Open Graph es el estándar compartido que creó originalmente Facebook y que hoy leen LinkedIn, WhatsApp, Slack, Discord y la mayoría de las demás plataformas. Las Twitter Cards son el conjunto propio de etiquetas twitter: de X. X recurre a Open Graph cuando faltan las etiquetas de Twitter, así que como mínimo necesitas un conjunto og: completo; añadir twitter:card y twitter:site te da control sobre el diseño exacto que usa X.

¿Qué tamaño de imagen debo usar para og:image?

Usa 1200 x 630 píxeles (1,91:1), el tamaño que usan de forma nativa Facebook y LinkedIn. X recorta su tarjeta grande más cerca de 2:1, así que mantén el contenido importante centrado y lejos de los bordes superior e inferior. Procura que el archivo pese menos de unos 5 MB y usa una URL HTTPS absoluta en lugar de una ruta relativa. Cuando tus etiquetas estén publicadas, puedes confirmar lo que ven realmente las redes con nuestro Comprobador de Open Graph.

¿Se envían mis datos a un servidor?

No. El generador de meta tags funciona por completo en tu navegador con JavaScript puro. Nada de lo que escribes se sube, se registra ni se almacena, y la herramienta sigue funcionando si te quedas sin conexión una vez cargada la página.

¿Dónde pongo las etiquetas generadas?

Pega el bloque completo dentro del elemento <head> de tu documento HTML, antes de la etiqueta de cierre </head>. Si tu página ya tiene una etiqueta de título o de descripción, sustitúyela en lugar de añadir una segunda: las etiquetas de título o canónicas duplicadas confunden a los rastreadores. Puedes comprobar el resultado con nuestro Validador HTML.

¿Puedo publicar la página con estas etiquetas enseguida?

Sí. Descarga el fragmento, ponlo en tu archivo HTML y aloja el sitio web en Static.app, con SSL automático y tu propio dominio en un plan de pago. El resto de nuestro conjunto SEO encaja en el mismo flujo de trabajo: crea un sitemap, escribe un robots.txt y genera un favicon antes de publicar online.