Índice
- El problema más común
- Causa 1: URL relativa en og:image
- Causa 2: Imagen no accesible públicamente
- Causa 3: Tamaño o formato inadecuado
- La solución definitiva con Astro
- Herramienta recomendada: Facebook Debugger
- Conclusión
¿Por qué tu imagen no aparece al compartir en redes?
Subes tu post, todo se ve perfecto… pero cuando lo compartes en Facebook o WhatsApp, ¡nada de imagen!
No estás loco, y sí, esto le pasa hasta al mejor developer. Vamos a desmenuzarlo paso a paso.
El problema más común
Tu descripción sale bien, pero la imagen og:image no aparece.
Esto puede ocurrir por tres motivos clave:
Causa 1: URL relativa en og:image
Las redes sociales (como Facebook, Twitter o LinkedIn) exigen una URL absoluta para mostrar imágenes.
No basta con /blog/seo-astro.jpg, debes usar:
<meta property="og:image" content="https://leandrofuentes.com/blog/seo-astro.jpg" />❌ Incorrecto:
<meta property="og:image" content="/blog/seo-astro.jpg" />✅ Correcto:
<meta property="og:image" content="https://leandrofuentes.com/blog/seo-astro.jpg" />Causa 2: Imagen no accesible públicamente
- La imagen debe estar dentro de la carpeta
public/ - La URL debe funcionar sin login (prueba en incógnito)
- Si no carga desde un navegador externo, Facebook no podrá mostrarla
Causa 3: Tamaño o formato inadecuado
Facebook y otras redes recomiendan:
- Mínimo 1200x630 px
- Formato JPG o PNG
- Peso menor a 5 MB
La solución definitiva con Astro
Ajusta tu componente Seo.astro para que use URLs absolutas correctamente.
<meta property="og:image" content={`${url}${image}`} />
<meta name="twitter:image" content={`${url}${image}`} />Y asegúrate de pasar correctamente la prop url como "https://leandrofuentes.com".
Herramienta recomendada: Facebook Debugger
Después de corregir todo, Facebook podría seguir mostrando la versión antigua de tu enlace por su caché.
✅ Solución: entra a Facebook Sharing Debugger
- Pega la URL de tu post
- Haz clic en “Scrape Again”
- ¡Magia! Se refresca la vista previa con tu nueva imagen
Conclusión
No basta con escribir buen contenido: el SEO técnico también importa si quieres destacar en redes.
Una etiqueta mal escrita puede sabotear tu alcance.
Con estos ajustes en Astro, tus publicaciones se verán tan bien como su contenido merece. 🚀
