Просмотр новых публикаций
Последние сообщения с форума
 | Джокер2 - Безумие на двоих (2024) Автор темы: kishnin81, Раздел: Кинообзор онлайн | 0 Ответов Сб 14:32 | kishnin81 |
| Дэдпул и Росомаха (2024) Автор темы: kishnin81, Раздел: Кинообзор онлайн | 0 Ответов Вт 15:59 | kishnin81 |
| Бесплатные VPS/VPDS Автор темы: kishnin81, Раздел: Прочие статьи | 7 Ответов Пн 10:11 | safonovs3f |
| Как узнать имя пользователя на удаленном компьютере Автор темы: kishnin81, Раздел: Прочие статьи | 1 Ответов Пн 10:10 | safonovs3f |
| ВТБ халявные акции за обучение Автор темы: kishnin81, Раздел: Прочие статьи | 3 Ответов Пн 10:10 | safonovs3f |
Внимание! Если Вы видите рекламму на нашем ресурсе, установите для вашего браузера расширение Adblock Plus | AdBlocker Ultimate | Блокировщик рекламы |
Мы ВКонтакте
Сообщество вконтакте
Главная страница сайта
Статистика
Краткая статистика сайта.
Комментарии
3 последних комментариев.
Годно! Спасибо за данную тему, интересно))
Поиск по сайту
Поиск по всему сайту, форуму и тегам!
Поиск по тегам
Облако популярных тегов.
Разметка сайта для социальных сетей
Как можно эффективно использовать протокол Open Graph и его в привлечении большого количества трафика из социальных сетей?
Разметка Open Graph — протокол для разметки сайта под социальные сети и так же может использоваться при формировании снипета выдачи поисковых систем.
Для начала давайте разберемся, что же такое разметка Open Graph. Это протокол, который позволяет управлять и контролировать данные, формирующиеся в превью (структурирует информацию о странице) в посте, когда пользователь делиться ссылкой в социальных сетях. Говоря простым языком, это возможность связывать свой контент с социальными сетями и настроить правильное отображение заголовков, описания и картинки страниц сайта.
Вот пример как выглядит в социальной сети mail.ru информация о ссылке на сайт с использование протокола Open Graph на примере моего сайта:
Для настройки необходимо в раздел HEAD страницы добавить мета теги:
«og:locale» — указывает локализацию (язык сайта), можно использовать значение «ru_RU» по умолчанию.
«og:type» — указывает тип страницы (статья, новость, видео, категория и т. д.), можно использовать по умолчанию «article».
«og:title» — указывает заголовок статьи.
«og:description» — указывает краткое описание, которое выводится при формировании превью ссылки.
«og:url» — ссылка на страницу сайта.
«og:image» — ссылка на картинку, которая будет отображаться в посте.
«og:site_name» — название сайта.
Вот примеры настройки:
Код
1. Facebook и Вконтакте используют Open Graph protocol:
<meta property="og:title" content="Название страницы"/>
<meta property="og:description" content="Описание"/>
<meta property="og:image" content="http://www.site.com/logo.png" />
<meta property="og:url" content="http://www.site.com"/>
<meta property="og:site_name" content="Название сайта"/>
3. Для Twitter код выглядит так:
<meta name="twitter:site" content="Название сайта"/>
<meta name="twitter:title" content="Название страницы">
<meta name="twitter:description" content="Описание"/>
4. Для Google+ так:
<link rel="author" href="https://plus.google.com/Blogger777/"> - cсылка на профиль автора в Google+
<link rel="publisher" href="https://plus.google.com/+ScotchIo/"> - название сайта
<meta itemprop="name" content="Блог о разведении слоников"> - текст сниппета (до 40 символов)
<meta itemprop="description" content="Описание сайта"> - описание сайта
<meta itemprop="image" content="http://site.ru/pic/img.jpg"> - путь к файлу изображенияВ добавок хочется добавить, что с внедрением протокола Open Graph рекомендуется установить на страницы сайта кнопки «Поделиться» в социальных сетях. Это упросит возможность пользователя поделиться полезной информацией о вашем сайте с другими пользователями. Ну и безусловно несколько упростит задачи SEO-оптимизатора при работе с биржами «лайков», которые хоть и не приносят ощутимого ссылочного эффекта, но позволяют несколько ускорить индексацию/переиндексацию при продвижении сайта.
Для самых популярных cms-систем существуют уже готовые плагины, помогающие реализовать внедрение разметки Open Graph без привлечения вебмастеров.
Отладка социальной разметки при помощи Валидатора микроразметки Яндекса
Подробно о Протоколе Open Graph
Поисковые системы активно использую разметку Open Graph для корректного отображения результатов выдачи!
На Яндексе есть целый раздел помощи - Разметка Open Graph
 |
Информация: Посетители, находящиеся в группе Гости, не могут скачивать файлы с данного сайта. |
Пароль к архивам: ComInet
Автор материала
...
Логин на сайте: ...
Группа: ...
Статус: ...
Комментариев:
0
Copyright ©