01
Deja vacíos los cambios sociales si no hacen falta
El título y la descripción de la página pasan a Open Graph cuando no indicas sustitutos. X hereda esos valores OG, por lo que no se repiten etiquetas Twitter con el mismo contenido.
Desarrollo web y SEO
Generador de meta etiquetas
Redacta los datos de la página, compara tarjetas y copia el código para el head.
Generador de meta etiquetas
Datos de página y red
Vista previa y código
Vista previa tras generar
Vista previa tras generar
Vista previa tras generar
HTML para el head
Los datos y el HTML se procesan en este navegador. Solo cargar la imagen contacta con su servidor.
Opciones de etiquetas
Escribe un título o carga el ejemplo.
Un título que funciona en una búsqueda puede perder contexto al compartirlo. El generador de meta etiquetas conserva el texto de la página y permite cambiar solo el título o la descripción social cuando hace falta.
El generador de Open Graph ofrece una vista previa de etiquetas meta junto al HTML. La tarjeta social es una aproximación: cada plataforma puede recortar la imagen, guardar una versión anterior o elegir otro fragmento.
Por qué usar este generador de meta etiquetas
Una página en varios formatos
El generador de meta etiquetas muestra un fragmento de búsqueda y tarjetas parecidas a Facebook, X y WeChat. Así puedes detectar un título largo y decidir si la tarjeta necesita un texto social distinto.
Control de la solicitud de imagen
La URL de og:image entra en el código sin visitar su servidor. La tarjeta mantiene un marcador local hasta que pulsas la carga de la imagen; solo entonces el navegador solicita el archivo remoto.
Herencia de datos y actualización
02
Usa una URL absoluta para la imagen
og:image necesita una dirección HTTP(S) completa. Escribirla no inicia una descarga; el botón de carga sí. Sin imagen puedes generar el HTML, pero faltará una de las cuatro propiedades esenciales de OG.
03
Espera la nueva versión antes de exportar
La generación automática espera unos 350 ms después de cada cambio. Puedes apagarla y usar Generar o Ctrl/Cmd+Intro. Mientras el resultado esté desactualizado, no se puede copiar ni descargar.
Etiquetas, tarjetas e importación
Título y descripción de búsqueda
La vista previa de etiquetas meta muestra título, dirección y descripción con contadores orientativos. Google puede mostrar otro título o fragmento; ninguna cifra garantiza un recorte exacto.
Campos principales de Open Graph
El generador de Open Graph escribe og:type y og:title, además de descripción, URL, imagen y nombre del sitio si se proporcionan. El marcador visual indica cuándo la imagen todavía no se ha cargado.
Tarjeta X sin texto duplicado
Elige una tarjeta de imagen grande o un resumen. La etiqueta twitter:card opcional define el formato y X puede heredar el título, la descripción y la imagen de OG.
Importar un head existente
Pega HTML para completar el formulario con etiquetas compatibles. Si alguna se repite, se usa la primera y se avisa. Importar o borrar muestra cuántos campos se sustituirán y permite deshacer una vez.
Alcance de esta simulación
- No analiza la página publicada
- La URL de la página solo sirve para og:url, el enlace canonical opcional y el dominio del ejemplo. El generador de meta etiquetas no visita la página ni comprueba sus respuestas HTTP o etiquetas desplegadas.
- Imagen remota solo con permiso explícito
- Escribir una URL, pegar el head y generar código no contactan con el servidor de imágenes. Al pulsar Cargar imagen, el navegador envía una solicitud y el servidor puede conocer tu IP.
- Cada plataforma puede variar el resultado
- Google puede reescribir fragmentos; Facebook, X y WeChat pueden recortar imágenes o mostrar tarjetas en caché. Esto es una estimación, no una validación de rastreadores ni del diseño final.
- Título obligatorio y direcciones válidas
- El título es necesario. La descripción y las URL de página e imagen pueden quedar vacías. Las URL escritas deben ser absolutas HTTP(S); se rechazan rutas relativas y direcciones con credenciales.
- Conjunto de etiquetas limitado
- No se crean ni alojan imágenes, ni se generan robots, hreflang, JSON-LD, propiedades de artículo o meta keywords. Para revisar etiquetas existentes hay que pegar el head, no solicitar un rastreo de URL.
Preguntas del generador de meta etiquetas
¿Qué meta etiquetas crea este generador?
Produce title, la descripción y canonical cuando corresponden, og:type y og:title, los campos OG que rellenes y una etiqueta twitter:card opcional. Antes de escribir HTML se escapan los caracteres especiales.
¿Qué campos necesito rellenar realmente?
El título de la página es obligatorio. La descripción, la URL y la imagen son opcionales; si faltan, el estado explica qué información no estará disponible para la tarjeta.
¿Por qué añadir Open Graph y Twitter Card?
Open Graph aporta texto e imagen para muchas redes. twitter:card especifica el formato de X y puede reutilizar los datos OG; la herramienta no promete que cada plataforma los muestre exactamente igual.
¿Se envía la información de mi página a algún sitio?
El formulario y la generación se ejecutan en este navegador. La URL de página no se consulta. Solo pulsar la carga de imagen solicita esa dirección al servidor remoto.
¿Por qué WhatsApp o Facebook pueden mostrar otra vista previa?
Esas plataformas controlan el recorte, la selección de texto y su caché. El generador de meta etiquetas muestra un borrador; comprueba la URL publicada con las herramientas de cada servicio.
¿Hay un problema con las etiquetas?
Preparar etiquetas con el generador de meta etiquetas
Compara el resultado de búsqueda con las tarjetas en el generador de meta etiquetas, copia el HTML escapado al head y verifica el enlace publicado en cada plataforma.