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


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

К счастью внутренний поиск по сайту можно использовать для выявления этих пробелов и помочь максимально использовать существующий трафик. Структурированные данные не влияют напрямую на ваш рейтинг. Тем не менее, это может повлиять на рейтинг путем более четкой идентификации содержимого страницы.

Одним из самых больших преимуществ микроразметки в начале этого года стало быстрое повышение важности семантического поиска и структурированных данных. Хотя реализация Schema раньше требовала большого количества изменений в разметке сайта, формат JSON-LD создал хорошую альтернативу для добавления микро данных на страницу с минимальным кодом. Что еще более интересно, вы можете использовать менеджер тегов Google для вставки JSON-LD на страницу, позволяя добавлять теги веб-сайтов на свой веб-сайт.

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

Это означает, что если вы хотите использовать GTM для добавления схемы к каждому сообщению в блоге, вы должны создать различные теги и триггеры на основе URL для каждого сообщения. Однако в ходе некоторых экспериментов многие обнаружил магию JavaScript, которая может извлекать данные из существующего содержимого на странице и динамически создавать допустимые фрагменты 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>

Схема часто может быть неправильно истолкована как элемент, который помогает повысить поисковую оптимизацию вашего сайта (SEO). Хотя схема действительно оптимизирует внешний вид вашего сайта в поисковой выдаче и то насколько точно ваш контент соответствует тому, что было введено в поисковую систему, это не повышает ваш рейтинг.

Однако, когда пользователи могут видеть релевантную контекстную информацию о вашем сайте более четко, чем другие на странице, это может повлиять на их посещение вашего сайта. Вы можете использовать разметку схемы, чтобы показать такие функции, как рейтинги, обзоры и связанные подстраницы, все в результатах поисковой системы.

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

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

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

Валидатор микроразметки от Google
Валидатор микроразметки от Yandex
Проверка наличия расширенных сниппетов в Google
Прикрепления: 0858288.png(18.4 Kb)
Страна: (RU)
Kosten
Дата: Понедельник, 2018-11-12, 20:56 | Сообщение 2
Онлайн
Администраторы
Сообщений:29790
Награды: 62


Просмотрел по запросу 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
Онлайн
Администраторы
Сообщений:29790
Награды: 62


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

Код
<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
Оффлайн
Гл. Модератор
Сообщений:817
Награды: 4


Зачем тебе на странице материала организация? 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
Онлайн
Администраторы
Сообщений:29790
Награды: 62


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


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

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


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


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

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

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




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


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

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


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

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


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


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

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


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

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


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

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