Превью страницы в соцсетях и мессенджерах

Название, описание, установка картинки для публикации в социальных сетях
При публикации ссылки в социальных сетях выводится та информация, которую вы задали в настройках страницы на вкладке «Cоцсети».
Добавление и редактирование превью для страницы
Чтобы добавить оригинальную информацию для отображения в социальных сетях в превью вашей страницы, откройте Настройки страницы и перейдите на вкладку «Соцсети».
В окне «Настройки страницы»: вкладка «Соцсети».
Если раньше отображение превью страницы в соцсетях не было отредактировано, то нажмите на кнопку «Настроить отображение в Соцсетях».
Кнопка «Настроить отображение в Соцсетях» во вкладке «Соцсети» в «Настройках страницы».
Заполните заголовок и описание страницы, а также добавьте бейджик и пропишите адрес страницы вручную. Сохраните изменения и опубликуйте страницу заново, чтобы изменения вступили в силу.
Вкладка «Facebook and ОG» в настройках страницы: поля «Заголовок», «Описание», кнопка «Загрузить файл» в строке «Картинка (бейдж)» и кнопка «Сохранить изменения».
После размещения ссылки в любой соцсети будет отображаться превью страницы, ссылка на вашу страницу и ее заголовок. Формат отображения превью страницы зависит от соцсети.
ВКонтакте: отображение ссылки на сайт в посте на стене сообщества с превью-изображением, заголовком и адресом страницы.
Пример отображения ссылки на страницу в соцсети «ВКонтакте».
Исправление отображения ссылки на сайт в соцсетях и мессенджерах
Перед тем, как делиться страницей в социальных сетях или мессенджерах, проверьте настройки на Тильде. Отображение ссылки на сайт в социальных сетях зависит от того, какая информация задана в Настройках страницы → Соцсети → Отображение в соцсетях и мессенджерах.

Если там не указана информация, то Заголовок и Описание в предпросмотре берутся из полей вкладки Главное в Настройках Страницы, а бейдж из вкладки Бейджик. Если бейджик не загружен, то используется первое изображение со страницы.
Всплывающее окно «Настройки страницы», вкладка «Главное» с полями «ЗАГОЛОВОК», «ОПИСАНИЕ» и «АДРЕС СТРАНИЦЫ».
Если все значения заданы и страница опубликована, а ссылка в социальных сетях выглядит некорректно, то стоит обратиться к сервисам для обновления предпросмотра ссылок.
Использование инструмента Sharing Debugger
Подробнее
Использование очистки предпросмотра кеша (метод pages.clearCache)
Подробнее
Использование бота @Webpagebot
Подробнее
Использование инструмента X Card Validator
Подробнее
Обновление данных в Facebook с помощью Sharing Debugger
Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.
Sharing Debugger — сервис предпросмотра ссылок для Facebook.
С его помощью можно обновить предпросмотр определенной ссылки в Facebook. Укажите ссылку и нажмите кнопку «Debug». После этого сервис обновит информацию в соответствии с актуальными данными страницы.

Если же вы укажете ссылку на страницу, которую еще не публиковали в Facebook, то после клика на «Debug» вы получите соответствующее уведомление. Нажмите на кнопку «Получить новую информацию об URL» (Fetch new information) . Информация обновится и новые данные отобразятся внизу страницы.
Если с обновлением предпросмотра в Sharing Debugger возникают проблемы:
  • нужно проверить, нет ли в записях вашего подключенного домена АААА-записей
  • правильно ли указан адрес страницы в Настройках страницы → SEO → Отображение в поисковой выдаче
  • нет ли поставленной галочки в Настройках сайта → SEO напротив пункта «Использовать схему HTTPS» при отключенном https
Для того, чтобы после нажатия на кнопку шеринга не было надписи Tilda, в Настройках страницы → Соцсети → Настроить отображение в Соцсетях нужно указать APP ID Facebook. APP ID можно создать по этой инструкции от Facebook.
Аналогичного инструмента для приложения Whatsapp нет. Нужно подождать — превью обновится самостоятельно.
Обновление данных во ВКонтакте с помощью pages.clearCache
Для обновления данных в социальной сети ВКонтакте есть специальный инструмент https://dev.vk.com/method/pages.clearCache. Он довольно прост — нужно получить access token, вставить ссылку на вашу страницу, нажать кнопку «Выполнить».
На платформе «VK для разработчиков»: метод «pages.clearCache» в боковом меню и форма «Пример запроса» с полями «access_token», «url» и кнопкой «Выполнить».
Как получить access token?

Перейдите по ссылке https://id.vk.com/business/go, если вы ранее не регистрировались, то выберите подходящий вам тип аккаунта и заполните поля на следующем шаге. Если аккаунт уже есть, то нажмите «Добавить приложение» в правом верхнем углу.
Задайте понятное вам название, тип приложения — «Web» и нажмите «Далее».
В сервисе VK ID: поле «Введите название приложения» и переключатель «Web» в блоке «Выберите нужные платформы».
На следующем шаге укажите базовый домен сайта — это ссылка на вашу страницу, пропишите доверенный Redirect URL. Нажмите «Готово» и подтвердите действие.
В сервисе VK ID: поля «Базовый домен» и «Доверенный Redirect URL» на шаге «Данные для регистрации» и кнопка «Готово» внизу.
Вернитесь на страницу метода https://dev.vk.com/method/pages.clearCache
Нажмите на поле «Ввести вручную» и выберите из списка ваше приложение.
В панели «VK для разработчиков» на странице метода pages.clearCache: выбор пункта «Ввести вручную» в выпадающем списке в блоке «Пример запроса».
Оставьте поле с настройками ключа пустым — метод не требует особых доступов, нажмите «Сгенерировать».
В разделе «ВКонтакте для разработчиков»: кнопка «Сгенерировать» во всплывающем окне «Ключ доступа».

Access token получен.

Напишите URL страницы, для которой требуется очистить предпросмотр.

Нажмите «Выполнить». При удачной очистке кеша – метод возвращает код «1».
На странице метода pages.clearCache в панели «VK для разработчиков»: поле «url *», кнопка «Выполнить» и ответ «"response" : 1» в блоке «Пример запроса».
Обновление данных в Телеграме с помощью бота @Webpagebot
В Telegram существует специальный бот — @Webpagebot, с помощью которого можно обновить кеш предпросмотра. Для этого нужно использовать команду Start (Начать), затем прислать боту до 10 ссылок, предпросмотр которых нужно обновить.
В мессенджере Telegram: диалог с ботом Webpage Bot для сброса кэша превью страницы. В чате отправлена ссылка на сайт и отображен результат обновления превью с кнопками «Update preview again» и «Update with content».
Обновление данных в X (ex-Twitter) c помощью X Card Validator
Для X существует сервис X Card Validator. С помощью него можно обновить превью ссылок, вставив ссылку в поле, но для этого нужно, чтобы на Тильде был заполнен параметр «Твиттер-аккаунт», который находится в Настройках страницы → Соцсети.
Настройки страницы, вкладка «Соцсети»: поле «Твиттер-аккаунт».
Интерфейс сервиса Card validator в Twitter: поле «Card URL», кнопка «Preview card» и блок предпросмотра «Card preview».
Made on
Tilda