Generador de etiquetas OGP (salida automática para og:title, og:image y más)

Q: "¿Puede generar también etiquetas Twitter Card?"

"Sí. Puede generar twitter:card y etiquetas relacionadas juntas. También hay disponible un modo mínimo."

Q: "¿Qué tamaño de imagen debería usar?"

"Use una guía práctica según el destino. Las vistas previas orientadas a Meta suelen usar alrededor de 1.91:1 (por ejemplo 1200×630), mientras que X summary_large_image suele usar alrededor de 2:1 (por ejemplo 1200×600)."

Q: "¿Por qué no se reflejan los cambios?"

"En la mayoría de casos se debe a caché. Vuelva a rastrear mediante las herramientas de la plataforma y considere cambiar la URL de la imagen después del reemplazo."

Introduzca URL, título, descripción y URL de imagen. Genere etiquetas meta Open Graph y Twitter Card en un mismo lugar.

Listo para copiar y pegar Vista previa integrada Guía sobre imágenes y caché

Cómo usar

Abra la herramienta e introduzca la URL canónica, el título y la URL de la imagen.
Opcionalmente añada descripción, nombre del sitio y ajustes de Twitter.
Copie las etiquetas meta generadas y péguelas en el head de su página.
Revise la vista previa y los avisos, y luego ajuste la proporción de imagen o la estrategia de caché si es necesario.

¿Qué es OGP?

Open Graph Protocol (OGP) es metadato usado por plataformas sociales y aplicaciones de chat para renderizar vistas previas de enlaces.

Al configurar og:title, og:description, og:image y etiquetas relacionadas, puede influir en cómo aparecen las URLs compartidas.

Combinar OGP con etiquetas Twitter Card ayuda a mantener un comportamiento de vista previa más consistente entre plataformas.

Guía de tamaños de imagen (para una vista previa más estable)

Guía para plataformas Meta (referencia)

Referencia mínima: 200×200.
Suele ser estable: 1200×630 o mayor, al menos 600×315.
Objetivo de relación de aspecto en torno a 1.91:1.
La guía de tamaño de archivo incluye 8MB o menos.

Guía para tarjetas X (referencia)

summary_large_image suele orientarse a una relación cercana a 2:1.
Rango de referencia: mínimo 300×157, máximo 4096×4096.
La guía de tamaño de archivo incluye menos de 5MB.
Use JPG/PNG/WEBP/GIF donde se admita.

Cuando los cambios no se reflejan (caché y re-scrape)

Los rastreadores sociales pueden cachear metadatos obtenidos. Use el debugger/inspector de cada plataforma para solicitar un nuevo rastreo.
Si un reemplazo de imagen no aparece, cambiar la URL de la imagen puede ayudar (cambio de nombre o query string).
Definir og:image:width y og:image:height puede mejorar la estabilidad del renderizado en algunos casos.

Meta Sharing Debugger

https://developers.facebook.com/tools/debug/

Vuelva a rastrear e inspeccione los resultados de análisis Open Graph para plataformas Meta.

LinkedIn Post Inspector

https://www.linkedin.com/post-inspector/

Actualice e inspeccione los datos de vista previa de URL en LinkedIn.

X Card Validator

https://cards-dev.twitter.com/validator

Valide metadatos de tarjetas X y fuerce la obtención de la tarjeta cuando sea posible.

FAQ

¿Puede generar también etiquetas Twitter Card?

Sí. Puede generar twitter:card y etiquetas relacionadas juntas. También hay disponible un modo mínimo.

¿Qué tamaño de imagen debería usar?

Use una guía práctica según el destino. Las vistas previas orientadas a Meta suelen usar alrededor de 1.91:1 (por ejemplo 1200×630), mientras que X summary_large_image suele usar alrededor de 2:1 (por ejemplo 1200×600).

¿Por qué no se reflejan los cambios?

En la mayoría de casos se debe a caché. Vuelva a rastrear mediante las herramientas de la plataforma y considere cambiar la URL de la imagen después del reemplazo.