json ld код для wix
Руководство по разметке JSON-LD для продвижения региональной компании
Cтруктурированные данные — это способ придать смысл содержимому вашей веб-страницы с использованием формата, понятного компьютерам. Целью использования разметки является помощь поисковым системам в извлечении и обработки информации для удобного её представления в результатах поиска.
Schema.org — это стандарт семантической разметки данных, но не всегда применение разметки Schema является удобным. Иногда, более удобно представить данные в виде JSON-LD. Этот формат описания контента размещается в теге
Как реализовать разметку schema.org с использованием JSON-LD для региональной компании
Прежде чем приступить к работе над разметкой для вашей компанией, ознакомьтесь со следующими материалами и сервисами:
Обратите внимание на перечень локальных видов бизнеса. Вместо указания в разметке LocalBusiness (в строке «@type»: «LocalBusiness» ), используйте вид деятельности из приведенного списка. Например для стоматологической клиники — используем Dentist в строке «@type»: «Dentist»
Абсолютно все ключи и значения в формате JSON-LD чувствительны к регистру.
Используйте приведенную выше электронную таблицу, чтобы определить, какой тип схемы описывает ваш бизнес наиболее точно. Это будет использовано вместо общей схемы «LocalBusiness». Вы можете одновременно выбрать несколько видов вашей деятельности.
Настройте базовый пример (см ниже), добавляя собственную информации, включая вид деятельности, выбранный на шаге 1. После этого разместите код в любом месте шаблона вашего сайта. Вы можете вставить его не только в хедер или футер, но и, наприимер, в боковой виджет вашего сайта.
Итак, измените ваш вид деятельности:
Например на такие виды деятельности:
Настройте географические координаты офиса / магазина /представительства компании. Для этого можно поискать вашу компанию на Google Maps или посмотреть вот здесь: http://www.latlong.net/
Добавьте URL сайта:
Добавить адрес электронной почты и контактную информацию:
Укажите социальные профили компании:
В настоящее время Google поддерживает Facebook, Twitter, Google+, Instagram, YouTube, LinkedIn и Myspace. Чтобы добавить новый профиль, поместите URL в кавычки и разделите запятой.
Добавьте ссылку на карту. В принципе это получается дублирование координат, но хуже не будет.
Чтобы встроить ккарту — найдите вашу компанию (или адрес) на картах Google (1), нажмите на «меню» (2) в левом верхнем углу и выберите пункт «ссылка/код»
Добавить общий рейтинг сайта:
Добавить отзывы о сайте + общий рейтинг:
После того, как вы написали код, проверьте его инструментом Structured Data Testing Tool или Валидатором микроразметок. Ссылки на инструменты приведены выше.
Если по какой-то причине вы заметили ошибку, внимательно проверьте синтаксис, чтобы убедиться, что вы не пропустили запятую, фигурные скобки или цитаты.
Готовый код можно будет минифицировать любым минификатором, оибо визуальным редактором, который упоминался выше.
Ниже приведен расширенный JSON-LD код для региональной (местной) компании.
Если у вас мало или вообще нет опыта веб-разработки, легко допустить ошибку при попытке настроить примеры кода своими данными. Вот несколько советов по работе с кодом:
Руководство по разметке JSON-LD
Прежде чем вы приступите к созданию описание вашей компании в Json-LD, и будете использовать данные, которые отсутсвуют на сайте — помните: Google абсолютно не понимает шуток со спамом в расширенных сниппетах (Rich Snippet). Вы подвергаете себя опасности словить алгоритмический или ручной штраф от ассесоров.
Это, прежде всего, относится к рейтингам и отзывам о компании. Если вы их добавили в разметку Json-LD, то они где-то должны визуально присутствовать на сайте, должна быть какая-то система рейтинга и пр. В целом все данные разметки не должны обманывать или вводить в заблуждение посетителей сайта.
Для полной безопасности сделайте так, чтобы размеченые данные были где-то видны на странице. Поместите их, хотя-бы в футер, мелким шрифтом. Это будет наиболее безопасно.
Несколько часто задаваемых вопросов и ответов о работе JSON-LD:
Могу ли я включить данные, которые не отображаются на моем веб-сайте?
Нет, однако есть некоторые исключения. Обычно Google не отображает данные, которые явно не отображаются на вашей странице. Фактически, это противоречит их рекомендациям.
Расширенные сниппеты не появляются, как это получилось?
Google не гарантирует, что ваши Rich Snippet будут отображаться.
Как я могу изменить время работы компании в разные дни недели?
Если у вашей компании разные часы работы в разные дни недели, то вы можете указать несколько значений переменной в скобках. Вот краткий пример компании, которая работает большую часть недели с 9 до 17 часов,а в пятницу работает до 12-00.
Могу ли я использовать этот код в WordPress или иной CMS?
Да, код будет работать где угодно.
Оказывает ли JSON-LD влияние на скорость работы сайта
Нет. В отличие от javascript нет задержки на загрузку скрипта с внешнего источника и его работу. Это означает, что вы можете разместить код в любом месте сайта, не беспокоясь о замедлении загрузки. Код немного увеличит размер HTML-контента, но это несущественно.
Микроразметка сайта: что это, виды, как добавить на сайт и проверить
Микроразметка сайта позволяет поисковым роботам лучше распознавать содержимое на страницах сайта. А еще делает сниппеты в поисковиках визуально более привлекательными.
В статье разберем подробнее, что такое микроразметка сайта и зачем она нужна. Какие есть типы разметок, обязательно ли делать расширенную микроразметку для своего сайта. Как это относится к SEO. Как добавить микроразметку на свой сайт.
Рекомендуем: Click.ru – маркетплейс рекламных платформ:
Что такое микроразметка и зачем она нужна
Микроразметка — это специальная разметка данных на странице, которая состоит из кода с тегами и атрибутами. Они выделяют конкретную информацию, которую мы хотим сделать видимой для поисковиков. Например, цену, контакты, логотип компании.
Как это выглядит в поисковиках? Допустим, мы хотим купить iPhone и начинаем искать в поисковике подходящие магазины. Смотрим, как сниппеты отображаются в результатах поиска.
В Яндексе без разметки:
В Google без разметки:
Как можно заметить, разметка подтягивает в сниппет цену, контакты, рейтинг, наименование модели телефона.
Еще можно заметить расширенные сниппеты с картинками. Они тоже создаются при помощи микроразметки.
Что это дает в плане SEO:
Важно: микроразметка универсальная и хорошо распознается всеми поисковиками. То есть, не нужно создавать отдельную разметку под разные поисковые системы.
Какую информацию можно выделить при помощи микроразметки:
Каким сайтам выгодно добавлять микроразметку: интернет-магазинам, онлайн-кинотеатрам, сайтам-отзовикам, сайтам с рецептами, информационным блогам, сайтам-подборкам.
Как сделать микроразметку на сайте
Если у вас сайт на чистом HTML — все придется делать руками, но кто сейчас запускает такие сайты — в основном все делается на движках и конструкторах.
Рассмотрим варианты добавления микроразметки на самых популярных CMS и конструкторах.
WordPress
Микроразметка уже встроена во многие темы Вордпресс и работает автоматически.
Если хотите сами настроить микроразметку или в выбранной теме она отсутствует, можно поставить специальный плагин. Например, All In One Schema.org Rich Snippets.
После установки и активации плагина в левой панеле инструментов появится кнопка «Rich Snippets». Нажимаем ее, чтобы посмотреть настройки. Плагин на английском. Работает очень просто — нужно выбрать категорию, которую хотим разметить и заполнить необходимые поля.
Какие тут есть категории:
Можно открыть категорию и посмотреть, как поля будут называться в сниппете. Их можно переименовать или оставить по умолчанию. Так как плагин англоязычный, если ваш сайт на русском, надо переименовать.
Во время создания статьи или страницы на Вордпресс в нижней части настроек появится вкладка «Configure Rich Snippet». Нужно ее открыть и прописать нужные значения.
Какие еще есть плагины для WordPress: Schema, Schema Pro, WP SEO Structured Data Schema, Schema JSON-LD Markup, Schema APP Structured Data, Schema Markup Rich Snippets, WP SEO Structured Data Schema, SNIP: Rich Snippets by WPBuddy.
Отдельно стоит выделить плагин Yoast SEO — он в целом хорош для SEO-оптимизации, а создание микроразметки лишь одна из его функций.
Важно: если на вашем сайте установлен плагин для интернет-магазинов WooCommerce, не нужно ставить дополнительные плагины для разметки. В WooCommerce она уже встроена, и второй плагин может создать конфликт.
Битрикс
Для этой CMS тоже есть свои плагины. Большинство из них платные, бесплатный — Микроразметка Schema.org. На странице плагина есть детальная документация по установке и настройке микроразметки.
Joomla
На Джумла тоже есть свой плагин (на данном движке вместо плагинов используется слово «компонент») — Google Structured Data. Часть данных компонент подтягивает автоматически, часть надо настраивать. На странице компонента также есть документация по настройке.
Аналог компонента Google Structured Data — J4Schema.
Для конструкторов
Для конструкторов нет плагинов, нужно создать код и вставить его в настройках страницы. К счастью, писать код с нуля не обязательно — есть готовые генераторы микроразметок.
Сначала немного теории:
Микроразметка состоит из словаря и синтаксиса. Самый популярный словарь, который хорошо распознается всеми современными поисковиками — это Schema.org.
Код микроразметки пишется на одном из трех языков:
Microdata — код заключен в теги
Пример, как может выглядеть полный код для разметки статьи:
RDFa — код заключен в теги
Пример, как может выглядеть полный код для разметки статьи:
JSON-LD — код заключен в теги
Пример, как может выглядеть полный код для разметки статьи:
Все, что вам нужно — узнать, на каком из трех языков должен быть написан код для вашего конструктора и найти генератор микроразметки для этого языка. Обычно в настройках SEO страницы конструктора указан язык разметки.
Также есть отдельный словарь разметки для отображения в соцсетях, созданный Фейсбуком — Open Graph. В конструкторах для настроек Open Graph обычно предусмотрено отдельное поле. Обычно, все, что там нужно сделать — это написать тайтл, дескрипшн и загрузить картинку для отображения в соцсетях.
Тильда: для Тильды код пишется на языке JSON-LD. Подходящие сервисы-генераторы микроразметок: The Ultimate JSON-LD Generator и Schema Markup Generator (JSON-LD). Оба на английском. Покажем на примере первого, как создать код.
Заходим на сайт сервиса The Ultimate JSON-LD Generator. Выбираем тип контента, для которого будем составлять код разметки. Например, это статья. Кликаем на кнопку «Article».
Заполняем поля. Тип контента можно оставить Article или уточнить, какая именно это статья (новостная или пост из блога). Далее прописываем ссылку на страницу, заголовок H1, ссылку на картинку, дату публикации, имя автора, ссылку на лого.
По мере заполнения полей код справа будет меняться. Все, что останется — скопировать его и вставить в настройках страницы сайта на Тильда. Чтобы скопировать код, жмем «Copy to clipboard».
Открываем сайт на Тильда. Напротив страницы жмем на ее настройки.
Доходим до вкладки «Дополнительно».
В этой вкладке прокручиваем настройки вниз до пункта «HTML код для вставки внутрь head». Туда нужно вставить скопированный код и сохранить изменения. Возможность вставки кода доступна только на платных тарифах Тильды.
Wix: у Wix код микроразметки тоже пишется на языке JSON-LD. Можно проделать все те же шаги, что описаны для Tilda.
Чтобы вставить готовый код заходим в редактор конструктора и нажимаем на список страниц. Напротив каждой страницы есть 3 точки (меню). Кликаем туда.
В меню выбираем Базовые настройки SEO.
И в самих настройках переходим до дополнительных. В соответствующее поле вставляем код JSON-LD и сохраняем изменения.
Если сайт на HTML
Для самописного сайта нужно составить код разметки и вручную добавить в код страниц. Лучше доверить это программистам. Если хотите сделать сами, можете использовать генераторы разметок, чтобы сформировать код. Выше мы уже упомянули 2 сервиса — это The Ultimate JSON-LD Generator и Schema Markup Generator (JSON-LD).
Также можно воспользоваться мастером разметки структурированных данных от Google. Он работает аналогично предыдущим сервисам и генерирует код на HTML.
Генераторы микроразметки на русском: apelsin.pro и генератор на сайте seolik.ru (в разделе SEO-инструменты).
Готовый код вставляется между тегами и страницы сайта. Пример размещения кода формате JSON-LD:
Как проверить микроразметку
После создания кода микроразметки стоит убедиться, что все сделано верно. Для проверки есть специальные сервисы, а также инструменты от Яндекс и Google.
В Вебмастере Яндекс: нужно нажать на «Инструменты» в правом верхнем углу и открыть «Валидатор микроразметки».
В самом валидаторе нужно добавить ссылку на страницу, которую хотим проверить или готовый код. Система просканирует страницу (или код) и подтвердит, что все верно или даст рекомендации по исправлению микроразметки.
В серч консоль Google: аналогично — указываем ссылку на страницу или код и смотрим на результаты проверки.
Третий способ — проверка через валидатор Schema.org. Работает через проверку кода. В левом окне вставляем код, нажимаем на серую кнопку посередине, справа смотрим результат. Если все ок, над результатом будет написано «нет ошибок» и «нет предупреждений».
Заключение
Добавление микроразметки на сайт — это еще один способ сделать ресурс более видимым для поисковиков и пользователей. Если вы хотите добавить микроразметку на сайт, но не уверены в том, что это эффективно, можете добавить ее на несколько страниц и проверить, повлияло ли это на приток трафика из поисковиков. Если у вас сомнения в том, что получится установить микроразметку на сайт самостоятельно, тогда лучше обратиться к специалистам.
Что такое разметка JSON-LD и почему она лучше для schema.org
Время чтения: 6 минут Нет времени читать? Нет времени?
Все владельцы сайтов знают, что schema.org — нужная и полезная штука. Но далеко не все внедряют микроразметку. Если вы понимаете, как пользоваться schema.org, но не решаетесь размечать страницы из-за сложности процесса, эта статья для вас. Существует эффективная и простая в использовании альтернатива — это формат JSON-LD. Почему этот формат лучше schema.org? Подробности ниже.
Что такое JSON-LD
JSON-LD — это способ передачи связанных данных (Linked Data, LD) с помощью текстового формата JSON (JavaScript Object Notation). Формат JSON-LD разработал Консорциум Всемирной паутины (W3C). Использование текстового формата JSON позволяет людям легко читать и писать документы, размеченные с помощью JSON-LD. Страницы с разметкой JSON-LD облегчают структурирование данных машинами и распознавание понятий, что для владельцев сайтов важно в контексте поискового продвижения.
На практике использование формата JSON-LD улучшает представленность сайта в поисковой выдаче. Вы получаете расширенные сниппеты, которые привлекают внимание пользователей и повышают кликабельность ссылок. В частности, с помощью JSON-LD можно размечать данные для графа знаний, отображать в SERP поиск по сайту и делать разметку событий.
JSON-LD позволяет владельцу сайта поместить информацию в контекст, который определяется указанием объектов и описанием их свойств. Иными словами, JSON-LD связывает данные в Сети. При этом для указания объектов можно использовать семантику schema.org, а JSON-LD применять в качестве метода передачи данных.
Вы сможете эффективно использовать JSON-LD, только если уже пользуетесь микроразметкой schema.org или имеете о ней представление.
Кстати, еще в середине 2013 года schema.org включила JSON-LD в список форматов, рекомендованных для разметки страниц. В рекомендации сказано, что JSON-LD позитивно влияет на распространение структурированных данных в Сети.
Данные, размеченные с помощью JSON-LD, распознаются поисковыми системами. Это облегчает индексирование и повышает видимость сайта в поиске благодаря расширенным сниппетам. При этом JSON-LD совместим со schema.org, что позволяет владельцу сайта пользоваться семантикой этой системы.
Крупнейшая поисковая система мира Google оценила возможности JSON-LD. В середине 2014 года поисковик рекомендовал использовать этот формат для разметки данных о датах концертов музыкальных коллективов. Google включает эти сведения в граф знаний. Также Google рекомендует использовать JSON-LD для отображения номеров телефонов организаций в поисковой выдаче. Наконец, Google советует использовать JSON-LD для разметки страниц, анонсирующих или описывающих какие-либо события и мероприятия: конференции, представления и т. п. С помощью разметки в Knowledge Graph попадают данные об авторе публикаций и издателе (организации).
Если schema.org и JSON-LD совместимы, зачем изучать новый формат? Тут все понятно: JSON-LD намного проще использовать, поэтому вы можете внедрить его быстрее.
Почему JSON-LD лучше schema.org
Ответ на этот вопрос содержится в разнице между микроразметкой schema.org и форматом JSON-LD. Разметка schema.org указывается в виде HTML-кода в теле странице. Например, она может выглядеть так:
Как отмечалось выше, код необходимо вставить в тег
Формат микроразметки JSON-LD: что это такое
Синтаксис, примеры использования, полезные инструменты и способы валидации
Для лучшего понимания поисковыми роботами структуры и сущности контента на сайте используется микроразметка. Результат ее внедрения — улучшение внешнего вида сниппетов в результатах поиска и как следствие повышение их кликабельности.
Сравните, какая ссылка информативнее и привлекательнее для пользователя:
В статье рассказываем о формате разметки JSON-LD — в чем его преимущества и какие инструменты помогут его внедрить, даже если вы не разбираетесь в программировании.
Почему стоит использовать JSON-LD
Внедряют микроразметку с помощью разных видов синтаксиса (то есть способов размечать данные в коде HTML-страницы):
JSON-LD («JavaScript Object Notation for Linked Data») — дословно «объектная нотация JavaScript для связанных данных». Формат разработан в 2010 году консорциумом W3C для упрощения передачи связанных данных, в частности, дает возможность размечать страницы с помощью словаря Schema.org. Работает на базе текстового формата JSON.
О том, чем отличается словарь семантической разметки (например, Schema.org) от ее синтаксиса (например, JSON-LD), а также как настроить микроразметку Schema.org без помощи программиста, мы писали здесь.
JSON-LD отличается рядом преимуществ по сравнению с HTML-разметкой:
Яндекс пока не поддерживает JSON-LD (исключение — Яндекс.Почта) — в отличие от Google, который прекрасно воспринимает этот формат. Но страницы с JSON-LD проходят валидацию и в Яндексе, и в Google.
Модуль SEO в системе Promopult: все инструменты для улучшения качества сайта и продвижения в поисковиках. Полный комплекс работ — с нами вы не упустите ни одной мелочи. Чек-листы, подсказки, прозрачная отчетность и рекомендации профессионалов.
Синтаксис JSON-LD
Базовая конструкция разметки JSON-LD (неизменяемая):
Эта конструкция сообщает браузеру, что будет обращение к JavaScript, содержащему JSON-LD.
Синтаксис JSON-LD и JSON идентичен. Разница лишь в том, что в JSON-LD есть так называемые зарезервированные ключи, которые позволяют задать контекст описания или связать объекты. Так, ключ @context указывает на словарь объектов, а @type — на тип сущности. Всего таких ключей 13 — все они описаны на официальном сайте W3.org.
«@context»: «http://schema.org», // данные описываются с помощью словаря schema.org
«@type»: «Article», // тип сущности — статья (полный перечень типов — по ссылке)
После зарезервированных ключей указываются пары Атрибут (Property) / Значение (Value). Синтаксис такой:
Атрибуты зависят от типа сущности. Например, при описании статей будут одни атрибуты, сервиса бронирования билетов — другие, товара — третьи. Каждое значение имеет строго определенный формат данных, указанный в словаре Schema.org.
Разберем микроразметку JSON-LD на примере рецепта блюда:
В результатах поиска сниппет с подобной разметкой выглядит так:
Как видите, наличие атрибутов в микроразметке — не гарантия, что все они появятся в сниппете. Тем не менее они точно будут учтены поисковой системой при определении релевантности страницы поисковому запросу и могут положительно влиять на ранжирование.
Перед внедрением микроразметки советуем ознакомиться с рекомендациями по использованию структурированных данных от Google.
Полезные инструменты для работы с JSON-LD
Перед тем как внедрять микроразметку на основе JSON-LD, желательно разобраться с синтаксисом, чтобы понимать общую логику. Но вручную прописывать код трудоемко.
Для ускорения работы используйте один из генераторов:
После того как вы сгенерировали скрипт, не спешите размещать его на сайте. Сначала пройдите валидацию:
Обратите внимание, что Google не гарантирует показ расширенного сниппета в результатах поиска даже в том случае, когда инструмент проверки не нашел ошибок на страницах с микроразметкой.
Если вы внедрили микроразметку, успешно прошли проверку, но расширенного сниппета в выдаче все равно нет, возможно, дело в следующем:
Больше причин, по которым расширенный сниппет не отображается в Google, мы разобрали тут.
Если ваш сайт работает на одной из популярных CMS, для создания JSON-LD разметки можно использовать плагины.
В дальнейшем можно отслеживать проблемы на страницах с микроразметкой в специальных отчетах Google Search Console в разделе «Улучшения»:
В этом разделе будут отображаться отчеты о страницах с типами расширенных результатов, которые Google обнаружил на вашем сайте. Важный момент — этот тип должен поддерживаться Google. Возможные типы: строки навигации, мероприятие, вакансии, рецепт и другие. Полный список поддерживаемых типов расширенных результатов — здесь.
Заключение
JSON-LD — это только один из способов микроразметки. Поисковики понимают и другие форматы, поэтому, если на вашем сайте уже внедрена микроразметка и в поиске отображаются расширенные сниппеты, не стоит проводить лишнюю работу и переходить на JSON-LD.
JSON-LD выгодно использовать, когда у вас вообще нет микроразметки, при этом основная аудитория переходит на сайт из Google. Если же аудитория равномерно распределяется между Яндекс и Google, то лучше выбрать другие способы передачи данных, поскольку Яндекс пока не поддерживает JSON-LD. Также возможен вариант одновременного внедрения JSON-LD и разметки на базе HTML. Это не навредит сайту, но если Яндекс начнет понимать JSON-LD, вы сможете отказаться от громоздкой HTML-разметки.