Generador de metaetiquetas
La vista previa correcta en Google y redes
Información de la página
0 / 60 caracteres recomendados
0 / 155 caracteres recomendados
Tamaño recomendado: 1200 × 630 px, dirección absoluta en https.
Puntos a revisar
- El título está vacío.
- La descripción está vacía: Google elegirá una por su cuenta.
- La URL canónica está vacía.
- Sin imagen, lo que se comparta en redes destacará menos.
Código generado
Vistas previas
Vistas previas aproximadas: tu imagen no se carga (ninguna petición a un sitio de terceros), solo se muestra su nombre de host.
Resultado de Google
example.com
example.com
Título de la página
La descripción de la página aparecerá aquí.
Facebook / LinkedIn
example.com
Título de la página
La descripción de la página aparecerá aquí.
X (Twitter)
example.com
Acerca de la herramienta
Este generador crea las metaetiquetas de una página a partir de un formulario: título, descripción, URL canónica, imagen para compartir, nombre del sitio, idioma, tipo Open Graph, tipo de tarjeta de X, cuenta de X y color del tema. Un indicador compara la longitud del título con los 60 caracteres recomendados y la de la descripción con el intervalo de 50 a 155 caracteres.
Una lista de puntos a revisar señala los fallos habituales: URL relativa o sin https, imagen ausente, cuenta de X o locale mal escritos. El código se ofrece como etiquetas HTML para el head o como objeto metadata de Next.js, con un export viewport aparte para el color del tema. Las vistas previas muestran el aspecto aproximado en Google, Facebook o LinkedIn y X.
Cómo usarla
- Rellena la «Información de la página»: «Título de la página», «Descripción», «URL canónica» y «URL de la imagen para compartir».
- Añade si hace falta «Nombre del sitio», «Idioma (locale)», «Tipo Open Graph», «Tipo de tarjeta X», «Cuenta de X» y «Color del tema».
- Corrige lo que aparezca en «Puntos a revisar» y comprueba las «Vistas previas».
- En «Código generado», elige la pestaña «HTML» o «Next.js (metadata)» y pulsa «Copiar».
Preguntas frecuentes
¿Qué longitud deben tener el título y la descripción?
La herramienta recomienda un máximo de 60 caracteres para el título y entre 50 y 155 para la descripción. Por encima, Google suele cortar el texto en sus resultados. Los indicadores se ponen en ámbar o rojo cuando te sales de esos límites.
¿El código Next.js sirve para el App Router?
Sí. La pestaña Next.js genera un export metadata tipado con Metadata, que incluye alternates.canonical, openGraph y twitter. Si indicas un color del tema, va en un export viewport aparte, porque Next.js ya no lo admite dentro de metadata.
¿La herramienta carga mi imagen o analiza mi sitio?
No. Las vistas previas solo muestran el nombre de host de la imagen, sin descargarla, y no se envía ninguna petición al sitio indicado. Todo se calcula en tu navegador a partir de lo que escribes en el formulario.
¿Qué tamaño debe tener la imagen para compartir?
La herramienta recomienda una imagen de 1200 × 630 px servida por https con una dirección absoluta. Una URL relativa o en http genera un aviso, porque las redes sociales necesitan la dirección completa para obtener la imagen.