Як зробити мікророзмітку на сайті вордпрес невеликий мануал
Як зробити мікророзмітку на сайті Вордпрес?
Всім привіт! Сьогодні вирішив написати потужну статтю про те, як зробити мікророзмітку на сайті Вордпрес! А ви знаєте взагалі, що це таке? А навіщо це потрібно? А який ефект дає мікророзмітка щодо ранжування? Все це та дещо ще Ви дізнаєтесь із цієї статті.
Жив був пошуковик, читав сайти, вивчав інформацію на них, деякі індексував, деякі накладав фільтри. Втомився він, став упускати в індексі деяку інформацію, дуже багато сайтів створюється, оновлюється, що на відпочинок і часу немає. Тоді він вирішив спростити цей процес і створив спеціальні атрибути і сказав, що якщо помістити їх на сайт, то точно він нічого не втратить і вся інформація, укладена в ці атрибути обов'язково потрапить в індекс, а ключова — в сніпет. І з тих пір ті, хто прислухався до слів пошуковика, стали жити щасливо і був ним заповітний ТОП.
Мікророзмітка допомагає всі дані зібрати в певну, зручну для пошукової системи, послідовність даних (структурує дані), що полегшує останньому роботу, з вилучення та переробки інформації.
У 2011 році всі великі пошукові системи, такі як Google і Яндекс (вони нас більшою мірою цікавлять) повідомили про впровадження семантичної мікророзмітки.
Як перевірити мікророзмітку?
Добре, якщо ми з вами розібралися, що таке мікророзмітка на сайті wordpress і для чого вона потрібна, то відразу виникає запитання: а як дізнатися, чи є семантична мікророзмітка на сайті в статті?
Для цього вам потрібно увійти в Яндекс Вебмайстер, ввести Url сторінки сайту, що перевіряється, і натиснути «Перевірити мікророзмітку».
У Гугла мікророзмітку можна перевірити тут за аналогією.
Мікророзміткана движку WordPress
Після того, як „ліву“ мікророзмітку видалено, приступимо до встановлення мікророзмітки schema.org . Для початку розмітимо назву сайту та його опис.
Для цього в адмінці блогу відкриваємо header.php, знаходимо тег header і додаємо до нього itemscope itemtype, де itemscope вказує на те, що вся інформація, яка буде укладена всередині тега, описує якусь сутність, а itemtype каже, що це за сутність.
Тепер давайте покажемо, що ми описуватимемо саме header вордпрес-блогу:
Для того, щоб вказати пошукачам яку саме інформацію ми хочемо показати їм використовують атрибут itemprop .
Щоб вказати опис сайту, використовуємо наступний атрибут:
Саме куди у файлі header.php для вашого шаблону я сказати не можу. У деяких випадках має сенс звернутися, знову ж таки, до фрілансерів. Так, наприклад, для свого шаблону блогу, який було зроблено на замовлення, мені так і не вдається вставити цей атрибут.
У стандартних шаблонах, функція, яка відповідає за виведення заголовка сайту ( ), міститься в тегу h1. Саме туди ми і додаємо наш атрибут (див. скрін нижче).
За опис сайту у стандартних шаблонах відповідає функція, що знаходиться в тегу h2. Знову ж таки всередину цього тегу додаємо наступний атрибут:
А ось, що має вийти:
Саме так має вийде, за умови, що у вас стандартний шаблон.
Для семантичної розмітки header.php ми використовували такі атрибути:
Мікророзмітка статті
Тепер нам потрібно знайти функцію (вона укладена в контейнері div), що відповідає за виведення контенту, ця функція зазвичай має назву content або щось схоже, у мене, наприклад, взагалі.
А додати потрібно наступнийатрибут:
У мене вийшло ось так:
Знову ж таки, у мене шаблон індивідуальний, тому нестандартно. У вас же має вийти приблизно так:
Для того, щоб вивести заголовок статті, Вордпрес використовує функцію , шукаємо її і всередині її контейнера або тега, в моєму випадку h1 вставляємо наступний код:
Ось що вийшло у мене:
У результаті у мене вийшло таке:
Код, який потрібно вставити, як ви вже зрозуміли це itemprop="author".
У мене вийшло так:
Підсумок виконаної роботи:
Ось список атрибутів, які знадобляться для розмітки статті:
- itemscope itemtype="http://schema.org/Article"
- itemprop="articleBody"
- itemprop="name"
- itemprop="articleSection"
- itemprop="datePublished"
- itemprop="author"
Семантична мікророзмітка зображень сайту
Раніше доводилося робити мікророзмітку вручну! Тобто. всередині кожної картинки вставляти атрибут "itemprop="image".
Уявіть тільки: до кожної картинки! Це хоч і не довго (коли руку наб'єш), але дуже нудно. Благо, можна цей процес автоматизувати. Для цього у файлі functions.php потрібно додати наступний код:
От і все. Не має значення де, головне, щоб попередній код (функція) закривалася. Зазвичай додають до кінця, перед ?> .
Після чого в його дужках вставити цей код:
Коментарів до запису:
Це знову ж таки у стандартних шаблонів, у вас може відрізнятися.
І в цей контейнер функції додаємо наступний атрибут:
В результаті отримуємо наступне:
Коментарів до запису:
Семантична розмітка контактних даних
Тут все просто, вставляєте свої контактнідані в шаблон коду:
Прописуємо назву блогу
Місто, в якому Ви живете
Рекомендую прочитати такі корисні статті: