Четыре практических совета по выбору шаблона для блога на WordPress

Здравствуйте, друзья.

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

И в данной статье я покажу, как правильно выбрать WordPress шаблон для вашего сайта (блога), используя 4 простых рекомендации.

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

Также дам вам простую инфографику, чтобы данный алгоритм был у вас всегда под рукой.

Теперь перейдем к рассмотрению моментов, которые я выделяю.

Почему важно установить качественный шаблон

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

Определенная часть этих настроек (50% примерно ) зависит именно от шаблона, стоящего на сайте. Возьмем в пример постраничную навигацию. Это ведь тоже элемент технической оптимизации. А как она выводится? За это отвечает определенный код (скрипт) в файле шаблона.

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

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

Конечно необходимо еще следить, чтобы чрезмерное количество настроек в шаблоне не создавало лишнюю нагрузку на сайт и не портило содержимое страницы (ее код), чтобы поисковым системе не было сложно производить индексацию

Это один из этапов анализа шаблона, о котором мы позже поговорим. Но ведь существуют еще моменты, когда в шаблоне действительно имеются функции, которые реально важны для продвижения. А, если их не будет, то придется добавлять самим, что требует наличие определенных технических навыков. Или же придется прибегать к услугам специалистов, а в нынешнее время данное удовольствие не из самых дешевых.

Тоже самое касается и лишних вещей в шаблоне. Их придется убирать одним из 2х выше предложенных способов.

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

  1. Рано или поздно придется сменить шаблон на более качественный или же платить хорошие деньги, чтобы вам его переделали;
  2. На сайте может создаваться немало ошибок именно из-за шаблона, вследствие его неправильной работы.

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

Замечу, велика вероятность, что вы не найдете подходящий шаблон по всем параметрам. Вряд ли кто-то будет выкладывать такое добро в бесплатный доступ. Но, как минимум, вы сможете найти наиболее подходящий шаблон для его переделки под свои нужны, а также будете знать, что в итоге с ним нужно будет сделать.

И мы начинаем рассматривать параметры, по которым следует выбирать шаблон темы оформления для блога.

к содержанию ↑

Анализируем наличие тега H1 на странице

Для начала немного теории.

Тег H1 - заголовочный тег, а точнее тег для главного заголовка. Из этого становится ясно, что он должен быть один на каждой странице блога, так как главный заголовок всего один. Обязательное его наличие должно быть на странице статей (записей). Им оборачивается название записи.

На остальных более служебных страницах (архивы, страницы в меню, рубрики, метки) и на главной он может и отсутствовать, так как, в принципе, мы на блоге главную страницу не продвигаем. Мы продвигаем контент.

Данный тег является может и не строго обязательным (может и отсутствовать, хотя намного лучше, чтобы был), но злоупотреблять им не нужно. Поэтому, ищем такой шаблон, где на каждой странице он используется максимум 1 раз.

Проблема в том, что многие верстальщики создают свои шаблоны, не задумываясь о конечном потребителе и о том, как он будет его в дальнейшем продвигать. И просто невероятно количество таких шаблонов в интернете, когда на главной странице блога в каждом анонсе записи, заголовок обернут в H1. А представьте, что таких анонсов 10 штук. Тогда и 10 тегов соответственно.

А бывает, что каждый заголовок заключен в H1, будь-то заголовок рубрики или же архива. Это не правильно. Необходимо иметь простую не заспамленную тегами структуру.

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

  • О первом способе узнал только во время написания данной статьи и он очень прост в исполнении;
  • Второй же способ более трудоемкий, но позволяет более плотно проанализировать структуру шаблона на наличие тегов не только H1 но и других (H2, H3, H4 и так далее).

Для выполнение первого способа вам необходимо дополнение для браузеров RDS bar.
Имеется данное расширение для браузеров Opera, Google Chrome и Firefox.

После его установки и активации в верхней панели браузера появится сам RDS бар, в котором будет следующая пиктограмма.

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

Как видим, на странице записи моего шаблона данный тег имеется и употребляется он один раз в заголовке. Так и должно быть в идеале.

Покажу в пример неправильное использование тега на стандартном шаблоне WordPress. Проанализирую ту же самую страницу (скриншот кликабельный).

Присмотревшись на скриншот, можете увидеть, как я выделил несколько фраз, которые разделены между собой двумя вертикальными чертами. Каждая выделенная мною фраза, заключена в тег H1. Имхо, стандартный шаблон по данному параметру не проходит.

Это простой способ, как проверить количество тегов H1 и скорее всего, данный способ вы и выберите. Но я все же покажу еще один вариант, при котором необходимо вручную проверить каждый заголовок. Будем использовать встроенную функцию браузера "Просмотр кода элемента" (Google Chrome). В других браузерах название похожее. Открыть ее можно с помощью контекстного меню, кликнув правой кнопкой мыши по пустой области страницы.

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

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

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

