Микроразметка на Tilda: как добавить JSON-LD на страницу

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

Формат JSON-LD

Самый удобный формат для ручного добавления — JSON-LD. Это отдельный блок кода, который не смешивается с вёрсткой и не зависит от того, как устроены блоки Tilda. Google рекомендует этот формат, и его поддерживают основные поисковики. Код состоит из типа объекта по словарю Schema.org и его свойств.

Какие типы нужны бизнесу

• Organization или LocalBusiness — данные о компании: название, адрес, телефон, график, логотип
• Product — товары с ценой и наличием, если на сайте есть каталог
• FAQPage — вопросы и ответы, если на странице есть такой блок
• Article — статьи блога с автором и датой
• BreadcrumbList — хлебные крошки

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

Где вставить код на Tilda

1. В блок для вставки HTML-кода на нужной странице — код не будет виден посетителям
2. В поле для кода внутри head в настройках страницы, если нужно добавить разметку только на одну страницу
3. В общие настройки сайта для кода, который должен быть на всех страницах — но разметку организации обычно достаточно разместить на одной странице

Вставляйте код целиком, вместе с открывающим и закрывающим тегом script с типом application/ld+json.

Как подготовить разметку

Возьмите пример нужного типа из документации Google для разработчиков или со Schema.org и заполните своими данными. Все значения должны совпадать с тем, что видит посетитель на странице: если в разметке указан один телефон, а на странице другой, это ошибка. Не добавляйте в разметку то, чего нет на странице, — например, отзывы или рейтинг, которых посетитель не видит.

Проверка

После публикации проверьте страницу инструментом проверки расширенных результатов от Google и валидатором Schema.org. Яндекс Вебмастер также имеет инструмент проверки микроразметки. Исправьте ошибки и предупреждения, которые относятся к важным полям. В Search Console со временем появятся отчёты по найденным типам разметки и ошибкам в них.

Что разметка даёт и чего нет

Разметка помогает поисковику правильно понять страницу и делает её пригодной для расширенных результатов. Но поисковик сам решает, показывать ли расширенный сниппет, и правила для отдельных типов разметки меняются. Например, Google ограничивал показ некоторых расширенных результатов для определённых типов сайтов. Не ожидайте автоматического роста позиций от одной лишь разметки.

Типичные ошибки

• Синтаксические ошибки в коде: пропущенная запятая или кавычка ломает весь блок
• Данные в разметке не совпадают со страницей
• Одинаковая разметка вопросов на всех страницах, хотя вопросы разные
• Разметка отзывов о собственной компании, которые компания разместила сама
• Устаревшие данные: старый адрес, график, телефон

Поддержка

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

Начните с малого: разметка организации на странице контактов и вопросов на двух-трёх ключевых страницах услуг. Когда убедитесь, что код работает без ошибок и вы понимаете, как его поддерживать, расширяйте разметку на другие страницы.