Різні пошукові системи щодня сканують мільйони сторінок, але їх інтерпретація для них є жорстким горіхом. Структуровані дані надають більше інформації про тип сторінки, роблячи зміст нашої сторінки більш зрозумілим для пошукових систем. Schema.org - це формат, що підтримується основними пошуковими системами (Google, Bing, Яндекс), який, крім надання розширених результатів у пошукових системах, також дозволяє отримати панель Графік знань у позиції 0.

У цій статті я представляю переваги, типи та можливості використання розмітки схеми після шпигунства за угорськими результатами за допомогою власних прикладів.

Навіщо використовувати структуровані дані?

Хоча це довгий час обговорювалось, структуровані дані не є фактором ранжування для Google. Тільки використання розмітки схеми не гарантує кращого рейтингу, але воно має кілька корисних побічних ефектів, які побічно допомагають нам покращувати свої позиції. У випадку з фізичним бізнесом сайт із низьким рівнем довіри часто займає перше місце, коли він шукає власну торгову марку. Використовуючи розмітку схеми, ми можемо чітко сигналізувати Google, що наш веб-сайт такий самий, як піцерія John, тому структуровані дані допомагають пошуковим системам отримувати кращі рейтинги, надаючи контекст.

Розмітка схеми дозволяє нашим сторінкам відображатись як розширені фрагменти в результатах пошуку. На додаток до звичайної комбінації заголовка сторінки, URL-адреси, мета-опису, рейтингових зірок, цін на товари, дати подій та імені автора критики також відображаються у списку результатів, надаючи додаткову інформацію для пошукових систем. Ці розширення пошуку можуть призвести до до 30% кращих показників CTR, що крім збільшення кількості органічного трафіку на наш сайт може також покращити рейтинг.

Різко підвищеного рейтингу кліків можна досягти, лише якщо наші конкуренти ще не використовують розмітку схеми для досягнення розширених результатів. Якщо товари конкуруючих веб-магазинів з’являються в результатах пошуку із рейтинговими зірками та ціною, вони вже мають перевагу над нами. Безумовно, рекомендується використовувати структуровані дані, незалежно від того, чи це дає нам перевагу, чи служить для наздогнання конкурентів.

Які варіанти розмітки схеми доступні?

Залежно від типу та змісту нашого веб-сайту, ми маємо кілька варіантів вставки структурованих даних. Різні елементи schema.org можна варіювати у нескінченних комбінаціях, існує кілька підтипів, які вичерпно містяться на веб-сайті schema.org. Стаття обмежена найпоширенішими та корисними типами схем, які можуть принести користь рецептам, порталам новин, корпоративним веб-сайтам, культурним порталам, але навіть веб-магазинам.

Події (розмітка події)

Для концертів, театральних вистав, конференцій та заходів, які зазвичай проводяться у визначений час, може бути корисно використовувати розмітку подій. Окрім точного часу, список результатів може бути доповнений місцем проведення, ціною квитка та іменами виконавців.

THE “Будапештський концерт ”Входить до списку пошуку наступним чином:

digital

Якщо ви шукаєте трохи цілеспрямованіше і принаймні впевнені в точному місці події, ви все одно можете скористатися розміткою події. THE "Концерт спортивної арени священика Ласло" для вираження панель знань у позиції 0 відображає концерти, зазначені з розміткою події, наступним чином.

Рейтинг, огляд (оцінка/розмітка огляду)

Перевірте мобільні телефони, ігор-мишей, пишіть відгуки про фільми, книги, якщо ви хочете виділитися серед результатів пошуку (крім добре написаного заголовка сторінки та метаописання), може бути корисним використовувати розмітку класифікації та критики. Ми можемо оцінити предмет тесту за шкалою 10 або 5, балами або відсотками, залежно від того, яку оцінку ми вибрали. Для сайтів з кількома авторами може бути особливо корисно включити автора критики в результати пошуку.

Документація Google щодо використання розмітки досить детальна, але схему класифікації та критики можна чудово інтегрувати з плагіном WordPress.

Організації, компанії (розмітка схеми організації)

Схема організації дозволяє надати короткий опис нашої компанії, включити офіційний логотип, профілі соціальних мереж та контактну інформацію, а також додати свою штаб-квартиру. Просто вставивши розмітку, пошукова система може знайти важливу інформацію, переглядаючи список результатів, полегшуючи вам зв’язок з нами. Справедливе запитання: чому схема Організації пропонує більше, ніж легко налаштовуваний обліковий запис Google My Business? Хоча між ними існує перекриття, схема Організації може додати додаткову інформацію до панелі знань компанії. Облікового запису Google My Business цілком достатньо для МСП, тоді як великі бренди дійсно можуть скористатися перевагами розширеного пошуку, увімкненими Організаційною схемою.

Особи (розмітка схеми персоналу)

Націнки можуть бути використані для надання особам додаткової інформації, до якої люди можуть отримати доступ, не натискаючи. Його практичне використання порівняно невелике, оскільки схему персональних даних переважно витягує Google з Вікіпедії.

Розмітка схеми місцевого бізнесу

З точки зору бізнесу, мабуть, найважливішим і найпоширенішим є використання місцевої розмітки бізнесу, яка може використовуватися для надання кількох місць, робочого часу та контактної інформації для магазинів.

THE "Регіональна гра Будапешт" Крім того, у списку буде вказано кілька магазинів магазину іграшок у Будапешті із зазначенням їх адреси, годин роботи та номера телефону.

Здійснивши пошук на веб-сайті магазину іграшок, ви можете знайти магазини, що працюють у різних місцях, в меню наших магазинів. Натиснувши на підсторінку Arena Plaza, ми також бачимо розмітку, елегантно вставлену в HTML за допомогою інструменту тестування.

Товари та пропозиції (розмітка схеми продуктів та пропозицій)

У світі, де ми можемо придбати один і той же товар у незліченних різних Інтернет-магазинах, важко вибрати продавця, який врешті-решт покладе товар у кошик. Серед результатів пошуку та мета-описів, які оптимізовані в результатах пошуку, розмітка товару може надати можливість пробитися. Наші сторінки продуктів, доповнені структурованими даними, можуть розкривати більше інформації, що стосується замовника, ніж сторінки наших конкурентів. Скільки це коштує? Є в наявності? Скільки і як вони оцінили товар?

Під час пошуку Huawei P20 Lite ми бачимо результати Emag наступним чином:

Розмітка хлібної крихти

Breadcrumb - це навігаційний інструмент, який допомагає вам орієнтуватися на сторінці, особливо якщо веб-сторінка має глибоку структуру сторінки з декількома підкатегоріями. Окрім полегшення навігації сторінками, ми також можемо використовувати сухарі, щоб вигідно відображати наш веб-сайт у результатах пошуку. Крошка показує шлях до заданих сторінок, задіяні категорії. Багато невигідних URL-адрес замінюються візуально вражаючими, розділеними пробілом цілими числами.

Шукаючи ключове слово "сир Емменталь", Lidl входить до списку таких продуктів:

Навігаційну програму можна відображати в результатах пошуку, змінюючи налаштування декількох систем управління вмістом (CMS), саме тому вона часто трапляється при неправильному використанні. Якщо більшість наших статей та продуктів доступні за основними категоріями, ми не можемо скористатися візуальними елементами, наданими панірувальними сухарями, тому краще зупинитися на багатому ключовим словом, розділеному пробілом URL-адресі.

Статті (Схема статей NewsArticle)

Пишучи цю статтю, я подивився на кваліфікацію чемпіонату Європи Угорщина - Хорватія з половиною ока. Після гри мене зацікавило те, про що пише основна преса, тому я просто набрав "Угорщина Хорватія" словосполучення. Значну частину списку хітів забрали провідні новини, я також натиснув одну:

