Делаем микроразметку без...

[Гендальф Серый]

Народ, привет. С вами на связи снова Гендальф Серый и я принёс немного полезных штук.

Все знают, что есть такая штука, как микроразметка и зачем она нужна. Ещё некоторые товарищи должны знать про то, есть такая штука, как JSON. Я не буду растекаться мыслью по дереву и рассказывать зачем она вам нужна. Если вкратце - получаем рич сниппет вставив кусок кода в head и абсолютно никак не влияя на фронт-энд.
Вот вам парочка типовых примеров, а дальше уже сами:

1. Получаем звёзды в сниппете на примере разметки по услугам:

Код:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Service",
  
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "bestRating": "5",
    "worstRating": "1",
    "reviewCount": "32"
  }
}
</script>

2. Получаем строку адреса под сниппетом в Яндексе и большой сниппет Гугла справа:

Код:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Витебск",
    "postalCode": "210032",
    "streetAddress": "Смолнеская 5-1"
  },
  "email": "info@wlab.by",
  "name": "Создание и продвижение сайтов ВЭБЛАБ",
   "description": "Профессиональная экспертиза в разработке сайтов, продвижении в поисковых системах и социальных сетях, а так же контекстной рекламе и управлении репутацией.",
  "image": "https://cs7055.userapi.com/c639518/v639518092/1ebfb/3tgqjrG9_08.jpg", 
  "telephone": "+375 29 128–62–00",
  "url": "https://site.wlab.by",
  "sameAs": [
    "https://www.facebook.com/wlab.belarus",
    "https://www.instagram.com/bywlab/",
    "https://plus.google.com/+%D0%92%D0%B5%D0%B1%D1%81%D1%82%D1%83%D0%B4%D0%B8%D1%8F%D0%92%D0%AD%D0%91%D0%9B%D0%90%D0%91%D0%92%D0%B8%D1%82%D0%B5%D0%B1%D1%81%D0%BA"
  ]

}
</script>

3. Получаем хлебные крошки

3.1 Для главной страницы:

Код:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement":
  [
    {
      "@type": "ListItem",
      "position": 1,
      "item":
      {
        "@id": "https://site.wlab.by/",
        "name": "Веб-студия ВЭБЛАБ"
      }
    }
    ]
}
</script>

3.2 Для внутренних страниц:

Код:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement":
  [
    {
      "@type": "ListItem",
      "position": 1,
      "item":
      {
        "@id": "https://site.wlab.by/",
        "name": "Веб-студия ВЭБЛАБ"
      }
    },
     {
      "@type": "ListItem",
      "position": 2,
      "item":
      {
        "@id": "https://site.wlab.by/sozdanie_saitov",
        "name": "Создание сайтов"
      }
      }
  ]
}
</script>

Это типовые решения на примере сайта моей студии. Ещё раз напишу, как это готовить:
а) Выбираете, чо покруче
б) Забиваете свои данные, вместо моих
в) В область тега head на своей странице вставляете код
г) ВЫ ВОСХИТИТЕЛЬНЫ ДЕТИ ПЛАЧУТ ОТ СЧАСТЬЯ ВСЕ ЖЕНЩИНЫ ХОТЯТ ОТ ВАС ДЕТЕЙ АЛЛАХ ЛИЧНО ЗВОНИТ И ГОВОРИТ КАКИЫ ВЫ КРУТЫЕ КОБЗОН ПОСВЯЩАЕТ ВАМ СВОЙ НОВЫЙ АЛЬБОМ

Другие типовые решения вы можете нагуглить. Ну или спросить в посте и вам, я уверен, ответят, ведь ВЕБМАСТЕРС ЭТО ЛУЧШИЙ ФОРУМ ГДЕ ПАЦАНЫ ПОМНЯТ МОЛОДОГО САДОВСКОГО ТОЛЬКО МОЛОДОСТЬ ГДЕ МЫ УГОРАЛИ ПО ХАРДКОРУ И ПРОГОНАМ ХРУМАКОМ И ОЛЛСАБОМ

[brainix]

Гендальф Серый, сие кошерно для поисковиков?
А ссылку куда-нибудь в помощь гугла что им жсоном отдавать можно можно?
Обязательно в head это писать?

[Гендальф Серый]

brainix, ПС едят нормально. У нас съели.

Отдавать можно всё по schema. Там теперь три варианта: rdf, json и microdata. По-моему, в head надо обязательно, хотя я не настоящий сварщик.

[zxgame]

Как всегда - коротко и по делу. Заскучал я по настоящим полезным постам. Спасибо

[Vmir]

Гендальф Серый, Благодарствуем, готовые решения по микре - пригодятся обязательно.

[arhimed]

brainix, вы немного отстали от жизни.

Офф. справка Google: тыц
Офф. тестер рыЧ сниппетов: тыц

Там же сможете протестировать код от товарища Гендальфа Непобелевшего.

[Гендальф Серый]

arhimed, там по ревью, если память не подводит. А нам интересно именно локал бизнес и услуги. Я в том плане, что на отзывы и товары можно и в ГВМ через маркер всё сделать.

[pyramida]

Добавка по организацион. Эта разметка не гарантирует попадание в правый большой снипет в гугле, без добавки организации в гугле.мой.бизнес.

Добавлю алерт.
В гугле, низзя ставить звезды на главную или категории.
Низзя также ставить агрегейтрейтинг на страницы категорий.

Можно для главной. если представлена одна услуга или продукт.

[nikolaidr]

У меня почему-то в гугле некоторые страницы почему-то выводят инфу не с разметки а просто рандомную причем не связанную, например из футера, в чем может быть причина?

[Гендальф Серый]

nikolaidr, покажите сайт