Как настроить превью ссылки вашего сайта

Когда вы делитесь ссылкой на сайт, социальные сети и мессенджеры формируют превью (виджет предварительного просмотра) этой страницы. Выглядит это вот как-то так:

Превью ссылки в социальной сети ВКонтакте

Превью ссылки в мессенджере Telegram

Формируется это превью на основе формата микроразметки Open Graph. Мы не станем углубляться в технические подробности, а расскажем как вам настроить превью, чтобы оно было красивым и главное эффективным. Главная цель — чтобы люди, которые его увидят, захотели перейти по этой ссылке, на ваш сайт.

  1. Заголовок ссылки
  2. Описание
  3. Изображение (Рекоменндованый размер, для красивого отображения: 968×504 пикселей)

По умолчанию, микроразметка формируется автоматически исходя из тех данных, которые вы указали в обложке вашего сайта. Но зачастую информация не может быть универсальной и работать одинаково эффективно в разных местах и в разных форматах. Именно поэтому мы рекомендуем уделить внимание настройки Open Graph.

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

Очистка кеша

Вконтакте

  • Перейдите на страницу https://vk.com/dev/pages.clearCache
  • В поле url вставьте ссылку на ваш сайт и нажмите Выполнить

Facebook

  • Перейдите на страницу https://developers.facebook.com/tools/debug/og/object/
  • Вставьте ссылку на ваш сайт и нажмите Получить новую информацию о URL

Twitter

  1. Перейдите на страницу https://cards-dev.twitter.com/validator
  2. Вставьте ссылку на ваш сайт и нажмите Preview card

Telegram

  1. Откройте мессенджер Telegram
  2. Найдите и начните диалог с ботом @webpagebot
  3. Отправьте в диалоге с ним URL адрес вашей страницы
  4. Нажмите в ответном от бота сообщении кнопку Update preview again

Проверка

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

Как убрать предпросмотр ссылки в Телеграм

Функция предпросмотра ссылок в Телеграм позволяет просматривать содержимое ссылок непосредственно в самом Telegram, то есть не переходя по этой ссылке. Достаточное число подписчиков интересуются, можно ли отключить предпросмотр ссылок в Телеграме, и как это можно сделать. На самом деле, вы можете выключить предпросмотр ссылок в настройках своего Телеграм профиля, либо просто вручную отключить предпросмотр при отправлении.

Итак, далее разберем, как убрать предпросмотр ссылки в Телеграм.

Как отключить предпросмотр ссылки в Телеграме

Как отключить предпросмотр ссылки в Телеграме? Это можно сделать в настройках своего аккаунта следующим образом:

  • Открываем боковое меню;
  • Далее выбираем вкладку «Настройки»;

  • Открываем вкладку «Конфиденциальность»;
  • Прокручиваем экран в самый низ и отключаем предпросмотр ссылок.

Как убрать предпросмотр ссылки в Телеграм

Можно пойти другим путем. Когда вы отправляете ссылку, можно просто убрать предпросмотр на этапе отправки. Для делаем следующее:

  • Копируем ссылку для отправки, ждем пока загрузится предпросмотр;
  • А затем нажимаем на крестик справа над ссылкой и отправляем сообщение в таком виде;

  • Будет отправлена только ссылка, без функции предпросмотра.

Как отключить встроенный браузер в Телеграме

Как отключить встроенный браузер в Телеграме? Некоторых подписчиков не устраивает тот факт, что Телеграм отрывает внешние ссылки (на другие сайты, Инстаграм и прочее) через встроенный браузер. На самом деле эту функцию можно легко отключить опять же в настройках профиля. Для этого нужно:

  • Переходим в настройки аккаунта;
  • Теперь выбираем вкладку «Настройка чатов»;

  • Прокручиваем экран ниже и выключаем встроенный браузер в Телеграме.

После этого, все внешние ссылки будут открываться теми программами, которые используются для этого на вашем смартфоне. Например, после отключения встроенного браузера (внутреннего) в Телеграме, ссылки на сайты на моём смартфоне открываются через Chrome, а ссылки на Инстаграм (видео, профили) открываются в самом приложении Instagram.

Почему нет превью ссылок в телеграм

Телеграм мессенджер

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

Технические аспекты превью ссыллок в телеграме

Все просто после добавление ссылки в текстовое поле ввода, роботы телеграм переходят по указанной вами ссылке и парсят код на странице.

Вот как выглядит превью для этого сайта:

Превью сайта Дейлилаф в Телеграм

После публикации выглядит так:

Полное превью сайта Дейлилаф в Телеграм

Как же сделать превью ссылок в Телеграм

Для этого нужно всего лишь добавить разметку Open Graph на свой сайт. Это можно сделать собственноручно или воспользоваться плагином, если вы используете CMS.

Open Graph — это очень популярная микроразметка страницы от Facebook, которая помогает формировать и держать под контролем превью страницы сайта в социальных сетях и других веб-сервисов.

Код сайта html

Разметка используяется для красивого оформления записей.

Почему бывает такое что превью нет

На момент написания статьи была такая проблема:

Присутствует разметка Open Graph, но телеграм все равно не загружает превью ссылки моего сайта.

Причина оказалась, в том что роскомнадзор блокирует ip адреса для телеграма. То есть, если ваш сайт расположен в России, то ему закрыт доступ в телеграм. Он не сможет получить доступ к вашему сайту.

Для этого необходимо заменить страну размещения сайта, если ваш хостинг не поддерживает такой услуги, то могу порекомендовать вот этот.

Устраняем проблему с ссылками в Телеграм — последний шаг

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

Если все равно нет превью, значит телеграм закеширировал результаты по данной странице. Чтобы очистить кеш перейдите в бот Webpage Bot.

webpagebot telegram

Отправьте ссылку и нажмите update preview again.

Вот и всё. Если все получилось поставь лайк! Если нет, то значит проблема в другом. Пишите мне в Вконтакте разберемся вместе!

Источник https://tapid.ru/help/kak-ispravit-kartinku-v-socialnyh-setjah

Источник https://grandguide.ru/ubrat-predprosmotr-ssylki-telegram/

Источник https://deadlylaugh.ru/post/148