• Страница 1 из 5
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Форум » Записки веб-разработчика » Начинающему вебмастеру » Как добавить на сайт микроразметку JSON-LD (Добавить микроразметку с помощью Schema.org или JSON-LD)
Как добавить на сайт микроразметку JSON-LD
Kosten
Дата: Понедельник, 2018-11-12, 15:02 | Сообщение 1
Администраторы
Сообщений:18866
Награды: 55


Как правильно установить микроразметку от JSON-LD на сайт и вероятно нужно ставить на категорий и на сам материал. И есть способ передачи связанных данных, так чтоб корректно принимал веб мастер от яндекс или от гугл.

Сейчас разметка такая установлена, а вот правильно или нет, точно сказать не могу. 07a

Страница материала и комментариев к нему:

Код
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$HOME_PAGE_LINK$" itemprop="url"> <span itemprop="title">Главная</span></a></span> » <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="$CAT_URL$" itemprop="url"><span itemprop="title">$CAT_NAME$</span></a></span> » <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$ENTRY_URL$" itemprop="url"><span itemprop="title" style="color: #676464;">$SEO_TITLE$</span></a></span>


С категорий:

Код
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$HOME_PAGE_LINK$" itemprop="url"><span itemprop="title">ZorNet - портал для вебмастера</span></a> » <a href="$CAT_URL$" itemprop="url"><span itemprop="title">$CAT_NAME$</span></a></span>


Тема на Яндекс блоке

Кто на сайт устанавливал, пропишите как можно поменять микро разметку, так как вижу скрипт нужно прописывать.

Теперь подробнее про разметку:



JSON-LD считается более простым в реализации благодаря возможности просто вставлять разметку в документе HTML, а также обматывать разметку вокруг элементов HTML.

Что делает JSON-LD?

JSON-LD аннотирует элементы на странице, структурируя данные, которые затем могут использоваться поисковыми системами для устранения неоднозначности элементов и установления фактов, связанных с объектами, что затем связано с созданием более организованной, лучшей сети в целом.

Этот скрипт для данных, что аналогично в низ сайта устанавливаем.

Код
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "url": "http://zornet.ru/",
  "name": "ZorNet - портал для вебмастера",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+1-401-555-1212",
    "contactType": "Customer service"
  }
}
</script>


Этот пример разметки информации о самом пользователи или администраторе сайта.

Код
        <script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Person",
  "name": "Имя",
  "additionalName": "Отчество (можно второе имя, ник)",
  "jobTitle": "Должность",
  "affiliation": "Организация, с которой связан человек (школа, студия, секция и т.п.)",
  "email": "Адрес email",
  "telephone": "Контактный телефон",
  "url": "URL персональной страницы или сайта",
  "image": "URL фото",
  "address": {
    "@type": "PostalAddress",
    "addressCountry": "Страна",
    "addressRegion": "Регион (область)"
  }
}
</script>


Пример разметки рейтинга статьи и дополнительная информация о материале.

Код
        <script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Article",
  "name": "Название статьи",
  "description": "Краткое описание статьи",
  "author": {
  "@id": "URL личной страницы автора",
  "@type": "Person",
  "name": "Имя автора"
},
  "articleSection": "Категория (каталог) статьи",
  "datePublished": "Дата публикации",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "Общий рейтинг",
    "bestRating": "5", // максимально возможный рейтинг (лучший)
    "ratingCount": "Всего голосов"
  }
}
</script>


Правильно ли размечен документ, то можно проверить в специальных валидаторах от поисковых систем:

Микроразметка с оф-сайта Google

Проверка микровазметки:

Google
Yandex
Прикрепления: 4960161.png(48.4 Kb)
Страна: (RU)
Kosten
Дата: Понедельник, 2018-11-12, 20:56 | Сообщение 2
Администраторы
Сообщений:18866
Награды: 55


Просмотрел по запросу JSON-LD на сайте Вопросы uCoz, и вот что нашел.

Вот с вами занялся этим вопросом и сделал себе подобную разметку, как сделать для своего сайта? Перейдите в Панель управления - Главная - Дизайн - Управление дизайном(шаблоны) - Нижняя часть сайта, далее в самый низ добавить скрипт:

