Ответ
Микроразметка (Schema.org) добавляется через JSON-LD, Microdata или RDFa. Самый удобный и рекомендуемый способ — JSON-LD в <head>.
Пример для статьи:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Заголовок статьи",
"author": {
"@type": "Person",
"name": "Автор"
},
"datePublished": "2023-01-01"
}
</script>Ключевые моменты:
- JSON-LD — современный стандарт, поддерживаемый Google
- Microdata (атрибуты
itemscope,itemtype) — устаревает - Проверяйте разметку в Google Rich Results Test
- Используйте актуальные типы из Schema.org
Для интернет-магазинов, событий, организаций — подбирайте соответствующие типы (Product, Event, Organization).
Ответ 18+ 🔞
Да ты посмотри, какая хуйня придумана, чтобы сайты в поиске лучше выглядели! Микроразметка, блядь. Schema.org, ёпта. Это как бирочки на товаре в супермаркете, только для гугла.
Вот смотри, есть три способа эту бирку прилепить:
- JSON-LD — это как записку в конвертике положить в
<head>. Красиво, удобно, все умные дяди из Google говорят: "Давайте так, ребята, не ебите мозг". - Microdata — это как клеить стикеры на каждую вещь в квартире: "Это — диван (itemtype="Диван"), его цвет — коричневый (itemprop="цвет")". Способ старый, уже всем поднадоел, устаревает, блядь.
- RDFa — ну это вообще для каких-то академических извращенцев, в рот меня чих-пых, мы его трогать даже не будем.
Так вот, если не хочешь выглядеть как лох прошлого сезона, бери JSON-LD. Пихаешь этот скрипт в <head> и спишь спокойно.
Вот, смотри, как для статьи делается, простейший пример:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Заголовок статьи",
"author": {
"@type": "Person",
"name": "Автор"
},
"datePublished": "2023-01-01"
}
</script>Видишь? Никакой ебли с атрибутами в теле HTML. Всё чисто, всё на своём месте в голове документа.
А дальше, чувак, главное — не проебаться с проверкой. Загони свою страницу в Google Rich Results Test, и он тебе скажет, всё ли ты правильно сделал или накосячил, как сапожник.
И ещё, ёпта, не тычь везде тип "Article", как хуй в пальто. У Schema.org типов — овердохуища! Магазин делаешь — ставь Product. Афиша событий — Event. Про свою контору пишешь — Organization. Подбирай, как ключ к замку, а не как маньяк отвёрткой ко всем дверям подряд.
Вот и вся магия, блядь. Сделал — и твой сайт в поиске уже не безликая ссылка, а красивый, информативный кусок, на который хочется нажать.