A pré-visualização social do Framer não está atualizando

O Framer define uma prévia para redes sociais em todo o site, substituições por página e imagens individuais para itens do CMS. Se a nova imagem já estiver no ar, mas a antiga ainda aparecer, o cache da plataforma é o motivo.

Última atualização

Verifique sua URL

Atualizar prévia

Verificar o tamanho da imagem

Solução rápida


  1. Defina a imagem nas Configurações do site ou substitua-a nas configurações da página.

  2. Para páginas CMS, escolha Variáveis do CMS em Imagens da página, Pré-visualização social.

  3. Publique o site novamente.

  4. Verifique com o verificador de meta tags e, em seguida, atualize cada plataforma.


Por que a prévia do Framer não está atualizando

  • O site não foi republicado. As alterações nas configurações só entram no ar depois que você publica.

  • A sobreposição de página prevalece. A imagem social da própria página substitui o padrão do site.

  • A página do CMS não está vinculada a um campo de imagem, então todos os itens exibem a imagem padrão.

  • A plataforma salvou a imagem antiga em cache. O centro de ajuda do Framer aponta o cache no Slack, LinkedIn e X como o motivo mais comum.

Como corrigir

  1. Abra as configurações do site (Site settings) e defina a imagem de prévia social padrão.

  2. Para uma única página, abra as configurações dela (Page settings) e defina uma imagem diferente.

  3. Para um modelo do CMS, adicione um campo de Imagem, preencha-o para cada item e, nas configurações da página, escolha Page images, Social preview, CMS Variables e selecione o campo.

  4. Use variáveis no formato {{Title}} e {{Description}} para títulos e descrições específicos de cada item.

  5. Publique e, em seguida, verifique a URL ativa com o verificador de meta tags.

Tags geradas pelo Framer

  • og:title e twitter:title a partir do título da página

  • og:description e twitter:description

  • og:image e twitter:image a partir da prévia social

  • og:url e og:type

  • twitter:card definido como summary_large_image

Não verificado: o Framer não documenta a lista exata de tags. Isto é o que identificamos em sites publicados no Framer em outubro de 2026.

Regras de tamanho de imagem

  • O Framer usa uma proporção de 1200 x 630 px para prévias sociais

  • Mantenha o conteúdo importante centralizado

  • Mantenha o tamanho abaixo de 600 KB se o WhatsApp for importante para você

Verifique o arquivo com o verificador de tamanho de imagem OG.

Como forçar uma atualização

O Framer não pode limpar o cache de outras plataformas. Use o Post Inspector do LinkedIn e o Sharing Debugger do Facebook, e compartilhe a URL com uma query string no X, Slack e Discord. A ferramenta de atualização traz o passo a passo para cada aplicativo.

Fontes

Perguntas Frequentes

Por que a imagem de pré-visualização social do meu Framer não está atualizando?

Geralmente, a plataforma mantém a imagem antiga em cache. Publique novamente, confirme a nova imagem com o verificador de meta tags e, em seguida, atualize cada plataforma.

Como defino uma imagem para redes sociais diferente para cada página do CMS do Framer?

Adicione um campo de Imagem e, nas configurações da página do CMS, escolha Imagens da página, Pré-visualização social, Variáveis do CMS e selecione o campo.

Qual deve ser o tamanho da imagem de visualização social no Framer?

O Framer usa uma proporção de 1200 x 630 px. Mantenha o conteúdo importante centralizado.

Verifique sua página e atualize a prévia

Cole sua URL no verificador gratuito para ver as tags exatas que cada aplicativo lê. Assim que as tags estiverem corretas, use a ferramenta de atualização para limpar a pré-visualização antiga.

Verifique sua URL

Atualizar pré-visualização

Verificar o tamanho da imagem

Guias relacionados

A imagem Open Graph do Webflow não está funcionando

O Webflow define o Open Graph por página, nunca globalmente. As páginas de modelo do CMS precisam de um campo de Imagem, e todas as imagens dessa coleção devem ter o mesmo tamanho.

A imagem Open Graph do Next.js não está funcionando

A maioria dos bugs de pré-visualização do Next.js vem da API de Metadados: a falta de uma metadataBase, um objeto openGraph que substitui o pai ou um arquivo de imagem que ultrapassa o limite.

A prévia do link do LinkedIn não está funcionando ou não está atualizando

O LinkedIn cria o card a partir de quatro tags og: e mantém uma cópia em cache. Corrija as tags e, em seguida, faça o LinkedIn buscar a página novamente usando o Post Inspector.