Generador de etiquetas Open Graph con vista previa
Las etiquetas de compartición y la vista previa de la tarjeta, antes de publicar
ejemplo.es
El título de tu contenido compartido
La descripción aparecerá aquí, cortada donde la corta la plataforma.
Etiquetas para pegar en tu página
<meta property="og:type" content="website">
Todo se calcula en tu navegador. No se guarda nada.
Un enlace compartido sin etiquetas Open Graph aparece como texto pelado, a veces con una imagen tomada al azar de la página. Con las etiquetas adecuadas se convierte en una tarjeta: imagen, título, descripción, nombre del sitio. Esta herramienta escribe las etiquetas y dibuja la tarjeta tal como la mostrará cada plataforma, lo que evita descubrir el problema tras publicar, cuando la caché ya está fijada.
Cómo usarla
Cómo funciona
Empieza por la dirección
Pega la dirección y pulsa Obtener: las etiquetas og: ya presentes se leen y se rellenan. En una página aún no publicada, todo se escribe a mano.
Compara los resultados
Cada red corta a una longitud distinta e impone su formato de imagen. La vista previa muestra los tres casos principales.
Copia las etiquetas
El bloque contiene las etiquetas Open Graph y las etiquetas Twitter Card correspondientes, para pegar en la cabecera de la página.
Conviene saber
Cuatro cosas que tener en cuenta
Imagen de 1200 por 630 píxeles
Es el formato que pasa en todas partes sin recortes brutales. Una imagen cuadrada se recorta arriba y abajo, y una demasiado pequeña se ignora y la tarjeta sale sin imagen.
La dirección de la imagen debe ser absoluta
Una ruta relativa no funciona: los rastreadores de las redes sociales no saben resolverla. La dirección completa, con protocolo, es obligatoria.
Vacía la caché tras corregir
Cada plataforma guarda la primera versión que vio. Facebook y LinkedIn ofrecen una herramienta de actualización; sin ella, tu corrección sigue invisible durante días.
El texto sobre la imagen debe ser grande
La tarjeta suele mostrarse a menos de cuatrocientos píxeles de ancho en un feed. Un título en letra pequeña sobre el visual se vuelve ilegible, aunque pareciera perfecto al diseñarlo.
FAQ
Preguntas frecuentes
X lee las etiquetas Open Graph como respaldo, pero la etiqueta twitter:card sigue siendo necesaria para elegir entre una imagen grande y una miniatura. Aquí se generan ambos juegos a la vez.
La plataforma busca una imagen en la página, a menudo el logotipo o la primera ilustración que encuentra, y a veces no encuentra ninguna. El enlace se muestra entonces como texto, con una tasa de clic muy inferior.
Sí. Esa dirección recibe las comparticiones y las interacciones. Una dirección con parámetros de seguimiento fragmenta los contadores entre varias versiones de la misma página.
Sí, igual que la mayoría de mensajerías. Eso sí, WhatsApp exige una imagen mucho más ligera que las redes sociales, por debajo de 300 kilobytes, o la vista previa se queda vacía.
Y también
Otras herramientas de la misma familia
Y también
Lo que Lokvi hace por ti
Miniweb
Una página pública y cuidada con tus datos, horarios y todos tus enlaces útiles, lista para compartir en cualquier sitio.
Más información →Posts automáticos en Google
La IA redacta y publica regularmente posts con texto e imagen en tu ficha de Google, para que siga visible y activa.
Más información →Imagina todo esto funcionando sin ti
Recogida de reseñas, respuestas, publicaciones y fidelización, en tu ficha de Google Business, en automático.
Sin tarjeta bancaria: crea tu cuenta y explora tus datos reales.
14 días gratis y luego 29 €/mes, sin compromiso.