У перелічених тут результатах використовується розмітка NewsArticle без винятку, оскільки це одна з передумов, яку слід включити сюди. Доповнене структурованими даними, роботам пошукових систем легше інтерпретувати вміст. Дата публікації, заголовок статті та відповідне зображення легше вкладаються в контекст Google, що особливо важливо, коли йдеться про новини про життя ірису.

Рецепти (розмітка рецептів)

Ви також можете використовувати власну розмітку для рецептів, щоб допомогти вам досягти покращених результатів. Всі інгредієнти, час приготування, завдання, калорійність та додане зображення можна ввести як структуровані дані, які ми можемо побачити в результатах пошуку. Вдома кожен основний сайт рецептів використовує певну форму рецептури.

THE "Сирний торт" Коли ви шукаєте, результат виглядає так:

Ми можемо побачити більш складні рішення та більш детальні результати на сторінках, орієнтованих на світову аудиторію.

THE “Рецепт сирного торта” Один із результатів для ключового слова long-tail включає рейтинги, час приготування, вміст калорій та подібні рецепти в результатах пошуку.

Типи кодування схеми

За допомогою трьох різних типів коду можна додавати структуровані дані на наш веб-сайт. Розмітка схеми може бути додана на наш сайт за допомогою кодів JSON-LD, Microdata та RFDa. На сайті schema.org зразок коду для кожного типу доступний у всіх трьох форматах, однак для оптимізації пошукової системи бажано віддати перевагу JSON-LD відповідно до вказівок Google.

Формати мікроданих та RDFa передбачають вставку коду в HTML, що також може спричинити невдале завантаження сторінки, що ускладнює сканери розпізнавання розмітки, вставленої як HTML-код.

Використовуючи JSON-LD, окрім того, що Google простіше розпізнає, вставка розмітки схеми таким чином є навіть більш гнучкою, ніж жонглювання HTML-кодом. Вставка через Менеджер тегів Google полегшує використання неструктурованими людьми структурованих даних.

Параметри вставки розмітки схеми

1. Плагін WordPress

Найпростіший спосіб отримати розширені результати пошуку - використовувати плагін WordPress, такий як розширені фрагменти схеми «Все в одному». Окрім того, що розширення WordPress є простими у використанні, вони пов’язують наші руки до певного рівня. Жоден з плагінів не містить усіх доступних схем, і ми не можемо налаштувати код для розмітки. Однак плагіна WordPress цілком достатньо, щоб навчитися використовувати розмітку схеми та перевірити результати розширеного пошуку.

2. Вставте HTML-код

За допомогою Google ми можемо створювати різні типи розміток схем таким чином, щоб персоналізувати наш сайт, навіть не маючи знань програмування, за допомогою простого у використанні інтерфейсу. Довідка щодо виділення структурованих даних допомагає додати розмітку схеми на ваші сторінки за допомогою простих виборів.

1. Відкрийте довідку та виберіть тип схеми, яку потрібно вставити, та введіть URL-адресу вашої сторінки, де ви хочете розмістити структуровані дані.

2. Виберіть частини вашої сторінки, які можуть бути частиною даної розмітки схеми. У цьому прикладі я створюю схему «Огляд книги», виділяючи обкладинку книги, автора та назву, а також автора критики та речення для короткого огляду. Нарешті, натисніть кнопку Створити HTML!

3. Ви можете вибрати між JSON-LD та Micro Data для коду, який буде сформовано. Оскільки в цьому випадку ми хочемо вставити розмітку як HTML-код, давайте проголосуємо за Micro Data. Інструмент генерує HTML-код для цілої сторінки, але нам потрібні лише частини тегу, які ми можемо легко змінити.

4. У нашому менеджері вмісту (у моєму випадку WordPress) ми редагуємо наявну статтю як HTML і переписуємо фрагменти коду, які потрібно змінити.

Вставляти мікродані як HTML-код досить громіздко. У цьому прикладі я хотів відобразити заголовок сторінки як заголовок та автора книги, але я не можу зробити це таким чином, тому я звернувся за допомогою до Менеджера тегів Google.

3. Менеджер тегів Google

Менеджер тегів Google пропонує найбільшу свободу та можливість вставляти код JSON-LD, рекомендований Google. Ми можемо поєднувати розмітки схем на свій смак, і наші руки не прив'язані до елементів сторінки, які можна змінити в HTML .

1. На третьому кроці попереднього прикладу ми могли вибрати між мікроданими (HTML) та кодом JSON-LD. Якщо ми перейдемо на JSON, ми отримаємо такий код:

Хоча більшість навчальних посібників зі схеми GTM пропонують вставити подібний код, якби ми ознайомились із посібником та впровадили цей код, інструмент тестування структурованих даних Google не розпізнав би додану схему. Щоб схема працювала, потрібно заповнити початок і кінець отриманого коду.

Код, згенерований Google, стає вставним GTM і інтерпретується Google таким чином (лише частина, що слідує за тегом сценарію та в кінці перед зміною тегу сценарію):

2. Увійдіть в Google Tag Manager, щоб додати новий тег. Тип тегу повинен бути спеціальним тегом HTML!

3. Вставте згенерований Google код із зміненими тегами сценарію.

4. Додайте спеціальне правило активації! Ви хочете, щоб схема відображалася лише на одній сторінці, тому виберіть Кілька переглядів сторінок варіант, а потім URL-адреса сторінки дорівнює вказавши теги, введіть точну URL-адресу сторінки, яку ви хочете.

5. Збережіть як тег, так і правило активації та надішліть зміни!

Поради, інструменти, ресурси щодо використання структурованих даних

1. Інструмент для тестування структурованих даних

Окрім перевірки власної розмітки схеми, ми також можемо використовувати інструмент Google для отримання ідей з інших сайтів та конкурентів. Для цього ми вставляємо в інструмент URL-адресу зі списку результатів, і ми вже бачимо різні розмітки та код, доступні на сторінці.

Для ілюстрації повернімося до типів schema.org і подивимось ще раз на схему продукту для Emag “Huawei P20 Lite”. Сторінка товару виглядає так у списку результатів:

Скопіювавши URL-адресу сторінки, а потім натиснувши кнопку «Почати тестування» на вкладці «Отримати URL» в інструменті тестування структурованих даних, ви вже можете побачити різні розмітки schema.org, які використовуються на цій конкретній сторінці продукту emag.

Клацнувши на правій стороні типу схеми, відобразяться елементи схеми, а клацання на елементах ліворуч переведе нас до відповідного фрагмента коду. Таким чином, ми можемо виявити і навіть скопіювати код розмітки schema.org будь-якої сторінки.

Код JSON, який використовується emag, розглянутим у цьому прикладі, є такою стандартною схемою продукту:

2. Ресурси розробників Google

Хоча schema.org перелічує всі типи схем разом із прикладами, документація, надана Google, детально пояснює, що корисно для використання певної схеми та яких принципів слід дотримуватися при її використанні. Зразок коду, представлений у Документації розробника Google, насправді є більш корисним, ніж приклади, що пахнуть бібліотекою schema.org.

Документація для різних типів схем:

Список не є вичерпним. У цій статті я спробував представити найпоширеніші типи схем, однак ми також можемо знайти численні інші типи та підтипи представлених. У нас є можливість використовувати унікальний ресторан, книгу або просто схему додатків. Це також розширює сферу застосування, щоб перелічені схеми можна було навіть комбінувати. Що стосується оглядів книг, окрім схеми оцінки та критики, я, звичайно, можу також включити схему книг на свої сторінки, що призводить до такого вигляду:

Який код я для цього використав? Як я його встав? Виходячи з прочитаного в цій статті, я вірю, що ви зможете без проблем відповісти або застосувати вивчене самостійно.