Open Graph

Микроразметка используется для превью страницы, которое формируется при публикации ссылки в социальных сетях. Поддерживается в Facebook, VK, Однокласниках. Яндекс и гугл использует Open Graph в сниппетах в поисковой выдаче.

  • Теги вставляются в <head> каждой страницы сайта.
  • Даты указываются в формате YYYY-MM-DDThh:mm:ss±hh, например 2017-05-20T10:31:27+00:00
  • Помимо картинки в теге og:image рекомендуется её продублировать в image_src: <link rel="image_src" href="http://example.com/logo.png">
1
<meta property="og:type" content="website">    
<meta property="og:url" content="http://example.com">
<meta property="og:title" content="Заголовок страницы">
<meta property="og:description" content="Описание страницы">
<meta property="og:image" content="http://example.com/logo.png">
HTML
2
<meta property="og:type" content="article">    
<meta property="og:url" content="http://example.com/article/123.html">
<meta property="og:title" content="Название статьи">
<meta property="og:description" content="Описание статьи">
<meta property="og:image" content="http://example.com/image.png">
<meta property="article:published_time" content="Дата публикации">
<meta property="article:modified_time" content="Дата последнего изменения">
<meta property="article:section" content="Категория статьи">
<meta property="article:tag" content="Теги">
HTML
3
<meta property="og:type" content="og:product">    
<meta property="og:url" content="http://example.com/prod/123.html">
<meta property="og:title" content="Название товара">
<meta property="og:description" content="Описание товара">
<meta property="og:image" content="http://example.com/image.png">
<meta property="product:price:amount" content="Цена">
<meta property="product:price:currency" content="RUB">
HTML

Описание на Яндексе
Валидатор Facebook
Валидатор Google

06.04.2018, обновлено 22.10.2019
5265

Комментарии

, чтобы добавить комментарий.

Другие публикации

Описание файла robots.txt
Директивы файла robots.txt для Яндекс и Google
11375
-2
Использование API Яндекс Диска на PHP
Можно найти множество применений Яндекс Диска на своем сайте, например, хранение бекапов и отчетов, обновление прайсов,...
55976
+20
Загрузка изображений с превью AJAX + PHP + MySQL
В данной статье представлена упрощенная реализация загрузки изображений с превью через AJAX с сохранением в базу данных...
31261
+22
Печать HTML страниц
Очень часто разработчики забывают про печатную версию сайта, поэтому можно встретить такой результат на бумаге...
60829
+7
Разметка страниц для Twitter (Twitter Cards)
Разметка вставляется в head каждой страницы сайта и используется для расширенного описания ссылки, вставленной в твит.
8710
0
Пример парсинга html-страницы на phpQuery
phpQuery – это удобный HTML парсер взявший за основу селекторы, фильтры и методы jQuery, которые позволяют...
62933
+26