Як реалізувати семантичну розмітку для заходів та подій
За допомогою семантичної розмітки ми можемо розмітити події, для цього необхідно скористатися словником Schema.org.
Google дуже суворо ставиться до рекламних елементів в тексті розмітки. На сторінці заходу йдеться прямим текстом: «… функція не призначена для реклами …».
Тому в описі не допускаються згадки про розпродажі, акції та знижки. Для відображення заходи в розширеному сніпеті він повинен відповідати трьом критеріям:
- мати чітко сформульовану дату початку в майбутньому;
- назва не повинна містити рекламних елементів і згадок вартості, подібна інформація вказується у властивостях;
- мати чітке місце проведення (онлайн не підходить).
Дату і час початку та закінчення заходу необхідно вказувати в форматі ISO, щоб уникнути їх невірного трактування.
Ви можете розмітити як основну, загальну сторінку з переліком подій, так і окремі сторінки, присвячені конкретним заходам.
Реалізація можлива як за допомогою формату мікроданних, так і за допомогою формату JSON-LD https://texterra.ru/blog/chto-takoe-format-json-ld-i-pochemu-on-luchshe-schema-org.html
Приклад реализації для заходу https://ponominalu.ru/event/bryan-ferry
Microdata:
необхідно вставити HTML-код після відкриваючого тега
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 | <div itemscope itemtype="http://schema.org/Event"> <div itemprop="name" class="e__title">Квитки на концерт Bryan Ferry</div> <div class="poster bigPoster" style="height: auto; width: auto; background: none;"> <img itemprop="image" src="https://pics.ponominalu.ru/ponominalu/bryan-ferry-crocus.jpg"/> </div> <span itemprop="performer" itemscope itemtype="http://schema.org/Person"> <span itemprop="name"> Bryan Ferry</span> </span> <time itemprop="startDate" content="2017-10-07T19:00" class="e__top__time"> 7 листопала 2017 19:00 </time> <span itemprop="location" itemscope itemtype="http://schema.org/Place"> <div class="e__top__venue e__title"> <a href="/venue/kz-crocus-city-hall" title="Крокус Сіті Хол"> <span itemprop="name">Крокус Сіті Хол</span></a> </div> <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" class="e__top__note adaptive-hidden"> Адрес: <span itemprop="streetAddress">Московська обл., Красногорський р-н, г.Красногорск, ул.Международная, д.20</span> <br/>Замовлення квитків: +7 (495) 228-20-80</p></span> <a itemprop="offers" itemscope itemtype="http://schema.org/Offer" href="/event/bryan-ferry/07.10/19:00/sector/11792" class="cell__fill__link"> <span itemprop="price">2000</span> <span> руб.</span> </a> <span itemprop="description">Знаменитий англійський виконавець Брайан Феррі, в ході свого європейського турне «Avonmore» -2017 виступить з концертом на підмостках Крокус Сіті Хол</span> <meta itemprop="url" content="https://ponominalu.ru/event/bryan-ferry"> |
Где:
1 | <div itemscope itemtype=”http://schema.org/Event”> |
– оголошення типу об’єкта
1 | <div itemprop="name" class="e__title">Билеты на концерт Bryan Ferry</div> |
-назва події
1 | <time itemprop="startDate" content="2017-10-07T19:00" class="e__top__time"> |
1 | 7 октября 2017 19:00</time> |
– час і дата події
1 | <span itemprop="performer" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Bryan Ferry</span> |
– виконавець
1 | <span itemprop="location" itemscope itemtype="http://schema.org/Place"> |
1 | <div class="e__top__venue e__title"><a href="/venue/kz-crocus-city-hall" title="Крокус Сіті Хол"><span itemprop="name">Крокус Сіті Хол</span></a> |
– назва та url адресу місця проведення.
1 | <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" class="e__top__note adaptive-hidden">Адреса: <span itemprop="streetAddress">Московська обл., Красногорський р-н, г.Красногорск, ул.Международная, д.20</span> |
– адреса проведення
1 2 3 | <a itemprop="offers" itemscope itemtype="http://schema.org/Offer" href="/event/bryan-ferry/07.10/19:00/sector/11792" class="cell__fill__link"> <span itemprop="price">2000</span> <span> руб.</span></a> |
– ціна квитка.
1 | <span itemprop="description">Знаменитий англійський виконавець Брайан Феррі, в ході свого європейського турне «Avonmore» -2017 виступить з концертом на підмостках Крокус Сіті Хол</span> |
– опис заходу
1 | <meta itemprop="url" content="https://ponominalu.ru/event/bryan-ferry"> |
– url сторінки події (url повинен бути на одному домені зі сторінкою на якій розміщуються мікродані)
JSON-LD:
необхідно вставити скрипт в контейнер
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Event", "image": "https://media.cultserv.ru/i/218x161/411a28003dc81e92df1cca65b7e3b8d92437af42.jpg", "name": "концерт Bryan Ferry", "startDate": "2017-10-07T19:00", "url": "https://ponominalu.ru/event/bryan-ferry", "location": { "@type": "Place", "url": "https://ponominalu.ru/venue/kz-crocus-city-hall", "name": "Крокус Сіті Хол" ,"address": "Московська обл., Красногорський р-н, г.Красногорск, ул.Международная, д.20" }, "offers": { "@type": "Offer", "Price": "2000", "priceCurrency": "RUB", "url": "https://ponominalu.ru/event/bryan-ferry" } } </script> |
Приклад того як це виглядає у видачі Google:
Для сторінки конкретного події https://ponominalu.ru/event/bryan-ferry
Для сторінки всіх подій https://ponominalu.ru/category/concerts
Юля Заліховська
Керівник відділу продажів
Дізнайтеся про рекламу для вашого бізнесу!
Задайте Юлі питання про просування сайту в інтернеті.
Для перевірки коректності реалізації потрібно скористатися сервісом і подивитися чи коректно відображається розмітка, при правильній реалізації ми повинні побачити схожу картину:
У разі виникнення проблем з розміткою подій, можна скористатися інструментом від Google Майстер розмітки структурованих даних
Розмітка заходів істотно підвищує їх видимість в пошукових системах. Розмітивши заходи ми отримуємо максимально помітний інформативний сніппет, тим самим ми отримуємо більше трафіку на конкретні події та покращуємо CTR сайту в пошуковій видачі.