Блог

Це буде досить довга стаття про структуровані дані – Schema.org і про те, як ви можете застосувати їх на своєму сайті, щоб отримати переваги від SEO. Я досить добре вникаю в деталі, тому що вважаю схему обов’язковою у 2020 році.

#1. Що таке структуровані дані?

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

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

Структуровані дані (також звані розміткою схеми) надають цю додаткову інформацію. Структуровані дані означають дані (або інформацію), організовані певним чином (структуровані).

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

Ось приклад, який показує, як Google використовував структуровані дані, вбудовані у веб-сторінку, щоб виділити дані огляду:

Зверніть увагу, що списки в результатах пошуку мають оцінку зірок і номерів, кількість голосів і навіть стартові ціни. Вони називаються розширеними фрагментами, де слово «багатий» стосується всього, що зазвичай не міститься в звичайному списку (синій заголовок, зелена URL-адреса та чорний опис).

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

Ось фрагмент цих структурованих даних із вихідного коду першої сторінки:

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

Рамка навколо опису підкреслює ще один важливий момент. Те, що ви додаєте структуровані дані, не означає, що Google використовуватиме їх.

Якщо поглянути назад на знімок екрана, на якому показано розширені фрагменти результатів пошуку, Google не використав цей опис у розширеному фрагменті.

Google також не має останньої «низької ціни» в 3,05 дол. США (у фрагменті пошукової видачі показано ціни від 3,92 дол. США), тому ці структуровані дані могли бути оновлені після останнього сканування цієї сторінки Google.

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

Це також допомагає Google краще розуміти вміст сторінки, що допомагає їй точніше оцінювати сторінку.

Структуровані дані (SD) мають бути невід’ємною частиною вашого SEO, оскільки їх можуть читати (і використовувати) пошукові системи, Facebook, Pinterest тощо.

Хто виграє від впровадження структурованих даних?

#2. Впровадження структурованих даних

Я не хочу вводити вас в оману, але існує більше одного способу впровадження структурованих даних . Однак ми будемо говорити лише про метод, який віддає перевагу Google, який використовує таксономію під назвою schema.org і мову програмування JSON-LD.

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

Щоб додати структуровані дані, нам потрібно знати правила, які керують структурою. У своїй найпростішій формі структуровані дані — це набір пар змінна/значення.

Імена змінних, показані в цьому коді, є критичними. Якщо ви не використовуєте точну назву змінної, код не буде зрозумілий.

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

У 2011 році Google, Bing, Yahoo! і Yandex об’єдналися, щоб створити стандартизований список атрибутів і об’єктів, які всі погодилися підтримувати і який став відомий як Schema.org (так, це веб-сайт). Schema.org — це таксономія «речей», які ми можемо додати до наших структурованих даних.

зрозумів
Що ж, ложка дьогтю є… Google!

Окрім того, що ви знайдете на Schema.org, Google також має свої вказівки.

Ви можете створити свої структуровані дані відповідно до schema.org, але якщо ви також не запровадите вказівки Google, то пошуковий гігант може застосувати покарання до ваших сторінок/сайту. Ви можете знайти ці вказівки тут .

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

2.1 JSON-LD

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

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

Спробуй це. Перейдіть на той сайт. Знайдіть URL-адресу на одному зі своїх веб-сайтів, виберіть тип схеми, яку потрібно створити, а потім вставте URL-адресу. Натисніть кнопку «Почати тегування», щоб почати.

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

Коли ви це зробите, ви отримаєте спливаюче меню, яке дозволить вам позначати дані, які ви щойно виділили. У цьому прикладі я виділив назву та виберу назву з меню:

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

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

Завершивши розмітку сторінки, натисніть кнопку «Створити HTML» угорі праворуч. На наступному екрані переконайтеся, що у спадному списку вибрано JSON-LD, і ваш дійсний код JSON-LD буде вказано нижче:

Тепер цей код можна вставити на веб-сторінку.

Існують різні способи вставити код на веб-сторінку. Якщо ви знайомі з Менеджером тегів, ви можете ним скористатися. Або ви можете вставити код безпосередньо в HTML-код своєї сторінки, перевірити його, а потім перейти до наступної сторінки, яку потрібно розмітити.

#3. Тестування розмітки схеми

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

Якщо ви вже ввели структуровані дані на свою веб-сторінку, перевірте URL-адресу. Вашу сторінку буде проаналізовано, і результати покажуть:

Ви шукаєте чистого здоров'я. Це означає 0 помилок. Кожен із цих записів у таблиці результатів представляє окремий біт структурних
даних на вашій веб-сторінці.

Залежно від того, як створено ваш сайт, на ваших веб-сторінках можуть уже бути структуровані дані. Якщо ви використовуєте WordPress, WordPress додасть деякі для вас, а також деякі плагіни.

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

#4. Усунення несправностей за допомогою Google Console

У старому інтерфейсі Google Search Console (ви все ще можете перейти на нього) є розділ, який може допомогти вам із вашими структурованими даними. Ви знайдете інструменти структурованих даних у меню SearchAppearance.

Екран структурованих даних виділить будь-які проблеми зі структурованими даними на вашому сайті.

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

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

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

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

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

Особисто я не хочу клопоту чи часу, пов’язаного з перевіркою вказівок Schema.org і Google кожного разу, коли додаю структуровані дані на веб-сторінку. Тому я віддаю перевагу методу додавання структурованих даних за допомогою плагіна WordPress.

Плагін, який я використовую, називається Schema Pro , і я хочу швидко показати вам, як він працює.

#5. Плагін Schema Pro WordPress

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

Коли Schema.org оновлюється, цей плагін оновлюється. Це означає, що я можу зосередитися на важливіших речах і залишити плагін для виконання моїх вимог до структурованих даних.

Детальну інформацію про плагін можна знайти тут . І тут у нас є приємна знижка WP Schema для наших читачів. Я збираюся налаштувати деякі структуровані дані за допомогою цього плагіна на моєму тестовому сайті.

5.1 Налаштування Schema Pro

Після встановлення та активації плагін додає меню під меню налаштувань на лівій бічній панелі панелі керування. Я віддаю перевагу налаштуванням Schema Pro в іншому місці, і ви можете зробити це в меню конфігурації:

Усе, що ви тут додасте, буде додано до структурованих даних ваших веб-сторінок. Тепер мої сторінки матимуть структуровані значення даних для логотипу сайту, типу сайту та назви компанії на знімку екрана вище.

На вкладці соціальних профілів у налаштуваннях додайте будь-які сторінки соціальних мереж, які ви створили для сайту.

На вкладці «Інші налаштування схеми» ви можете призначити більше структурованих даних:

Знову ж таки, усі ці дані, які ви зараз вводите, перетворюються на JSON-LD і автоматично додаються на ваші сторінки. Ви можете перевірити схему, додану на сторінки, відвідавши свій сайт, увійшовши на свою інформаційну панель.

Натиснувши це посилання, ви відкриєте поточну веб-сторінку в Інструменті тестування структурованих даних, тож ви зможете побачити нові структуровані дані та переконатися, що вони в порядку.

5.2 Додавання конкретної схеми

Виконавши загальні налаштування, ми можемо почати додавати схеми для конкретних сторінок. Перейдіть на вкладку «Схема» та натисніть кнопку «Додати нову». На екрані, який завантажиться, ви зможете вибрати тип схеми, який ви хочете створити:

Після натискання кнопки «Далі» вас запитають, де на веб-сайті слід інтегрувати нову схему:

У моєму випадку я хочу, щоб ця схема була застосована до всіх публікацій. Зауважте, що останній запис, Specific Target, дозволяє вибирати конкретні публікації,
сторінки архіву (тег, категорія) або сторінки.

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

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

Коли ви закінчите, натисніть кнопку Далі. Ви отримаєте підтвердження, що вашу схему налаштовано:

Натисніть кнопку «Завершити налаштування», щоб відкрити екран редагування схеми:

На цьому екрані ви можете редагувати схему, включаючи правила ввімкнення/виключення, якщо це необхідно. Схема налаштовується шляхом вибору параметрів у спадних вікнах.

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

Наприклад, якщо ви вибрали змінну Title для властивості Headline, кожна публікація використовуватиме свій заголовок для схеми Headline.

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

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

Ще одна корисна опція у спадному списку – Нове настроюване поле. У цьому випадку ви можете вибрати значення під час публікації вмісту.

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

Змінивши зображення на Нове спеціальне поле, я зможу вказати зображення для кожної публікації під час публікації публікації (безпосередньо на екрані редагування публікації):

Вибравши зображення під час публікації, помилку зображення буде усунено.

Однак у звіті про помилку є ще одна помилка. Логотип. Це легко виправити, призначивши піктограму сайту в налаштуваннях ідентичності сайту моєї теми.

Цей плагін може зробити для вас набагато більше.

Однак я збираюся залишити це там. Якщо ви вирішите придбати плагін WP Schema Pro , ви матимете повний доступ до документації плагіна, яка допоможе вам.

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

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

#6. Ресурси схем і структурованих даних

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

#7. Висновок

Отже, ви використовуєте Schema.org?

Ви бачили покращення в рейтингу?

А може вам потрібна допомога. Я з радістю проведу вас. Просто дайте мені знати в коментарях нижче.