Код
<script type="application/ld+json">
{ "@context" : "http://schema.org",
"@type" : "Organization",
"name" : "Название вашей организации, это может быть ваш сайт site.ru",
"url" : "ссылка на ваш сайт",
"sameAs" : [ "ссылка на страницу группу в соц-сетях, я поставил с фейсбук",
"ссылка на страницу в твиттере",
"ссылка на страницу в гугл+",

"ссылка на страницу в вконтакте"]
}
</script>


Дополню еще ответ, на странице материала и комментариев перед закрывающим тегом /body> нужно поставить код, где данный скрипт отлично подходит для модулей Новости и блог.

Код
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Event",   
"name": "$ENTRY_NAME$",    
"startDate" : "$ADD_DATE$",
"url" : "$ENTRY_URL$",
"location" : {
"@type" : "Place",
"sameAs" : "ссылка на ваш сайт",
"name" : "$ENTRY_NAME$",
"address" : "$CAT_NAME$"
  },
"offers" : {
     "@type" : "Offer",
"url" : "$ENTRY_URL$",
"price": "0"    
  }      
}
</script>


Для модулей(файлы, статьи, сайты, объявления и игры), данный скрипт выше будет выглядеть вот так:

Код
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Event",
"name": "$ENTRY_TITLE$",
"startDate" : "$ADD_DATE$",
"url" : "$ENTRY_URL$",
"location" : {
"@type" : "Place",
"sameAs" : "ссылка на ваш сайт",
"name" : "$ENTRY_TITLE$",
"address" : "$CAT_NAME$"
},
"offers" : {
"@type" : "Offer",
"url" : "$ENTRY_URL$",
"price": "0"
}
}
</script>


Еще один нюанс, чтобы гугль не нашел ошибок, в Общих настройках сайта напротив пункта - Дату сегодняшнего дня выводить как "Сегодня": не должно быть галочки, иначе могут быть проблемы.

Это все нашел на сайте Вопросы uCoz - ЗДЕСЬ

Возможно кто устанавливал скрипт, то плиз можете описать что как сделать.
Страна: (RU)
Kosten
Дата: Понедельник, 2018-11-12, 21:41 | Сообщение 3
Администраторы
Сообщений:18866
Награды: 55


Поставил скрипт, который нужно установить в низ сайта, вот он идет.

Код
<script type="application/ld+json">
{ "@context" : "http://schema.org",
"@type" : "Organization",
"name" : "Название вашей организации, это может быть ваш сайт site.ru",
"url" : "ссылка на ваш сайт",
"sameAs" : [ "ссылка на страницу группу в соц-сетях, я поставил с фейсбук",
"ссылка на страницу в твиттере",
"ссылка на страницу в гугл+",

"ссылка на страницу в вконтакте"]
}
</script>


Также сразу проверил с помощью валидатора от Google: https://search.google.com/structured-data/testing-tool

Вот что показало, вообщем без ошибок, вот только правильно или нет.



Ставил также под на странице материала и комментариев перед закрывающим тегом /body следующий скрипт. но почему то много ошибок выдало.

В страницу материалов и комментариев выставил перед /body и отключил в общих настройках Дату сегодняшнего дня выводить как "Сегодня - но почему то выдает ошибку и реально много предупреждений.

Прикрепления: 8895950.png(31.6 Kb) · 0834593.png(120.5 Kb)
Страна: (RU)
First
Дата: Понедельник, 2018-11-12, 22:00 | Сообщение 4
Модераторы
Сообщений:750
Награды: 2


Зачем тебе на странице материала организация? 11a
Там лучше использовать Article, как для новостей так и для файлов, ну возможно операторы разные
я для страницы материала и комментов использую так
Код
<script type="application/ld+json">
{
"@context" : "https://schema.org",
"@type" : "Article",
"mainEntityOfPage":{
"@type":"WebPage",
"@id":"$ENTRY_URL$"
},
"url" : "$ENTRY_URL$",
"datePublished": "$ADD_DATE$",
"dateModified":"$MOD_DATE$",
"headline": "$ENTRY_TITLE$",
"description": "$BRIEF$",
"image": {
"@type" : "ImageObject" ,
"url": "$HOME_PAGE_LINK$<?substr($IMG_URL1$,1)?>",
"height" : 400,
"width" : 500
},
"articleBody": "",
"author": {
"@type": "Person",
"name": "$USER$",
"url": "https://plus.google.com/u/0/+%D0%A0%D1%83%D1%81%D0%BB%D0%B0%D0%BD%D0%9D%D0%B5%D1%82?tab=wX"
},
"aggregateRating":
{
"@type":"AggregateRating",
"@context":"http://schema.org",
"bestRating":"5",
"worstRating":"1",
"ratingValue":$RATING$,
"ratingCount":$RATED$
},
"publisher": {
"@type": "Organization ",
"name": "название сайта",
"logo" : {
"@type": "ImageObject",
"url": "$HOME_PAGE_LINK$images/logo_json.png",
"height" : 60,
"width" : 234
}
}
}
</script>

