Микро - разметка Open Graph, оптимизация страниц с помощью микро разметки Open Graph
FoCeO Раскрутка сайтов Крым

Семантическая разметка с помощью OG ( Open Graph ). Как правильно использовать микро разметку Open Graph?

Семантическая разметка og, оптимизация с помощью og, open graph, пример open graph разметки, оптимизация с помощью open graph

SEO КрымПродвижение сайтов в КрымуFoCeO на английском языкеFoCeO на украинском языкеFoCeO на русском языке

Раскрутка сайтов в Крыму
Микро - разметка. Оптимизация сайта open graph

Зачем нужна микро разметка сайта? Практическое руководство по микро разметке сайта og

Микро - разметка. Оптимизация сайта с помощью open graph


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

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

Кстати, что касается статистики, Open Graph - наиболее часто используемый формат микро разметки, ну хотябы потому, что роль социальных сетей в последнее время очень сильно возросла, из обычных блогов, социальные сети превратились и в место продажи/ покупки товаров, учитывая посещаемость социальных сетей - количество продаж через них удвоилось, если не утроилось.

Давайте посмотрим пример разметки страницы с помощью Open Graph:

<meta property="og:type" content="article">

<meta property="og:title" content="Микро разметка">

<meta property="og:url" content="http://foceo.ru">

<meta property="og:description" name="description" content="Практический курс внедрения семантической разметки на сайт">

<meta property="og:image" content="http://foceo.ru/img/foceo.ru-logo.png">


Все более чем просто, Мы объявляем тип данных, мы говорим, что хотим закрепить изображение за страницей, указываем ссылку, заголовок и описание.

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





Пожалуйста, оцените полезность данного материала:














Вся информация, представленная на сайте, принадлежит проекту FoCeO.RU 2013

FoCeO В TwitterFoCeO В Google+FoCeO в FaceBookFoCeO ВКонтакте Рейтинг@Mail.ru
FoCeO Раскрутка сайтов Крым
Микро - разметка. Оптимизация сайта с помощью микро разметки Open Graph
FoCeO Раскрутка сайтов Крым