Видно, что тут тоже показывает тег H1. Также анализируем все остальные заголовки (рубрик, названия блога, архивов и других заголовков областей).

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

С тегом H1 должны были разобраться. Если что непонятно, комментарии никто не отменял. Идем анализировать шаблон дальше.

к содержанию ↑

Дизайн и структура

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

Что касается дизайна, то вот некоторые рекомендации:

  1. Дизайн обязательно уникальный;
  2. Уникальный - не значит мигающий во всех местах;
  3. Не обязательно он должен быть из красочных изображений. Достаточно простого лаконичного дизайна;
  4. Должно быть сочетание цветов во всех элементах дизайна. Желательно ориентироваться в пределах 3-4 цветов в общей цветовой гамме.

Теперь что касается структуры:

  1. Структура проста и понятна;
  2. Никаких мигающих и резко выпадающих меню;
  3. Обязательное наличие главного верхнего меню и правой колонки (сайд-бара);
  4. Список анонсов должен выводится в одной колонке;
  5. По возможности наличие обязательных элементов навигации (постраничная навигация, рубрики, нижнее навигационною меню и так далее), но помните, много, не значит хорошо.

Используя эти простые рекомендации, вы сможете обеспечить удобность пользования сайтом своим посетителям.Идем дальше.

к содержанию ↑

Адаптивность или мобильность

С названия уже стало понятно. Слово "мобильность" дало о себе знать.

Желательно, чтобы шаблон был адаптивный под все типы популярных мобильных устройств. С течением времени все больше людей пользуются смартфонами. А по сегодняшним данным в 2015 году у 2х млрд. людей будут смартфоны. Это очень солидный кусок, учитывая общее количество людей. К сожалению, статистику сейчас не могу предоставить.

Сказывается факт, что все операции уже можно выполнять именно с мобильных устройств. Теперь не нужно включать компьютер и сидеть в кресле. Можно делать все в дороге.

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

к содержанию ↑

Микроразметка

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

Понять, есть ли микроразметка в шаблоне, можно несколькими способами:

  1. Проверить шаблон, через анализ страницы в валидаторе микроразметки Яндекса;
  2. Посмотреть исходный код страницы, как и в случае с тегом H1 (см. выше).

Первым способом все просто. Устанавливаем шаблон к себе на блог и активируем его. Затем переходим в валидатор микроразметки Яндекса по этой ссылке.

В поле "URL документа" вводим любой адрес статьи вашего блога и жмем на кнопку "Проверить".

Яндекс проведет анализ и ниже предоставит результаты. Если разметка имеется, то увидите какие-то данные типа этих.

Если же ее нет, то получите следующую картину.

Вторым же способом мы должны проанализировать данные в исходном коде страницы, которые подлежат разметке:

  • Заголовок статьи - itemprop="name";
  • Автор - itemprop="author";
  • Дата - itemprop="datePublished";
  • Текст статьи - itemprop="articleBody";
  • Рубрика статьи - itemprop="articleSection".

Если мы увидим к каждому элементу выше разметку в виде таких кодов, то она имеется в шаблоне. Для анализа необходимо использовать тот же функционал исследования элемента, что и в пункте про тег H1. Принцип аналогичен.

Покажу на примере названия статьи и автора. Вот скриншот строчки из кода, отвечающей за название статьи.

А вот автор статьи.

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

Вот и рассмотрел я свой алгоритм выбора шаблона для блога на движке WordPress. Надеюсь он вам поможет. Если что-то непонятно, то жду в комментариях. Также может вы знаете хорошие шаблоны, то напишите их в комментариях.

Чуть не забыл! По всем моментам приготовил видео-урок, но он немножко урезан, так как записывался раньше, чем писалась данная статья. А с тех пор появилась новая информация. Вся она имеется в полном объеме выше.

Если же у вас нет технических навыков, чтобы самому сделать качественный шаблон или изменить существующий, то лучше обратиться к профессионалам. Они вам все сделают. Но стоить это будет копеечку, да и немалую.

Если же средств на такой вариант нету и технические навыки также отсутствуют, то сильно не заморачивайтесь над этим вопросом. Установите наиболее простой шаблон (чтобы не навредить сайту чрезмерными настройками) и собирайте капитал. Потом сможете приобрести идеальный вариант шаблона для вашего сайта..

В окончание этого материала хочу услышать ваши советы по выбору шаблона. На что еще необходимо обращать внимание? Может быть имеются еще какие-то серьезные моменты, которые я не учел?

На этом все, ребята. До скорой связи.

С уважением, Константин Хмелев.

40 лет Победы51937Украина, Днепропетровская обл., г. Днепродзержинск,+38 093 338 11 41
Комментариев: 2
  • Что Вы думаете про шаблон Мантра?

    • Никогда не сталкивался с таким.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *