• Главная
  • WEB студия
    • Услуги и Цены
    • Домены
    • Хостинг и Почта
    • Сайт-Визитка
    • Интернет-магазин
    • Поддержка сайта
    • Портфолио
  • Продвижение сайта
    • Контекстная реклама
    • Семантическое ядро
    • SEO продвижение сайта
  • Социальные сети
    • SMO/SMM-продвижение
    • Создание и ведение групп
    • Автопостинг новостей
  • Парсинг сайтов
    • Зачем нужен парсинг?
    • Зачем нужен парсинг?
    • Анализ цен конкурентов
  • Журнал о Web
    • Поисковые системы
    • Все о SEO
    • Все о SMM
    • jQuery скрипты
    • Малый бизнес
  • Справочники
    • HTML
    • CSS
    • PHP
    • MySQL
    • jQuery
  • Информация
    • Кто МЫ!?
    • Контакты
    • Оплата услуг
    • Спасибо Вам
  • Инструменты
  • SEOker
  • SIZEr
  • HTML редактор
  • Наши проекты
  • W1CMS.ru
  • DiiF.ru
  • MinURL.ru

Разметка Open Graph для Facebook, Twitter, Вконтакте, LinkedIn, Google+ и Поисковые системы

Разметка Open Graph — протокол для разметки сайта под социальные сети и так же может использоваться при формировании снипета выдачи поисковых систем. Разметка Open Graph для Facebook, Twitter, Вконтакте, LinkedIn, Google+ и другие сайтыГоворя простым языком, это возможность связывать свой контент с социальными сетями и настроить правильное отображение

  1. Главная
  2. Все о SEO

Разметка Open Graph — протокол для разметки сайта под социальные сети и так же может использоваться при формировании снипета выдачи поисковых систем.

Разметка Open Graph для Facebook, Twitter, Вконтакте, LinkedIn, Google+ и другие сайтыГоворя простым языком, это возможность связывать свой контент с социальными сетями и настроить правильное отображение заголовков, описания и картинки страниц сайта.


Социальные сети

Для настройки необходимо в раздел HEAD страницы добавить мета теги:

  • og:title — заголовок записи
  • og:type — тип записи
  • og:image — картинка записи
  • og:url — ссылка на запись
  • og:description — краткое описание

Вот пример настройки для нашей страницы услуг веб-студии:

<meta property="og:title" content="Веб-студия : Услуги и Цены по Web, SEO, SMM, Реклама"/>
<meta property="og:description" content="В этом разделе приведены примерные  цены на создание сайтов и услуги продвижения и оптимизации сайта. Окончательная стоимость комплекса наших услуг определяется для каждого проекта индивидуально и зависит от многих факторов."/>
<meta property="og:image" content="https://w1c.ru/files/img/303c54a3f2b26b7cab471a511dd7dab6.png"/>
<meta property="og:site_name" content="W1C : Первый Веб-Консультант"/>
<meta property="og:type" content="article"/>

Пример отображения поста в социальных сетях при добавлении ссылки на страницу:

Как проверить, установлена ли на Вашем сайте разметка Open Graph

Вы можете провести бесплатный анализ вашего сайта в нашем СЕО анализаторе SEOker

Вот параметр отображающий наличие Open Graph на сайте:

 бесплатный анализ вашего сайта в нашем СЕО анализаторе SEOker

Отладка социальной разметки

Для отладки у нас есть два прекрасных инструмента:

Facebook - https://developers.facebook.com/tools/debug

Facebook кеширует картинки и другие og-данные. Чтобы сбросить кэш нужно в facebook debugger набрать урл страницы с параметром fbrefresh, например: https://w1c.ru/web_price.html/?fbrefresh=reset.

Яндекса - http://webmaster.yandex.ua/microtest.xml

При чем отладчик от Яндекса, помимо опен граф протокола, ещё понимает schema.org, RDFa и микроформаты.


Поисковые системы

Поисковые системы активно использую разметку Open Graph для корректного отображения результатов выдачи!

На Яндексе есть целый раздел помощи - http://help.yandex.ru/webmaster/video/open-graph-m...

Как тестировать!? - описано чуть выше.


Подробнее о протоколе OpenGraph и его возможностях читайте на официальном сайте.

Рекомендуем

Теги

SEO HTML CSS JavaScript

Смотрите также

Веб-студия

  • Услуги и Цены
  • Аренда сайтов
  • Реклама на наших проектах
  • Журнал о Web технологиях

Сделаем

  • Сайт-Визитку
  • Интернет-магазин
  • Landing Page
  • Поддержка сайта

Заполним

  • Написание статей
  • Обмен данными
  • Парсинг сайтов

Продвинем

  • Контекстная реклама
  • Продвижение сайта
  • Социальные сети
  • Автопостинг новостей

Наши контакты

W1C : Первый Веб-Консультант
mail@w1c.ru
Пн - Пт: 10:00 - 20:00

Дизайн и разработка сайта - W1C на W1CMS
W1C : Web First Consultant - Intelligence everywhere ©