Open Graph – правильные картинка, заголовок и описание сайта в соц сетях

open graph social - Open Graph - правильные картинка, заголовок и описание сайта в соц сетях

При публикации ссылок в социальных сетях, например, в vk.com, к ссылке автоматически подтягивается заголовок статьи, картинка и краткое описание.

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

<meta property = "og:title" content = "Заголовок " />
<meta property = "og:type" content = "article" />
<meta property = "og:image" content = "http://site.name/image-url" />
<meta property = "og:description" content = "Описание 30-40 слов" />

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

Похожие записи


JS — скрыть внешние ссылки на сайте
Очень простой скрипт для скрытия внешних ссылок на любом сайте. Разрабатывался для CMS WordPress, но будет работать абсолютно везде. Полностью...
jQuery — таймер обратного отсчета с изменяемой скоростью
Рассмотрим наглядный пример управления таймером на jQuery. Задача: Таймер запускается при загрузке страницы. При клике на кнопку с числом скорость...
jQuery Cookies — ограничиваем повтор события с помощью куков
Cookies — возможность сохранить в браузере некие данные, которые не удалятся после обновления страницы. Задача: отследить с помощью javaScript фиксированное...
jQuery — очищаем поле с результатом после каждого выполненного события
Уже после написаний данной статьи случайно наткнулся на реальный пример описанного здесь простейшего косяка в jQuery коде. Это известный онлайн...
jQuery — простое модальное окно
В данной статье расскажу про очень простое решение с модальным окном на jQuery. Прикручивал его поверх платного конструктора шаблонов сайта...

Добавить комментарий