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

Зачем редактировать шаблон

После того, как вы выбрали шаблон для установки на свой сайт WordPress, стоит проверить его верстку на соответствие основным правилам SEO (оптимизации). Например, коробочный шаблон «Twenty Fourteen» сверстан так, что заголовки виджетов выводятся в тегах <h1></h1>, что может отрицательно сказаться на продвижении сайта. Бывают другие недочеты верстки шаблонов, от которых нужно избавиться до наполнения сайта материалами и его открытия для поисковиков.

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

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

Читайте так же:  Тема WordPress SG Window различные настройки внешнего вида

twenty-fourteen-1twenty-fourteen-futer-1

Подготовка к редактированию шаблона

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

Шаблон должен быть предварительно настроен на вкладке Внешний вид→Настройка.

Примечание: Чтобы сделать не сбрасываемые изменения в шаблоне, нужно перейти на дочернюю тему. Работа на дочерней теме WordPress позволяет обновлять шаблон без потери сделанных изменений.

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

Я постараюсь показать принцип изменения шаблона, что позволит делать свои изменения любого шаблона WordPress.

Итак, задача: Есть шаблон «Twenty Fourteen» фото 1, делаем пользовательские изменения в шаблоне, заодно, проверяем верстку шаблона для соответствия правилам SEO оптимизации.

Примечание: Отмечу, что авторы многих шаблонов создают перенастраиваемые настройки своего шаблона, выводя интерфейс настроек на отдельную вкладку. Работая с такими шаблонами, вы легко, без изменения в коде шаблона можете выставить пользовательские настройки шаблона. Это не вариант, описанный в этой статьи.

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

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

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

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

  • Поместить любой виджет на сайдбар (ы) шаблона. Пусть это будет календарь. Обязательно дадим виджету название.
  • Создать тестовую страницу и тестовый пост сайта.
Читайте так же:  Вышел Wordpress 4.0

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

Шаг 1. Проверка главной страницы

1. Открываем домашнюю страницу сайта. Любой браузер имеет инструменты разработчика. Простое управление инструментами находим на правой кнопке мыши, для браузера Chrom «Посмотреть код».

2. На домашней странице сайта (страница последних записей) смотрим код на заголовке сайта. Если это текст, то он должен быть в тегах h1. Если это картинка, то она НЕ должна быть в тегах h1.

Важно! На любой странице сайта не должно быть больше двух тегов h1. Один открывающий <h1>, второй закрывающий </h1>.

3. Чтобы не «тыкать» все заголовки на странице, на правой кнопке мыши смотрим «Код страницы» и, открыв поиск по странице (кнопки ctrl+F) ищем «h1». Если поиск находит больше двух тегов h1, смотрим, что они обрамляют, и пытаемся это исправить. Исправление чуть ниже.

kod-stranitsyi-1
проверка верстки шаблона
4. Анонсы статей, в нашем примере это одна тестовая статья. Заголовок анонса должен быть в тегах h2. Если заголовки анонсов статей в тегах h1 или h3 нужно исправить. Исправление чуть ниже.

5. Все заголовки виджетов должны быть в тегах h3 или h4. Этот сайт сверстан так, что заголовки виджетов обернуты в тегах <h1>, это нужно исправить. Исправление чуть ниже.

Повторяюсь! На любой странице сайта не должно быть больше двух тегов h1. Один открывающий <h1>, второй закрывающий </h1>.

Шаг 2. Проверка страницы тестового поста

После главной страницы сайта, открываем тестовый пост сайта. Здесь проверяем, чтобы тегами h1 обертывался только заголовок поста. Проверку делаем аналогично посту сайта. Нужно, чтобы тегами h1 обертывался только заголовок страницы.

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

Шаг 3. Проверка виджетов

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

teg-vidzheta-1
проверка верстки шаблона виджеты

teg-vidzheta2-1

Читайте так же:  Плагин показа виджетов Restrict Widgets на Wordpress

Итоги проверки верстки

В результате проверка верстки шаблона, на этом шаблоне, обнаружили, что заголовки виджетов в футере и сайдбаре сайта, обернуты в теги h1. Это нужно исправить.

1.  Для исправления идем в каталог шаблона и открываем для редактирования файл functions.php. Под словами «идем в каталог шаблона», понимаем копирование нужного файла (можно из редактора консоли) и правки его в текстовом редакторе типа Notepad++.

2. В файле functions.php ищем, как  задан вывод виджетов в шаблоне. Для этого шаблона видим, что заголоки виджета в тегах h1. Меняем h1 на h3.

3. Если в файле functions.php не задан вид заголовка виджета, идем в файл footer.php и смотрим, как в этом файле обернут заголовок виджетов в футере. Меняем h1 на h3.

Если мы нашли, что на главной странице анонсы статей выводятся в тегах h1, то есть на странице последних записей, есть несколько заголовков в h1, читаем статью ТУТ и устраняем эту SEO ошибку верстки.

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

©Wordpress-abc.ru

Другие статьи по теме


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

Добавить комментарий