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

Что делать, если ссылка в мессенджерах и социальных сетях выглядит некорректно
Вы создали сайт, решили им поделиться и тут возникла проблема – ссылка на сайт в социальных сетях выглядит не так, как задумывалось. В статье мы разберем проблему и рассмотрим инструменты, которые нам помогут: для 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, вставить ссылку на вашу страницу, нажать кнопку «Выполнить».
На платформе «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» в блоке «Пример запроса».
3
Обновление данных в Телеграме
Использование бота @Webpagebot
В Telegram существует специальный бот — @Webpagebot, с помощью которого можно обновить кеш предпросмотра. Для этого нужно использовать команду Start (Начать), затем прислать боту до 10 ссылок, предпросмотр которых нужно обновить.
В мессенджере Telegram: диалог с ботом Webpage Bot для сброса кэша превью страницы. В чате отправлена ссылка на сайт и отображен результат обновления превью с кнопками «Update preview again» и «Update with content».
4
Обновление данных в Twitter
Использование инструмента Twitter Card Validator
Для Twitter существует сервис Twitter Card Validator. С помощью него можно обновить превью ссылок, вставив ссылку в поле, но для этого нужно, чтобы на Тильде был заполнен параметр «Твиттер-аккаунт», который находится в Настройках страницы → Соцсети.
Настройки страницы, вкладка «Соцсети»: поле «Твиттер-аккаунт».
Интерфейс сервиса Card validator в Twitter: поле «Card URL», кнопка «Preview card» и блок предпросмотра «Card preview».
Made on
Tilda