Мікророзмітка та рейтинг матеріалів на Drupal 7 з fivestar, Vaden Pro
Багато хто бачив у пошуковій видачі гугл біля деяких сніпетів (результати видачі) зірочки рейтингу. Багато в чому дрібниця, а увагу на себе звертає, а це в свою чергу і CRT підвищує, що дуже важливо.
У цій статті ми розберемо як додати такі зірочки сайту, створеному на Drupal 7.
1. Додаємо можливість оцінки сторінок користувачами
Для того, щоб був рейтинг, потрібно його звідкись брати. Для цього завдання будемо використовувати модуль fivestar (якщо у Вас раніше не було встановлено модуль voting API, то встановлюємо його собі відразу теж, оскільки без нього fivestar не працює).
Завантажуємо його та встановлюємо собі на сайт.
Далі в налаштуваннях поля при збереженні проставляємо наступні галочки, щоб усе коректно працювало:
Після того, як ми створили поле, переходимо на вкладку управління відображенням і налаштовуємо поле оцінки на свій розсуд (щоб усе нормально працювало, коли ми будемо додавати мікророзмітку зірочки, повинні бути без тексту).
Не забуваймо зберегти зміни.
На цьому етапі у нас з'являться зірочки, але вони все ще не будуть активними. Щоб дати можливість користувачам оцінювати матеріали переходимо вкористувачі/права доступу, знаходимо fivestar і ставимо відповідні галочки.
Все ми додали можливість оцінки матеріалів користувачами за допомогою fivestar і на сторінках типу матеріалу Article у нас з'явилося наступне поле:
Тепер настав час повідомити про це гуглу і вивести наші зірочки у пошукову видачу.
2. Додаємо мікророзмітку
Існує досить багато стандартів мікророзмітки. Найвизнанішимсеред них єschema.org, що підтримується практично всіма популярними пошуковими системами світу. У статті розглянемо найпростіший приклад мікророзмітки сайту.
Чим краще ви розмітите сайт, тим більш респектабельно він виглядатиме для пошукових систем. Щоб дізнатися більше, ніж викладено в уроці, рекомендую ознайомитися з документацією стандарту. Особливо враховуючи, що її навіть перекладено українською мовою.
Саме schema.org ми будемо використовувати для отримання довгоочікуваних зірочок у сніпеті (результати пошукової видачі) сайту в Google.
Розмітка самої статті
Повний список типів розмітки можна подивитися тут.
Робота з мікророзмітки матеріалу буде проводитись у відповідному файлі tpl.php нашої теми (sites/all/themes/моя_тема). У нашому випадку цеpage-article.tpl.php.
Для того, щоб визначити яка частина сторінки власне є статтею необхідно тегу, в який вкладено весь вміст статті додати атрибутиitemscopeіitemtype, все дуже просто. У моєму випадку це:
Тепер же, використовуючиitempropусередині цього тега можна зробити розмітку трохи більш детальною. Давайте поставимо назву статті, дату і власне вміст статті:
Як ви могли помітити, для виділення дати ми використовували мета тег. Ним ми можемо скористатися для мікророзмітки матеріалів, які не повинні виводитись на сторінку. Для цього достатньо в його атрибут вивести необхідний нам вміст.
І зверніть увагу, дата повинна відповідати стандартуISO, тому ми для позначення дати статті і використовували не ту дату, що виводиться на сайті, а використовували тег мета в який вивели правильнийформат дати.
Ну а як тіло статті ми висмикнули body без усього зайвого, решта контенту сторінки, що не має відношення до тексту, можна просто вивести далі в разі потреби.
Додаємо мікророзмітку рейтингу статті
Після того як розмітили наш тип матеріалу, настав час додати і самі зірочки, для цього всередині тега
Потрібно додати ще трохи коду:
Так ми спочатку отримуємо значення з модуля fivestar, а далі розмічаємо їх використовуючи :
- itemprop="ratingCount"для позначення кількості оцінок
- itemprop="ratingValue"– сама оцінка
- itemprop="bestRating"– максимальне значення рейтингу
Для їх виведення можна використовувати теги мета, але це вже за вашим бажанням.
Помилка, коли валідатор мікророзмітки гугл не розуміє до чого ставиться рейтинг, виникає якщо ми щось напортачили і винесли код, що відповідає за рейтинг статті за тега зitemtype="http://schema.org/Article".
Ось, власне, і все. У результаті має вийти щось на кшталт:
Корисні поради
Google проходить по сторінках швидким індексом приблизно раз на добу, тому подивитися, чи визначив він мікророзмітку з перших сторінок сайту, можна буде побачити в гугл вебмайстрі досить скоро.
Після визначення розмітки в вебмайстрі Google у Сніппет сайту протягом декількох днів почнуть з'являтися зірочки.
Перевірити, що все правильно зроблено можна відразу скориставшись спеціальним сервісом Google для перевірки мікророзмітки.
Оскільки гугл розвивається і у нього завжди з'являються нові примочки останнім часом при мінімальній мікророзмітці статті можна побачитинаступну картину: