Корректная разметка сайта для социальных сетей
Корректная разметка сайта sitename.com для социальных сетей
Для предоставления структурированных данных соц. сетям существует разметка данных Open Graph специальными мета тегами, которая будет указывать что именно подтягивать в сниппет (см. Скриншот) – Название страницы, описание, или какую либо картинку.
Внедрение разметки для разного типа страниц на сайте:
Для страниц листинга необходимо внедрить разметку:
http://sitename.com/svadebnye-braslety.html
|
<meta property="og:type" content="website" /> <meta property="og:title" content="БРАСЛЕТ ДЛЯ НЕВЕСТЫ" /> <meta property="og:url" content="http://sitename.com/svadebnye-braslety.html" /> <meta property="og:description" content="Ищешь БРАСЛЕТ ДЛЯ НЕВЕСТЫ? Заходи и выбирай прямо сейчас!" /> <meta property="article:author" content="https://www.facebook.com/sitename.com" /> <meta property="twitter:card" content="summary" /> <meta property="twitter:title" content="БРАСЛЕТ ДЛЯ НЕВЕСТЫ" /> <meta property="twitter:description" content="Ищешь БРАСЛЕТ ДЛЯ НЕВЕСТЫ? Заходи и выбирай прямо сейчас!" /> <meta property="og:image" content="http://sitename.com/media/catalog/product/cache/1/small_image/446x602/a4e40ebdc3e371adff845072e1c73f37/b/r/braslet-izyashchnost.jpg" /> <meta property="twitter:image" content="http://sitename.com/media/catalog/product/cache/1/small_image/446x602/a4e40ebdc3e371adff845072e1c73f37/b/r/braslet-izyashchnost.jpg" /> <meta property="og:publisher" content="https://www.facebook.com/sitename.com" /> <meta property="og:site_name" content="Интернет магазин sitename.com" /> <meta property="twitter:site" content="@sitename" /> <meta property="twitter:creator" content="@sitename" /> |
Для страниц карточек товара http://sitename.com/braslet-vecherniy-kamen.html
|
<meta property="og:type" content="website" /> <meta property="og:title" content="БРАСЛЕТ - ВЕЧЕРНИЙ КАМЕНЬ" /> <meta property="og:url" content="http://sitename.com/braslet-vecherniy-kamen.html" /> <meta property="og:description" content="Ищешь СВАДЕБНЫЕ БРАСЛЕТЫ? Заходи и выбирай прямо сейчас!" /> <meta property="article:author" content="https://www.facebook.com/sitename" /> <meta property="twitter:card" content="summary" /> <meta property="twitter:title" content="БРАСЛЕТ - ВЕЧЕРНИЙ КАМЕНЬ" /> <meta property="twitter:description" content="Ищешь СВАДЕБНЫЕ БРАСЛЕТЫ? Заходи и выбирай прямо сейчас!" /> <meta property="og:image" content="http://sitename.com/media/catalog/product/cache/1/image/a4e40ebdc3e371adff845072e1c73f37/b/r/braslet-vecherniy-kamen.jpg" /> <meta property="twitter:image" content="http://sitename.commedia/catalog/product/cache/1/image/a4e40ebdc3e371adff845072e1c73f37/b/r/braslet-vecherniy-kamen.jpg" /> <meta property="og:publisher" content="https://www.facebook.com/sitename" /> <meta property="og:site_name" content="Интернет магазинsitename" /> <meta property="twitter:site" content="@sitename" /> <meta property="twitter:creator" content="@sitename" /> |
Примечания:
Прописанные данные не влияют на взаимодействие с поисковой системой, по этой причине, следует прописывать мета-данные ориентированные на пользователя. Оптимизация метаданных для соц.сетей не имеет смысла.
Проверка:
Для проверки нужно провести тестовый постинг разных типов страниц в различные соц-сети и убедится, что нужная информация подтягивается