La vista previa para redes sociales de Framer no se actualiza
Framer define una vista previa para redes sociales en todo el sitio, anulaciones de página e imágenes de CMS por elemento. Si la nueva imagen ya está publicada pero sigue apareciendo la antigua, la causa es la caché de la plataforma.
Última actualización
Solución rápida
Configura la imagen en los ajustes del sitio o anúlala en los ajustes de la página.
Para las páginas de CMS, elige Variables de CMS en Imágenes de página, Vista previa en redes sociales.
Vuelve a publicar el sitio.
Compruébalo con el verificador de etiquetas meta y, a continuación, actualiza cada plataforma.
Por qué la vista previa de Framer no se actualiza
El sitio no se ha vuelto a publicar. Los cambios en los ajustes solo se aplican tras publicar.
Prevalece la anulación a nivel de página. La imagen para redes sociales propia de una página sustituye a la predeterminada del sitio.
La página del CMS no está vinculada a un campo de imagen, por lo que cada elemento muestra la imagen predeterminada.
La plataforma almacenó en caché la imagen antigua. El centro de ayuda de Framer señala la caché de Slack, LinkedIn y X como el motivo habitual.
Cómo solucionarlo
Abre la configuración del sitio y define la imagen de vista previa social predeterminada.
Para una página concreta, abre la configuración de la página y define una imagen diferente.
Para una plantilla de CMS, añade un campo de Imagen, complétalo por elemento y luego, en la configuración de la página, selecciona Imágenes de la página, Vista previa social, Variables de CMS y elige el campo.
Usa variables del tipo {{Title}} y {{Description}} para los títulos y descripciones de cada elemento.
Publica y, a continuación, comprueba la URL activa con el comprobador de etiquetas meta.
Etiquetas que genera Framer
og:titleytwitter:titlea partir del título de la páginaog:descriptionytwitter:descriptionog:imageytwitter:imagea partir de la vista previa socialog:urlyog:typetwitter:cardconfigurado comosummary_large_image
No verificado: Framer no documenta su lista exacta de etiquetas. Esto es lo que leímos en sitios de Framer publicados en octubre de 2026.
Reglas de tamaño de imagen
Framer utiliza una proporción de 1200 x 630 px para las vistas previas sociales
Mantén la parte importante en el centro
Mantente por debajo de 600 KB si WhatsApp te resulta importante
Comprueba el archivo con el comprobador de tamaño de imagen OG.
Cómo forzar una actualización
Framer no puede borrar la caché de otra plataforma. Utiliza el Post Inspector de LinkedIn y el Depurador de contenido compartido de Facebook, y comparte la URL con una cadena de consulta en X, Slack y Discord. La herramienta de actualización incluye el paso a seguir para cada aplicación.
Fuentes
Preguntas frecuentes
¿Por qué no se actualiza la imagen de vista previa para redes sociales de mi Framer?
Por lo general, la plataforma guarda en caché la imagen antigua. Vuelve a publicar, confirma la nueva imagen con el comprobador de etiquetas meta y, después, actualiza cada plataforma.
¿Cómo configuro una imagen para redes sociales diferente para cada página del CMS de Framer?
Añade un campo de imagen y, luego, en la Configuración de página de la página del CMS, elige Imágenes de la página, Vista previa social, Variables de CMS y selecciona el campo.
¿Qué tamaño debe tener una imagen de vista previa para redes sociales en Framer?
Framer utiliza una proporción de 1200 x 630 px. Mantén el contenido importante centrado.
Comprueba tu página y, a continuación, actualiza la vista previa
Pega tu URL en el comprobador gratuito para ver las etiquetas exactas que lee cada aplicación. Una vez que las etiquetas sean correctas, usa la herramienta de actualización para borrar la vista previa antigua.
Guías relacionadas
La imagen Open Graph de Webflow no funciona
Webflow configura Open Graph por página, nunca de forma global. Las páginas de plantilla de CMS necesitan un campo de Imagen, y todas las imágenes de esa colección deben tener el mismo tamaño.
La imagen Open Graph de Next.js no funciona
La mayoría de los errores de vista previa en Next.js se deben a la API de Metadata: la falta de metadataBase, un objeto openGraph que sustituye al elemento principal o un archivo de imagen que supera el límite permitido.
La vista previa del enlace de LinkedIn no funciona o no se actualiza
LinkedIn genera la tarjeta a partir de cuatro etiquetas og: y guarda una copia en caché. Corrige las etiquetas y, después, haz que LinkedIn vuelva a rastrear la página con Post Inspector.