Ну а для главной тоже Organization не думаю что правильно будет, лучше прописать WebPage
Страна: (UA)
Kosten
Дата: Понедельник, 2018-11-12, 22:05 | Сообщение 5
Администраторы
Сообщений:18866
Награды: 55


First, сейчас проверим.
Страна: (RU)
Kosten
Дата: Понедельник, 2018-11-12, 22:08 | Сообщение 6
Администраторы
Сообщений:18866
Награды: 55


First, поставил, 4 ошибки показывает, это только поставил вид материалов и комменты.

Прикрепления: 8474748.png(49.5 Kb)
Страна: (RU)
First
Дата: Понедельник, 2018-11-12, 22:14 | Сообщение 7
Модераторы
Сообщений:750
Награды: 2


каким сервисом проверяешь? ну судя по скринам у тебя наверное не тот формат даты прописан
Страна: (UA)
Kosten
Дата: Понедельник, 2018-11-12, 22:16 | Сообщение 8
Администраторы
Сообщений:18866
Награды: 55


Цитата First ()
формат даты прописан

В общих отключил.

А какой нужно формат прописать?
Страна: (RU)
First
Дата: Понедельник, 2018-11-12, 22:20 | Сообщение 9
Модераторы
Сообщений:750
Награды: 2




2018-11-12
Прикрепления: 4118054.png(115.6 Kb)
Страна: (UA)
Kosten
Дата: Понедельник, 2018-11-12, 22:21 | Сообщение 10
Администраторы
Сообщений:18866
Награды: 55


Проверяю - https://search.google.com/structured-data/testing-tool

Также вместо $BRIEF$ подключил $SEO_DESCRIPTION$, так как seo что зря подключал, хоть где то пригодилось. 08a
Страна: (RU)
Kosten
Дата: Понедельник, 2018-11-12, 22:22 | Сообщение 11
Администраторы
Сообщений:18866
Награды: 55


Цитата First ()
2018-11-12

а каким оператором можно вывести?
Как у тебя дата выставлена.
Страна: (RU)
First
Дата: Понедельник, 2018-11-12, 22:24 | Сообщение 12
Модераторы
Сообщений:750
Награды: 2


В панели управления формат даты настроить в общих настройках
Прикрепления: 9632925.png(8.6 Kb)
Страна: (UA)
Kosten
Дата: Понедельник, 2018-11-12, 22:27 | Сообщение 13
Администраторы
Сообщений:18866
Награды: 55


First, спасибо, с датой порешали, 2 ошибки осталось.

Прикрепления: 3429029.png(42.7 Kb)
Страна: (RU)
First
Дата: Понедельник, 2018-11-12, 22:30 | Сообщение 14
Модераторы
Сообщений:750
Награды: 2


у тебя нет оценки материала рейтингом, вот тебе и ошибка, убери часть кода с рейтингом. Просто в поисковом снипете не будет звёзд

Вот это убери
Код
"aggregateRating":
{
"@type":"AggregateRating",
"@context":"http://schema.org",
"bestRating":"5",
"worstRating":"1",
"ratingValue":$RATING$,
"ratingCount":$RATED$
},
Страна: (UA)
Kosten
Дата: Понедельник, 2018-11-12, 22:30 | Сообщение 15
Администраторы
Сообщений:18866
Награды: 55


А Яндекс выдает одну ошибку.

[admin]ОШИБКА: невозможно определить принадлежность данных полей. Возможны две причины: эти поля некорректно размещены, либо указан лишний атрибут itemprop[/admin]
Страна: (RU)
Форум » Записки веб-разработчика » Начинающему вебмастеру » Как добавить на сайт микроразметку JSON-LD (Добавить микроразметку с помощью Schema.org или JSON-LD)
  • Страница 1 из 5
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Поиск: