Generador de Open Graph y Twitter Card
Crea metaetiquetas Open Graph y Twitter Card completas para cualquier página, con comprobaciones de longitud y código listo para copiar.
Detalles de la página
Tus metaetiquetas
Por qué vale la pena configurar las etiquetas Open Graph
Cada enlace compartido en Slack, LinkedIn, WhatsApp, iMessage, X o Facebook se convierte en una tarjeta de vista previa. Sin etiquetas Open Graph y Twitter Card, la plataforma adivina y toma el encabezado y la imagen que encuentre, a menudo con resultados poco favorecedores. Con las etiquetas correctas, tú eliges el título, la descripción y la imagen exactos que representan tu página.
Las etiquetas más importantes
El conjunto básico para cada página es og:title, og:description, og:image, og:url, og:type, twitter:card y twitter:image. Si las configuras bien, tus vistas previas se verán correctas casi en todas partes. Agrega og:site_name para el reconocimiento de marca, el ancho y el alto de la imagen para que las plataformas puedan componer la tarjeta antes de que cargue la imagen, texto alternativo para la accesibilidad y twitter:site si tienes una cuenta activa en X.
Un solo tamaño de imagen para todas las plataformas
Una imagen de 1200 por 630 píxeles, con proporción 1.91:1, funciona en Facebook, LinkedIn, las tarjetas grandes de X, Slack y la mayoría de las aplicaciones de mensajería. Algunas plataformas recortan de forma distinta, así que mantén el texto y los logotipos cerca del centro. JPG y PNG son los formatos más seguros.
Preguntas frecuentes
¿Dónde pego estas etiquetas?
Dentro de la sección <head> de cada página. En WordPress, los plugins de SEO como Yoast y Rank Math pueden generarlas por ti. En Next.js, usa la API de metadata. En HTML estático, pégalas directamente en el head.
¿Cómo pruebo la vista previa después de publicar?
Usa el Sharing Debugger de Facebook y el Post Inspector de LinkedIn. Muestran lo que ve cada plataforma y te permiten forzar una nueva obtención después de cambiar las etiquetas. Nuestro probador de vista previa Open Graph te da un vistazo rápido antes de publicar.
¿Por qué sigue apareciendo una imagen antigua después de actualizar las etiquetas?
Las plataformas guardan en caché las vistas previas. Pasa la URL por el depurador de la plataforma y pídele que vuelva a extraerla para actualizar la tarjeta.