Как исправить отображение ссылки на сайт в соцсетях

Что делать, если ссылка в мессенджерах и социальных сетях выглядит некорректно
Вы создали сайт, решили им поделиться и тут возникла проблема – ссылка на сайт в социальных сетях выглядит не так, как задумывалось. В статье мы разберем проблему и рассмотрим инструменты, которые нам помогут: для Facebook, ВКонтакте, Telegram и Twitter.
Перед тем, как делиться страницей в социальных сетях или мессенджерах, проверьте настройки на Тильде. Отображение ссылки на сайт в социальных сетях зависит от того, какая информация задана в Настройках страницы → Соцсети → Отображение в соцсетях и мессенджерах.

Если там не указана информация, то Заголовок и Описание в предпросмотре берутся из полей вкладки Главное в Настройках Страницы, а бейдж из вкладки Бейджик. Если бейджик не загружен, то используется первое изображение со страницы.
Если все значения заданы и страница опубликована, а ссылка в социальных сетях выглядит некорректно, то стоит обратиться к сервисам для обновления предпросмотра ссылок.
1
Обновление данных в 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 нет. Нужно подождать — превью обновится самостоятельно.
2
Обновление данных во ВКонтакте
Использование очистки предпросмотра кеша (метод pages.clearCache)
Для обновления данных в социальной сети ВКонтакте есть специальный инструмент https://dev.vk.com/method/pages.clearCache. Он довольно прост — нужно получить access token, вставить ссылку на вашу страницу, нажать кнопку «Выполнить».
Как получить access token?

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

Access token получен.
Напишите URL страницы, для которой требуется очистить предпросмотр.
Нажмите «Выполнить». При удачной очистке кеша – метод возвращает код «1».
3
Обновление данных в Телеграме
Использование бота @Webpagebot
В Telegram существует специальный бот — @Webpagebot, с помощью которого можно обновить кеш предпросмотра. Для этого нужно использовать команду Start (Начать), затем прислать боту до 10 ссылок, предпросмотр которых нужно обновить.
4
Обновление данных в Twitter
Использование инструмента Twitter Card Validator
Для Twitter существует сервис Twitter Card Validator. С помощью него можно обновить превью ссылок, вставив ссылку в поле, но для этого нужно, чтобы на Тильде был заполнен параметр «Твиттер-аккаунт», который находится в Настройках страницы → Соцсети.
Made on
Tilda