Делаем микроразметку без правки вёрстки
∘JS
на главную сниппетов Все знают, что есть такая штука, как микроразметка и зачем она нужна. Ещё некоторые товарищи должны знать про то, есть такая штука, как JSON . Я не буду растекаться мыслью по дереву и рассказывать зачем она вам нужна. Если вкратце – получаем рич сниппет вставив кусок кода в head и абсолютно никак не влияя на фронт-энд.
1. Получаем звёзды в сниппете на примере разметки по услугам:
Код:
<![CDATA[<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. Получаем строку адреса под сниппетом в Яндексе и большой сниппет Гугла справа:
Код:
<![CDATA[<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 Для главной страницы:
Код:
<![CDATA[<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 Для внутренних страниц:
Код:
<![CDATA[<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>]]>
Это типовые решения на примере сайта моей студии. Ещё раз напишу, как это готовить:
на главную сниппетов
