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

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 предусмотрены различные плагины или уже встроена автоматическая система, как, например, в DLE. На статике, при большом количестве странице можно частично автоматизировать через php формирование такого кода.


Понравилась статья "Open Graph - правильные картинка, заголовок и описание сайта в соц сетях" из раздела HTML/CSS, Оптимизация и SEO? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 2035   Дата: 08-авг-2015, 18:16

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit

© 2010-2017 devarts.pro v 7.0: flexyflat tpl Designed by devarts
Карта сайта HTMLКарта сайта XMLПравообладателям
Яндекс.Метрика