Перевірка верстки шаблону правилам SEO

Навіщо редагувати шаблон

Після того, як ви вибрали шаблон для встановлення на свій сайт WordPress, варто перевірити його верстку на відповідність основним правилам SEO (оптимізації). Наприклад, коробковий шаблон "Twenty Fourteen" зверстаний так, що заголовки віджетів виводяться в тегах

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

Наприклад змінимо коробковий шаблон WordPress під назвою «Twenty Fourteen». Цей шаблон виступить практичним прикладом, на якому можна подивитися всі нюанси тонкого і не тільки тонкого налаштування шаблонів WordPress.

перевірка
перевірка

Підготовка до редагування шаблону

Перед будь-якими роботами з кодом WordPress, у тому числі зміні робочого шаблону, потрібно зробити та мати під рукою:

  • Резервну копію сайту (каталог та базу даних);
  • Резервну копію робочого (редагованого) шаблону.

Шаблон повинен бути попередньо налаштований на вкладці Зовнішній вигляд→Налаштування.

Примітка: Щоб змінити шаблон, що не скидається, потрібно перейти на дочірню тему. Робота на дочірній темі WordPress дозволяє оновлювати шаблон без втрати змін.

Як змінити WordPress шаблон «Twenty Fourteen» під себе

Я спробую показати принцип зміни шаблону, що дозволить робити свої зміни будь-якого шаблону WordPress.

Отже, завдання: Є шаблон «Twenty Fourteen» фото 1, робимокористувацькі зміни в шаблоні, заразом, перевіряємо верстку шаблону для відповідності правилам SEO оптимізації.

Перевірка верстки шаблон для правил SEO

Розберемося спочатку із версткою шаблону. Перед перевіркою виставляємо передбачені параметри шаблону.

Примітка: Ми не шукаємо помилки коду шаблону. Це можна зробити на спеціальних сервісах перевірки валідності кодів. Наприклад, тут: https://validator.w3.org/

Для перевірки верстки на відповідність правил SEO нам знадобиться:

  • Помістити будь-який віджет на сайдбар(и) шаблону. Нехай це буде календарем. Обов'язково дамо віджету назву.
  • Створити тестову сторінку та тестовий пост сайту.

Кроки перевірки верстки шаблон для правил SEO

Крок 1. Перевірка головної сторінки

2. На домашній сторінці сайту (сторінка останніх записів) дивимося код на заголовку сайту. Якщо це текст, він повинен бути в тегах h1. Якщо це картинка, вона не повинна бути в тегах h1.

Важливо! На будь-якій сторінці сайту не повинно бути більше двох тегів h1. Один відкриваючий

, другий закриває

3. Щоб не "тикати" всі заголовки на сторінці, на правій кнопці миші дивимося "Код сторінки" і, відкривши пошук по сторінці (кнопки ctrl+F), шукаємо "h1". Якщо пошук знаходить більше двох тегів h1, дивимося, що вони обрамляють, і намагаємося виправити це. Виправлення трохи нижче.

5. Усі заголовки віджетів мають бути в тегах h3 або h4. Цей сайт зверстан так, що заголовки віджетів загорнуті в тегах

Це потрібно виправити. Виправлення трохи нижче.

Повторююсь! На будь-якій сторінці сайту не повинно бути більше двох тегів h1. Один відкриваючий

, другий закриває

Крок 2. Перевірка сторінки тестового посту

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

WordPress

Крок 3. Перевірка віджетів

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

правилам

Підсумки перевірки верстки

В результаті перевірка верстки шаблону на цьому шаблоні виявили, що заголовки віджетів у футері та сайдбарі сайту, обернуті в теги h1. Це потрібно виправити.

2. У файлі functions.php шукаємо, як задано виведення віджетів у шаблоні. Для цього шаблону бачимо, що заголовки віджету в тегах h1. Змінюємо h1 на h3.

3. Якщо у файлі functions.php не заданий вид заголовка віджету, йдемо у файл footer.php і дивимося, як у цьому файлі обернуть заголовок віджетів у футері. Змінюємо h1 на h3.

Якщо ми знайшли, що на головній сторінці анонси статей виводяться в тегах h1, тобто на сторінці останніх записів, є кілька заголовків у h1, читаємо статтю ЗДІЙ та усуваємо цю SEO помилку верстки.

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