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

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

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

Самые популярные:

• JSON
• Schema
• Еще есть разметка для соц сетей, она называется Open Graph, сокращенно OG

В этой статье, поговорим о 2, 3 микроразметке. Как их добавлять

Чаще всего делают разметку таких страниц или блоков:

• Контактная информация
• Карточки товаров и все, что внутри, то есть сами товары, цены, заголовок, описание
• Отзывы
• Статьи на блоге
• Хлебные крошки

В общем и целом, микроразметку можете добавлять к любым своим страницам

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

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

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

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

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

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

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. Готово!

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

Тут сторонние сервисы не нужны. Тут все очень просто

1. Идем в настройки сайта, Соцсети
2. Заполням поля: Заголовок, Описание и Картинку

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