Як додати Rich Snippets до вашого блогу WordPress

Як додати Rich Snippets до вашого блогу WordPress

Кілька тижнів тому я писав про те, як Google кардинально змінює результати пошуку., включивши все більше і більше семантичної інформації - або те, що Google любить називати Rich Snippets.

Зовсім недавно це було у формі метаданих рецепта, таких як інгредієнти або час приготування. Якщо ви ведете блог на WordPress, заснований на оглядах чогось, то додати семантичну розмітку легко.

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

GD StarRatings:

Якщо ви робите якісь огляди у своєму блозі, G^ tarRatings - абсолютно обов'язковий плагін, і я використовую його з самого початку на своєму сайті настільних ігор для iPad, щоб дозволити читачам оцінювати ігри, в які вони грали.

:

Цей плагін існує вже давно, і розробники були досить продумані, щоб включити розмітку Rich Snippet з минулого року. На відміну від нового мікроформату Recipe, розмітка і правила для перевірок вже давно встановлені, тому сам плагін створює добре відформатований код перевірки без будь-яких помилок перевірки Google.

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

:


Після активації за замовчуванням плагін додає блок оцінки, блок з великими пальцями вгору та оцінки коментарів.

:

Давайте відключимо деякі з тих, які нам не потрібні. Розгорніть новий розділ оцінок на бічній панелі адміністратора і натисніть кнопку «Параметри». Почніть з відключення рейтингу «thumbs-up», натиснувши на зелений значок «thumbs-up» поруч зі словом «article» (подивіться на скріншот). Зніміть вибір всіх параметрів для коду автоматичного вставлення оцінок, і це повинно вилучити їх.

:

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

Тестування за допомогою Google Rich Snippets Testing Tool:

Перейдіть до інструменту тестування багатих фрагментів Google тут і введіть URL одного з ваших відгуків.

Пройшовши через інструмент тестування, ви можете виявити ще кілька помилок, як і я, але вони будуть пов'язані з вашою окремою темою, а не з плагіном оцінок. Наприклад, на мою тему я виявив, що навіть така проста семантична інформація, як «entry-title», не додавалася. Щоб виправити це, вам потрібно знати трохи HTML.


Попередження: відсутнє обов'язкове поле «entry-title».

Попередження: відсутнє обов'язкове поле «оновлено».

Попередження: відсутня hCard «автор».

Відкрийте теку теми вашого блогу, розташовану за адресою wp-content/themes/( назва теми), якщо ви використовуєте FTP або на екрані адміністратора WordPress, розгорніть елемент бічної панелі «Вигляд» та перейдіть до «Редактора».

Відкрийте файл single.php у вашому улюбленому текстовому редакторі або просто клацніть файл single.php ліворуч від екрану редактора в WordPress.


По-перше, Google сказав нам, що ми пропустили заголовок запису. Натисніть «Знайти» у переглядачі або редакторі і знайдіть the_title (). Ви можете бачити, що він оточений тегом H2, і в моєму випадку до нього застосований class = "post_title".

:

Ми хочемо додати до нього клас entry-title, тому в моєму випадку я просто додав це у визначення класу H2:

:

Трохи нижче Google повідомляє нам, що ми також щось упускаємо через оновлення поста. У мене вже є визначення class = «date», тому я просто додаю «updated» в це теж:


:

Нарешті, мені не вистачає інформації про автора. А поки я додам це відразу після опублікованої дати. Якщо у вас вже є код для the_author (), просто оточте його тими ж тегами span, які я додав нижче. Це говорить Google, хто автор, їх ім'я, і укладає все це в vcard.

:

Тепер, перевіряючи сторінку знову, я бачу, що всі помилки були виправлені.

:


В якості останнього кроку я збираюся відправити свій сайт в Google, щоб почати малювати великі фрагменти - це не обов'язково відбудеться автоматично, тому вам потрібно заповнити форму тут, і Google розгляне вас для включення.

Рецепти в WordPress?

Є також кілька плагінів для додавання мікроформатів рецептів, однак на момент написання статті Google оновив їх стиль мікроформатів, і жоден з плагінів не дав достовірних результатів. Якщо ви публікуєте рецепти у своєму блозі, я б порадив вам стежити за плагінами hRecipe і RecipeSEO, які, я впевнений, скоро будуть оновлені, щоб відобразити останні зміни формату.

Висновок і подальше читання:

За допомогою G^ tarRatings легко додавати огляди або рецепти даних Rich Snippet, але якщо ваша тема ще не сумісна з додатковим автором і публікує необхідні метадані, ви можете виявити, що Google не бажає перераховувати ваш сайт. Якщо ви отримуєте ті ж помилки, що і я, уважно дотримуйтеся керівництва за кодом і обов'язково зробіть резервну копію файлу на випадок, якщо ви зробите помилку. Наступного тижня я почну серію статей, в яких детально розглядається створення теми WordPress і структури тим, щоб ви могли трохи більше редагувати свої власні, але зараз, якщо ви як і раніше отримуєте помилки Rich Snippet, не соромтеся питати на форумі питань і відповідей, або пост в коментарях нижче, і я зроблю все можливе, щоб виправити їх для вас.

  • Мікроформати віки це відмінна технічна інформація
  • Blog Not Unlimited - більш практичне керівництво з використання мікроформатів.
  • У цьому пості за 2007 рік пояснюється трохи більше про додавання мікроформатів у ваш WordPress, і це було неоціненно, поки я намагався це з'ясувати.
  • Подивіться на хороші приклади HTML-кодування. тут