Мікророзмітка для WordPress блогу - інструкція з впровадження

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

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

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

Що таке мікророзмітка сайту

У 2011 році великі пошукові системи Яндекс, Google, Bing оголосили про запровадження семантичної розмітки даних. Семантична розмітка має допомогти роботам точніше обробляти та структурувати, визначати та розуміти інформацію на сайтах. Щоб потім представляти її користувачам у результатах пошуку.

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

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

Валідатор мікророзмітки Яндекс та Google

Перевірити мікророзмітку в Яндекс можна із панелі Яндекс Вебмайстер. Як зареєструватися в ній я писала у цій статті http://inetsovety.ru/yandeks-vebmaster/

Заходьте в панель вебмайстра, праворуч внизу шукайте посилання "Перевірити мікророзмітку". Після натискання на ній відкриється сторінка перевірки:

Як зробити мікророзмітку сайту на WordPress

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

Коли проблему з мікророзміткою вирішено, розпочинаємо впровадження мікророзмітки schema org.

Розмічатимемо ми ті ділянки сайту, на яких ми хочемо акцентувати увагу пошукових роботів. На своєму блозі я розмітила файл header.php та single.php.

Файл header.php відповідає за виведення даних у шапці сайту. Я хочу, щоб пошукові роботи адекватно сприймали назву сайту та його опис.

У файлі header.php шукаємо тег header, приклад із мого шаблону

Після додавання цього атрибуту код набуде вигляду:

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

Тепер у тому ж файлі header.php шукаємо рядки, які відповідають за виведення назви сайту та його опису:

Функція виводить заголовок сайту, відповідно до його опису.

Додаємо атрибут itemprop="headline" до заголовка, а itemprop="description" до тегу опису. Ось коди цих атрибутів

Ось так виглядає мій код із даними атрибутами:

Тепер перевірка мікророзмітки Яндекс показує, що пошуковий робот розуміє, що в шапці сайту ми прописали для нього заголовок сайту headline та його опис description.Для моїх сайтів показується попередження, що опис сайту короткий і має бути довшим за 250 символів. Який вплив має короткий опис сайту на просування, я поки не знаю. Час покаже 🙂

Мікророзмітка посту (статті) у WordPress

Шукаємо функцію, що відповідає за виведення контенту

Вийде приблизно так:

Вкажемо пошукачам на початок статті, додавши атрибут itemprop="articleBody". У моєму шаблоні за виведення посту відповідає entry, у Вас може бути інша назва класу.

Перевіряємо та бачимо результат:

У безкоштовному шаблоні виведення рубрики було після статті. Щоб акцентувати увагу роботів на назві рубрики, додайте їй наступний атрибут:

Ось список кодів усіх атрибутів, які ми використовуємо для розмітки посту:

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

Мікророзмітка картинок

Ось цей атрибут відповідає за мікророзмітку картинок:

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

Я додала цей код в кінець файлу functions.php до тега, що закриває ?> .

ПОПЕРЕДЖЕННЯ: поле interactionCount не визначено у специфікації http://schema.org/Article Поле comment містить некоректний тип даних http://schema.org/UserComments

Якщо ви використовуєте ці атрибути, терміново змініть їх на ті, що вище:

Мікророзмітка контактних даних

Багато розписувати не буду, наведу лише код:

---