Подписывайтесь
26.08.2022

Микроразметка в Тильде

В этой статье, вы узнаете Как добавить микроразметку Schema org и Open Grapg (OG) на страницу в контструкторе Tilda
Время чтения статьи 7 минут.
Также, после статьи, есть подробная видеоинструкция

Микроразметка в Тильде. Что это такое и зачем она нужна?

Микроразметка — это код, который помогает определить контент на странице.

Например.
У вас есть интернет-магазин с товарами. У товаров есть цена, название, описание, выбор параметров (цвет, размер и тд.), кнопка В корзину. И чтобы поисковики, лучше понимали, где эти параметры на странице, вы добавляете код микроразметки, который (утрировано) - тычет поискового робота носом, в каждый элемент и говорит:
— "Смотри Яндекс/Google вот это — «Цена товара»; вот это — «Фотография товара», это "Описание" и тд."

Какие способы микроразметки есть?

Самые популярные:
  • JSON
  • Schema
  • Еще есть разметка для соц сетей, она называется Open Graph, сокращенно OG
В этой статье, поговорим о 2, 3 микроразметке. Как их добавлять

Виды микроразметки

Чаще всего делают разметку таких страниц или блоков:
  • Контактная информация
  • Карточки товаров и все, что внутри, то есть сами товары, цены, заголовок, описание
  • Отзывы
  • Статьи на блоге
  • Хлебные крошки
В общем и целом, микроразметку можете добавлять к любым своим страницам

Преимущество микроразметки Schema.org

Основным преимуществом будет то, что размеченные данные, могут подтянуться в снипет поисковой выдачи.

Если у вас размечена контактная информация на сайте, то когда о вас (или вашей компании) будут искать информацию в поиске, то с большой долей вероятности, эта информация подтянется в сниппет.

Что такое разметка Open Graph (OG)

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

Она далеко не обязательна, потому что по-умолчанию, она тянется из Title и Description страницы.
Но, если вы хотите, чтобы для соц сетей Заголовок, Описание и картинка, отличались от основного, то добавляйте ее. Как это сделать, читайте далее

Что будет, если не добавить микроразметку?

Ничего плохого не произойдет

Добавляем микроразметку в Tilda

ВАЖНО!!!
Если у вас на сайте, 150 страниц и вы для всех хотите добавить разметку, то для всех этих страниц нужно добавлять их отдельно. Как то автоматизировать или упростить это нельзя

Отдельно скажу, что для товаров созданных через Каталог, тоже добавить микроразметку не получится. Только, если у вас товары, созданные, через стандартные страницы Тильды

Schema org

ВАЖНО!!! Все текстовые поля, заполняйте на русском языке, если у вас русскоязычный сайт.

  1. Выбираем страницу, для которой хотим добавить разметку
  2. Копируем ее адрес
  3. Идем в настройки страницы
  4. Открываем сервис - https://webcode.tools/generators/schema-markup
  5. На примере, разметки статьи, выбираем Article
  6. Type - оставляем как есть
  7. В URL вбиваем адрес нашей страницы, для которой хотим добавить микроразметку Schema
  8. Headline - это заголовок нашей статьи, самый главный заголовок H1, копируем и туда вставляем
  9. Image URL - это картинка для нашей страницы. Если вы ее добавляли отдельно в Настройках страницы, в Бейджике, то оттуда просто скопируйте ее URL (кликнув правой кнопкой мыши по картинке)
  10. Date published - это когда, вы выложили эту статью на сайт и опубликовали эту страницу
  11. Date modified - если вы ее выложили в один день, а потом редактировали, то в тот день, когда ее редактировали последний раз, это и будет Дата модификации, указывайте ее
  12. В разделе Author, выбирайте Person или Organization, если вы позиционируетесь, как человек, или как организация
  13. В поле Name - вбиваете Ваше имя или организацию (в зависимости от того, что вы выбрали на предыдущем этапе)
  14. В поле Publisher. Информация о том, кто публиковал, если для этого, у вас есть контент-менеджер или помощник
  15. После того, как все необходимые поля заполнены. Справа у вас сгенерируется код, скопируйте его
ВАЖНО! Если у вас включены транслитераторы (переводчики) страницы, то нужно их для этой страницы отключить
16. Идем в настройки страницы, Дополнительно
17. Листаем до блока HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD
18. Нажимаем «Редактировать код» и вставляем скопированный код
19. Опубликовываете страницу
20. Готово!

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

Open Graph

Тут сторонние сервисы не нужны. Тут все очень просто
  1. Идем в настройки сайта, Соцсети
  2. Заполням поля: Заголовок, Описание и Картинку
По-умолчанию, эта информация автоматически тянется из метатегов сайта (Title, Description и бейджик)
Если вы хотите для соцсетей использовать, отличное от метатегов страницы информацию, то тогда заполняете текстовые поля. В других случаях, это пустая трата времени. Кроме картинки, у которой разрешение для соц сетей другое, и чтобы ничего не обрезалось, добавляйте ее отдельно

Видео: Как я добавляю микроразметку на сайт клиента

Возможно YouTube скоро работать не будет
У меня есть канал в Rutube. Переходите и подписывайтесь на него. Там я аналогично выкладываю все видео. Давайте не теряться ;) Мой канал Рутуб
Рекомендуемые статьи
Последние видео с канала

Подпишитесь на новинки

На канале в телеграм вышла новая статья: Создание и SEO продвижение сайта на Тильде. Все по шагам
Подписывайся и читай
Made on
Tilda