Впровадити мікророзмітку до статей різної тематики
Якщо зайти на сторінку допомоги Яндекс і впоратися про синтаксичні правила розмітки schema, то багатьох сайтменів, ті роз'яснення, призводять до ще більшого замішання.
Але з іншого боку: коли вся ця правка коду для нас темний ліс, чому б не звернутися до профі. або ні впровадити теги розмітки Schema (схема) у свій блог самому: чим сьогодні і займемося!
Що таке мікророзмітка:
Використання коду сторінки сайту специфічної атрибутики, для конкретного позначення її тематики. Тобто, щоб допомогти пошуковому роботу правильно визначити загальну тематичну спрямованість ресурсу та відповідним чином розподілити у видачі — сформувати сніпет.
Розмітка кулінарного сайту, як на мене, досить проста в порівнянні з іншими…
У фіналі статті дам посилання на сайт, на якому… вся ця технологія, що описана в нинішній статті, — чудово працює!
…всього потрібно додати пару-трійку атрибутів і — готова справа! Складніше, коли на вашому сайті є рубрики іншої спрямованості, тоді набувають чинності умови php відпрацювання коду тієї чи іншої сторінки (рубрики) за її ID-ідентифікатором.
Але про це нижче:
обов'язкові атрибути мікророзмітки:
name - (текст) назва рецепту або страви: тобто позначимо title h1 статті.
ingredients — (текстове поле) інгредієнти рецепту (можливо кілька)
рекомендовані поля мікророзмітки Schema.org:
recipeInstructions – (текст статті) – інструкція з приготування страви.
recipeCategory - (позначення) типу страви: наприклад, перші страви, другі страви, десерти...
image — URL картинки — графічні відображення процесу приготування страви, як правилодекілька фото (рекомендовано для формування сніпету).
Ось основні атрибути, які нам потрібні.
Якщо потрібний більш розширений варіант позначень страв, переходьте на сторінку допомоги (посилання нижче) і додавайте атрибутику полів за аналогією.
як впровадити Schema.org у різноманітні тематичні рубрику сайту
Тому, щоб наша з вами робота нині пройшла успішно, необхідно познайомитися з іншою моєю інструкцією з мікророзмітки, де більш детально розкрито нюанси.
Також даю посилання розділ допомоги Яндекс і фотку структури розміченої атрибутикою schema.org сторінки.
…а взагалі, щоб не плутатися, рекомендую картинку, розташовану трохи нижче, відкрити в новому вікні браузера і далі дотримуватися інструкцій цієї статті.
як мікророзмітити Schema.org кулінарну рубрику сайту
(підказка Яндекс - картинка клікабельна)
Каркас сторінки в нашому варіанті:
…приблизно таким чином мікророзмічається текст кулінарної статті!
Все просто: відкриваєте файл post-single.php або single.php і дописуєте необхідну атрибутику (просто копіюйте в коді вище та переносіть до себе з поправками).
Розмічати, наприклад так:
…у такому рядку прописуйте кулінарний атрибут мікророзмітки…
І… прикладом (за аналогією)
ось так має вийти ...
…поля span довільно, за бажанням… див. у себе у файлі!
Далі повторюєте і з іншими рядками документа за аналогією.
…зверніть увагу на h1 (ім'я статті) у разі мікророзмітки кулінарної рубрики використовується атрибут itemprop="name" тоді як у звичайній статті itemprop="headline" .
Майте на увазі це!
А вся складність полягає у наступному.
...має звернутися дофункції (висловлююся так, інвертації умов) щоб на сторінках, скажімо, рубрики в'язання - відпрацьовувався код відповідної тематики та її мікророзмітки.
як впровадити мікророзмітку Schema.org у маркований список кулінарних інгредієнтів
Щоб розмітити маркований список інгредієнтів виключно у потрібній рубриці, напишемо таку функцію:
(принцип використовується в одному з плагінів) я дещо вичленував і поправив під себе.
помістіть у файл functions.php наступний код:
in_category(14) — (просто) це вказівку системі, щоб у рубриці з ідентифікатором 14 відпрацьовувалась відповідна тема розмітка.
Таким чином, наприклад, у рубриці 15 , коли ми помістимо текст до маркованого списку … ніяких позначень атрибутів кулінарної рубрики не буде додано. Що нам і потрібно!!
Якщо у вас кілька кулінарних підтем, слід додати код і їх ID — ідентифікатор! - Допишіть потрібні id-позначення! …за аналогією… і у файлі functions.php та у post-single.php (або single.php , у кого як)
Одна справа виконана!
Ось каркас робочого мікророзміченого коду: (з поясненнями)
Коли відвідувач переглядає рубрику «пирогів» — відпрацьовується рубрика з ID 14 in_category(14) і, відповідно, мікророзмітка Schema.org необхідної кулінарної теми: у цьому прикладі itemscope itemtype="http://schema.org/Recipe" !
тобто. все що прописано до завдання (логічної оперативної умови):
...ну а коли користувач переходить в рубрику ID 15 - іншої тематики, наприклад, на статтю з правилами гри в бірюльки ... /і всіх інших, не зазначених в умові in_category(14) / підключається оперативне завдання:
Таким чином, забороняє відпрацювання коду розміченої кулінарії, і навпаки-с!!
Слідкуйтеуважніше за циклами та їх ДІВАМИ — div-class !!
Я намагаюся тлумачити суть максимально просто)