8 типів розмітки для корпоративного сайту
Що таке мікророзмітка? Якщо простою мовою — це розмітка даних на сторінці та передача цієї інформації в структурованому вигляді пошуковим системам.
Наявність мікророзмітки на сайті — один з фіційно підтверджених факторів ранжирування (про що повідомив представник Google Gary Illyes). У своїх рекомендаціях пошуковий гігант Google рекомендує використовувати мікророзмітки JSON-LD (про що йдеться в офіційному «Керівництві» Google, саме тому в статті мова йтиме про неї:
Радимо вам вивчити цю статтю і впровадити мікророзмітку для наступних типів контенту на сайті:
- інформація про відгуки;
- сторінка «питання / відповідь»;
- інформація, яку зазначено в таблицях (наприклад, прайс-лист);
- інформація з актуальними вакансіями;
- сторінки з послугами;
- проведені заходи;
- сторінка з контактами;
- статті або новини.
Мікророзмітки для відгуків (Review)
Якщо на вашому сайті є сторінка з відгуками — для неї можна застосувати такий вигляд мікророзмітки:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <script type = "application/ld+json"> { "@Context": "https://schema.org/", "@Type": "Organization", "Name": "Назва компанії", "Description": "Опис компанії.", "AggregateRating": { "@Type": "AggregateRating", "ratingValue": " Середня оцінка всіх користувачів", "BestRating": "Макс. можлива оцінка", "WorstRating": "Мін. можлива оцінка", "RatingCount": "Всього залишених відгуків" } } </script> |
Приклад сторінки, де впроваджена мікророзмітка для відгуків:
FAQ — сторінки питання/ відповідь
Часто на корпоративних сайтах є розділ «питання / Відповідь», на якому користувачі можуть отримати відповіді на актуальні питання. Цю інформацію також можна розмітити, але не завжди! У разі, коли користувач може додати свою відповідь — мікророзмітка доречна, в разі, коли додавати відповідь користувачеві не можна – за вимогами Google дана розмітка буде недоречною:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <script type="application/ld+json"> { "@Context": "http://schema.org", "@Type": "QAPage", "MainEntity": { "@Type": "Question", "name": " Тема питання ", "Text": "Саме питання (без HTML)", "AnswerCount": "кількість відповідей", "DateCreated": "Дата створення питання", "Author": { "@Type": "Person", "Name": "Ім'я того, хто запитує" }, "AcceptedAnswer": { "@Type": "Answer", "Text": "Відповідь — дублюємо всі відповіді тут (без HTML)", "DateCreated": "2018-12-21T17: 14Z (дата відповіді в такому форматі)", "UpvoteCount": "кількість" лайків "відповіді", "Url": "посилання на сторінку з питанням / відповіддю", "Author": { "@Type": "Person", "Name": "Ім'я того, хто відповідає" } } } } } </script> |
Приклад сторінки, де впроваджені мікророзмітка для «Питання/відповідь»:
Розмітка інформації, яку зазначено в таблицях
Якщо у вас корпоративний сайт, ви уявляєте, як багато інформації знаходиться в електронних документах, доданих на сайт: починаючи від прайс-листів і закінчуючи різними кількісними даними.
Як зробити так, щоб ці дані були видимі та правильно зрозумілі не тільки людям, а й пошуковим системам?
Ця мікророзмітка знаходиться на стадії Beta-тестування — її впровадження не означає 100% відображення в пошуковій видачі.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <script type="application/ld+json"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span> { "@Context": "http://schema.org/", "@Type": "Dataset", "Name": "Простір назв", "Description": "Опис сторінки", "Url": "посилання на сторінку", "Keywords": [ "Ключова фраза 1", "Ключова фраза 2" ], "Creator": { "@Type": "Organization", "url": "url сайту ", "Name": "Назва сайту", "ContactPoint": { "@Type": "ContactPoint", "ContactType": "customer service", "Telephone": "+380000000000", "Email": "пошта" } }, "Distribution": [ { "@Type": "DataDownload", "EncodingFormat": "CSV - розширення документа", "ContentUrl": "url - посилання на документ" } ], "SpatialCoverage": { "@Type": "Place", "Geo": { "@Type": "GeoShape", "Address": "Звідки" } } } </script> |
Вакансії
Ви велика компанія, яка прогресує і розвивається? У вас є відкриті вакансії на перспективні посади? Їх також можна розмітити відповідною мікророзміткою.
Ця мікророзмітка не працює в Україні. Повний перелік активних країн можна побачити в офіційному довіднику Google.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | <script type = "application/ld+json"> { "@Context": "https://schema.org/", "@Type": "JobPosting", "Title": "На яку позицію потрібен фахівець — Middle Seo Specialist", "Description": "Опис вакансії", "DatePosted": "2017-01-18 - дата публікації вакансії", "ValidThrough": "дата, по яку вакансія актуальна", "EmploymentType": "full-time, part-time, seasonal - повний робочий день, частичная занятость, сезонна робота", "HiringOrganization": { "@Type": "Organization", "Name": "Назва компанії", "SameAs": "посилання на сайт компанії", "Logo": "посилання на логотип компанії" }, "JobLocation": { "@Type": "Place", "Address": { "@Type": "PostalAddress", "StreetAddress": "Вулиця, будинок / офіс", "AddressRegion": "Область, штат", "AddressLocality": "Місто", "PostalCode": "Код", "AddressCountry": "Країна" } }, "BaseSalary": { "@Type": "MonetaryAmount", "Currency": "USD", "Value": { "@Type": "QuantitativeValue", "Value": "Зарплата за годину", "UnitText": "HOUR" } } } </script> |
Послуги
Є можливість застосувати мікророзмітку й тут! Пам’ятайте, що в мікророзмітці необхідно використовувати тільки достовірну інформацію (тому намагайтеся вказувати на сайті реальні ціни):
1 2 3 4 5 6 7 8 9 10 11 12 | <script type = "application / ld + json"> { "@Context": "http://schema.org", "@Type": "Offer", "Availability": "http://schema.org/InStock", "ItemOffered": "Service", "Name": "Назва послуги", "Description": "Опис послуги", "Url": "адреса сторінки послуги", "PriceCurrency": "UAH" } </script> |
Цей вид мікророзмітки у видачі не відображається!
Заходи
Часто компанії проводять event-події. Цілей може бути багато: заявити про себе, знайти потенційних колег або партнерів, отримати прибуток. У будь-якому випадку, можна повідомити пошуковій системі про проведення відповідних заходів, при цьому важливо вказати — вхід вільний чи платний (від цього залежить структура мікророзмітки):
Для івентів з вільним входом
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <script type = 'application / ld + json'> { "@Context": "https://www.schema.org", "@Type": "Тематика івенту", "Name": "Назва івенту", "Image": "https://example.com/event.jpg — зображення, що характеризує захід", "Description": "Опис івенту", "StartDate": "2019-02-03T19: 00 - час старту івенту", "EndDate": "2019-02-03T21: 00 - час закінчення заходу", "Performer": "Спікер, маркетолог, айтішник - опис того, хто виступає (1 слово)", "Audience": { "@Type": "BusinessAudience", "Name": [ "Підприємці — перераховуємо цільову аудиторію (програмісти, маркетологи і т.п.)", "Бізнесмени" ] }, "Location": { "@Type": "Place", "Name": "Назва місці, де проходить івент", "Address": { "@Type": "PostalAddress", "StreetAddress": "вул. Рішельєвська 33", "AddressLocality": "Одеса", "AddressRegion": "Одеська область", "AddressCountry": "UA" } } } </script> |
Для платних заходів
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <script type = 'application / ld + json'> { "@Context": "https://www.schema.org", "@Type": "Тематика івенту", "Name": "Назва івенту", "Image": "https://example.com/event.jpg — зображення, що характеризує захід", "Description": "Опис івенту", "StartDate": "2019-02-03T19: 00 — час старту івенту", "EndDate": "2019-02-03T21: 00 — час закінчення", "Performer": "маркетолог, підприємець — опис того, хто виступає (1 слово)", "Audience": { "@Type": "BusinessAudience", "Name": [ "Підприємці — перераховуємо цільову аудиторію (програмісти, маркетологи і т.п.)", "Бізнесмени" ] }, "Location": { "@Type": "Place", "Name": "Назва місці, де проходить івент", "Address": { "@Type": "PostalAddress", "StreetAddress": "вул. Рішельєвська 33", "AddressLocality": "Одеса", "AddressRegion": "Одеська область", "AddressCountry": "Україна" } }, "Offers": { "@Type": "Offer", "Availability": "http://schema.org/InStock — можна міняти на" обмежену кількість місць, купити квиток тільки через онлайн і т.п. ", "ValidFrom": "2019-02-03T19: 00 — з якого моменту можна використовувати квиток (логічно вказувати час початку заходу або час, коли починається реєстрація учасників", "Url": "https://example.com/event — посилання на сторінку з івентом", "Price": "100 — вартість квитка", "PriceCurrency": "UAH — валюта" } } </script> |
Контактна інформація
Кожна компанія, створюючи сайт передбачає сторінку з контактною інформацією. Оформити контактну інформацію з мікророзмітки зовсім не складно. Для цього вам знадобиться застосувати невеликий фрагмент коду (єдине уточнення — на вимогу Google тут завжди, незалежно від роду діяльності компанії, вказується “@ type”: “Organization”):
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script type = "application / ld + json"> { "@Context": "https://schema.org", "@Type": "Organization", "Url": "url сайту", "Logo": "url логотипу сайту", "ContactPoint": [{ "@Type": "ContactPoint", "Telephone": "номер телефону", "ContactType": "customer service" }] } </script> |
Останнім часом перестала відображатися у видачі.
Блог, новини, статті
Практично кожна компанія розвиває у себе на сайті блог: публікує корисні матеріали, цікаві гайди, новини — все це дозволяє компаніям збільшити трафік, конвертувати його в продажі та підвищити свою експертність.
Будь-які матеріали, інструкції, пости в блозі можна розмічати мікророзмітку. Найприємніше — що в залежності від типу матеріалу змінюється всього лише ключ “@type”: “ Тип матеріалу “,:
- Article — для статей;
- NewsArticle — для новин;
- BlogPosting — для постів в блозі;
- TechArticle — для інструкцій та інших технічних матеріалів;
- Report — для звітів;
- ScholarlyArticle — для наукових матеріалів;
- SatiricalArticle — для сатиричних матеріалів;
- AdvertiserContentArticle — для рекламних роликів і матеріалів нативної реклами.
Саму мікророзмітки ви можете побачити нижче:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <script type = "application / ld + json"> { "@Context": "http://schema.org", "@Type": "Article / NewsArticle / BlogPost / TechArticle", "Headline": "Назва статті", "Image": "превью-зображення статті", "AlternativeHeadline": "H1 (не більше 110 символів, інакше нічого не вийде)", "Description": "Мета тег description", "DatePublished": "2018-10-09 - дата публікації статті в такому форматі", "DateCreated": "2018-10-09 - дата створення статті (може бути однаковою з датою публікації)", "DateModified": "2018-10-16 - дата редагування статті (якщо не редагувалася - дата публікації)", "ArticleBody": "Текст абсолютно всієї статті, без HTML", "Wordcount": "Кількість слів у статті", "MainEntityOfPage": { "@Type": "WebPage", "@Id": "url — статті" }, "Publisher": { "@Type": "Organization", "Name": "Назва сайту", "Logo": { "@Type": "ImageObject", "Url": "Посилання на логотоіп;" } }, "Author": { "@Type": "Person", "Name": "Ім'я автора статті" } } </script> |
Не відображається у видачі.
Підсумуємо
Тип мікророзмітки | Відображення в сніпеті | Коментар |
---|---|---|
Review (відгуки) | Так | |
QApage (питання / відповідь) | Так | |
Dataset (інфо в табл.) | Не завжди | Beta-тестування, може працювати з перебоями |
JobPosting (вакансії) | Так | В Україні не працює. Список доступних країн тут |
Service (послуги) | Ні | |
Event (захід) | Так | |
ContactPoint (контакти) | В останнім часом не з’явиться повідомлення | |
* Article (матеріали) | Ні |
Навіть якщо мікророзмітка не впливає на сніппет сайту у видачі — вона передає пошуковим системам інформацію в структурованому вигляді, саме в цьому і полягає «прихована» перевага використання мікророзмітки.
Пам’ятайте, після впровадження мікророзмітки JSON-LD на сторінки сайту — завжди виконуйте перевірку структурованих даних. Перевірка мікророзмітки в Google Structure Data важлива — в разі наявності хоча б однієї помилки зміни в пошукову видачу НЕ підтягнуться.