[Урок 40] Отображение сайта в социальных сетях (SEO/Facebook)

Привет-привет! Настройки сайта мы изучили вдоль и поперёк, но я совсем забыл рассказать вам про отображение сайта в социальных сетях.

Сделаем красивый предпросмотр сайта, пропишем заголовок и бейджик. Приступим!)

Переходим к настройкам страницы.

Открываем настройки страницы с которой мы будем работать (не путать с настройками всего сайта).

Открываем вкладку главная.

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

Бейджик.

Бейджик - это изображение, открываемое при предпросмотре вашего сайта.

Сюда загружаем ваше изображение. Я залью просто скриншот главной страницы сайта. По умолчанию тут стоит первое изображение, которое размещено на сайте (в моём случае это логотип).

Facebook and SEO.

Здесь мы видим, как отображается наш сайт в превью фейсбука. Так же мы можем прописать дополнительные данные нажав на кнопку "Задать специальные мета данные."

Так же в этом разделе есть настройки отображения сайта в поисковиках.

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

Сохраняем все изменения.

Что делать, если нужные данные введены, а социальные сети показывают старый вид предпросмотра?

Такое может случиться в случае, если вы ранее публиковали свой сайт в соц, сетях.

Чтобы обновить данные нужно воспользоваться дебагером.

Facebook - https://developers.facebook.com/tools/debug/

Переходим, вставляем ссылку и обновляем данные.

Вконтакте - https://vk.com/dev/pages.clearCache

Telegram - существует специальный бот : @Webpagebot (внутри есть инструкция)

Twitter - https://twitter.com/login?redirect_after_login=https%3A%2F%2Fcards-dev.twitter.com%2Fvalidator

На этом всё, пользуйтесь этой фичей и не забывайте выполнять все условия!)
Всем успехов!