SEO портал Крым / Обучение / Текстовые материалы / Практика и примеры использования микро разметки Open Graph

Практика и примеры использования микро разметки Open Graph

Протокол Open Graph является ничем иным, как особым набором мета-тегов, которые следует внедрять в html-код страницы, в рамках тега , впрочем как и все другие мета теги. Основная задача словаря OG - обеспечивать нужное отображение превью страницы сайта в социальных сетях. Кстати, несмотря на то, что Open Graph разработал и внедрил Facebook, сегодня данный стандарт разметки страницы используется другими известными социальными платформами. Помимо упомянутых выше Вконтакте и Twitter, это также Google+, Яндекс.Видео, Pinterest, LinkedIn и др.
Кстати, что касается статистики, Open Graph - наиболее часто используемый формат микро разметки, ну хотябы потому, что роль социальных сетей в последнее время очень сильно возросла, из обычных блогов, социальные сети превратились и в место продажи/ покупки товаров, учитывая посещаемость социальных сетей - количество продаж через них удвоилось, если не утроилось.
Давайте посмотрим пример разметки страницы с помощью Open Graph:


<meta property=\"og:type\" content=\"article\">\n\n<meta property=\"og:title\" content=\"Микро разметка\">\n\n<meta property=\"og:url\" content=\"https://foceo.ru\">\n\n<meta property=\"og:description\" name=\"description\" content=\"Практический курс внедрения семантической разметки на сайт\">\n\n<meta property=\"og:image\" content=\"https://foceo.ru/img/foceo.ru-logo.png\">

Все более чем просто, Мы объявляем тип данных, мы говорим, что хотим закрепить изображение за страницей, указываем ссылку, заголовок и описание. Для обычного "красивого и понятного" постинга в социальных сетях этого достаточно. Еще одно небольшое замечание - помните, по правилам w3Org, ошибкой считается двойное использование имен в мета - тегах, а это значит, что просто скопировать текст из примера - неверное решение. Вы можете скопировать 4 строки кода, а пятый создать на базе уже существующего, да, Вы поняли правильно, мы говорим о мета теге description, просто добавьте в него код: property="og:description".

Практика и примеры использования микро размет

Пожалуйста, оцените удобство нашего сервиса

  • Currently 2.53/5

Общий рейтинг: 2.5/5 (263 голосов)


Используя данный сайт вы соглашаетесь с политикой конфиденциальности

Связаться с нами




Контакты
Республика Крым,
г. Симферополь,
Проспект победы 200
Телефон: + 7 (904) 892-29-73
Email: support@foceo.ru
Первый Крымский SEO портал