Как создать превью страницы сайта?

Если мы с копируем ссылку сайта (https://toster.ru) в соц.сети ВК, фейсбук, одновлассников... и т.д, а так же в меседжеры...

Увидем это см. фото

5d282dc462d60745753532.png

5d282dcd2ae62167852698.png

Как это правильно называется ?
Каким образом реализовать в html ?
  • Вопрос задан
  • 10658 просмотров
Решения вопроса 1
AItF4
@AItF4
Помог ответ? Отметь решением.
Геннадий Уваров, чтобы это сделать, вам нужно добавить в head страницы теги:

<meta property="og:title" content="">
<meta property="og:site_name" content="">
<meta property="og:url" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">

Далее нужно каждому мета-тегу заполнить параметр content=""

За что отвечает каждый тег:
og:title - заглавие страницы, он же тайтл. Можете скопировать из тега title.
og:site_name - название сайта.
og:url - ссылка страницы, где вы добавляете этот код. Если это однастраничник, то это просто ссылка на главную сайта. Если сайт на CMS или самописный и у него много страниц, то вам придется для каждой указать свой тег, со своей ссылкой.
og:description - описание страницы. Можете скопировать из тега description для страницы, на которую добавляете теги.
og:image - ссылка на картинку, что характеризует страницу. Можете указать ссылку на лого сайта, или нарисовать конкретную картинку для этих целей.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Eridani
@Eridani
Мимо проходил
Opengraph разметка
P.S. Открыли бы код, посмотрели, далее по совпадениями берем код и лезем в гугл.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы