Превью для соцсетей во Framer не обновляется

Framer позволяет настроить общее превью для соцсетей на весь сайт, переопределить его для отдельных страниц и задать изображения для каждого элемента CMS. Если новое изображение уже опубликовано, но все еще отображается старое, причина в кэше платформы.

Последнее обновление

Проверьте URL-адрес

Обновить предпросмотр

Проверить размер изображения

Быстрое решение


  1. Установите изображение в настройках сайта или переопределите его в настройках страницы.

  2. Для страниц CMS выберите «Переменные CMS» в разделе «Изображения страницы», «Превью для соцсетей».

  3. Повторно опубликуйте сайт.

  4. Проверьте его с помощью инструмента проверки метатегов, затем обновите данные на каждой платформе.


Почему превью в Framer не обновляется

  • Сайт не был опубликован повторно. Изменения в настройках вступают в силу только после публикации.

  • Приоритет отдается настройкам конкретной страницы. Собственное изображение страницы для соцсетей заменяет изображение по умолчанию для сайта.

  • CMS-страница не привязана к полю изображения, поэтому для каждого элемента отображается изображение по умолчанию.

  • Платформа сохранила в кэше старое изображение. Справочный центр Framer называет кэширование в Slack, LinkedIn и X основной причиной такой проблемы.

Как это исправить

  1. Откройте настройки сайта (Site settings) и задайте изображение для превью в соцсетях по умолчанию.

  2. Для отдельной страницы откройте настройки страницы (Page settings) и установите другое изображение.

  3. Для CMS-шаблона добавьте поле Image, заполните его для каждого элемента, затем в Page settings выберите Page images, Social preview, CMS Variables и укажите это поле.

  4. Используйте переменные в формате {{Title}} и {{Description}} для заголовков и описаний отдельных элементов.

  5. Опубликуйте сайт, затем проверьте действующий URL с помощью инструмента проверки метатегов.

Теги, которые выводит Framer

  • og:title и twitter:title из заголовка страницы

  • og:description и twitter:description

  • og:image и twitter:image из превью для соцсетей

  • og:url и og:type

  • twitter:card со значением summary_large_image

Не проверено: Framer не документирует точный список тегов. Это то, что мы зафиксировали на опубликованных сайтах Framer в октябре 2026 года.

Правила для размера изображений

  • Framer использует пропорции 1200 x 630 px для превью в соцсетях

  • Размещайте важные элементы по центру

  • Не превышайте размер в 600 КБ, если вам важен WhatsApp

Проверьте файл с помощью инструмента проверки размера OG-изображений.

Как принудительно обновить превью

Framer не может очистить кэш сторонней платформы. Используйте Post Inspector в LinkedIn и Sharing Debugger в Facebook, а также поделитесь URL-адресом с параметром запроса в X, Slack и Discord. В инструменте обновления описаны шаги для каждого приложения.

Источники

Частые вопросы

Почему превью Framer для соцсетей не обновляется?

Обычно платформа кэширует старое изображение. Опубликуйте заново, проверьте новое изображение с помощью инструмента проверки метатегов, а затем обновите данные на каждой платформе.

Как установить отдельное изображение для соцсетей для каждой страницы Framer CMS?

Добавьте поле изображения, затем в настройках CMS-страницы выберите «Изображения страницы», «Превью для соцсетей», «CMS-переменные» и укажите нужное поле.

Какой размер должен быть у изображения для превью в соцсетях в Framer?

Framer использует пропорции 1200 x 630 пикселей. Держите важный контент по центру.

Проверьте свою страницу, затем обновите предпросмотр

Вставьте свой URL в бесплатный инструмент проверки, чтобы увидеть, какие именно теги считывает каждое приложение. Как только теги будут настроены правильно, воспользуйтесь инструментом обновления, чтобы очистить старый предпросмотр.

Проверьте URL-адрес

Обновить предпросмотр

Проверить размер изображения

Похожие руководства

Не работает изображение Open Graph в Webflow

В Webflow разметка Open Graph настраивается отдельно для каждой страницы, а не глобально. Для шаблонных страниц CMS требуется поле «Изображение», и все изображения в этой коллекции должны быть одного размера.

Не работает Open Graph изображение в Next.js

Большинство ошибок превью в Next.js связаны с Metadata API: отсутствующий metadataBase, объект openGraph, заменяющий родительский, или размер файла изображения, превышающий лимит.

Предпросмотр ссылки в LinkedIn не работает или не обновляется

LinkedIn формирует превью из четырех тегов og: и сохраняет кэшированную копию. Исправьте теги, а затем обновите данные страницы с помощью Post Inspector в LinkedIn.