Что нужно рассмотреть при выборе WordPress-темы

Дата публикации:Январь 7, 2015

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

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

1-google-search-opt

Другими словами, насколько проще приобрести бутылку вина, если вы знаете, что вы предпочитаете красное, и ваше любимое вино – это австралийский Шираз? Такая небольшая подсказка позволяет свести выбор из 500 бутылок вина в магазине до 10.

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

Для начала давайте ответим на один из популярных вопросов: стоит ли платить за WordPress-тему, или можно обойтись бесплатной?

Платные или бесплатные темы? Что лучше?

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

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

Плюсы платных тем

Чаще обновляются. Возможно, самый неопровержимый довод в пользу выбора платной темы – это то, что такие темы чаще обновляются. Учитывая быстрое развитие системы управления контентом WordPress, наличие темы, которая постоянно обновляется, чтобы исправить разные проблемы безопасности, критически важно.

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

Лучшая документация. Большинство премиум-тем включают в себя детальное описание в виде PDF, которое позволяет настроить их. Такая документация менее распространена для бесплатных тем.

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

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

Минусы платных тем

Цена. Вам понадобится инвестировать от 50 до 200 долларов в платную тему.

Больше настроек. Основная масса платных тем имеет свою собственную панель настроек с кучей разных опций, что потребует времени на их изучение и применение.

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

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

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

Скорость. Легкие темы или мощные темы?

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

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

Понимание проблемы является первым шагом к ее предотвращению. Из-за чего тема снижает скорость сайта? В целом, все сводится к трем вещам:

Слишком много возможностей. Опасайтесь тем, которые имеют десять разных слайдеров, двадцать предустановленных плагинов, а также массу анимации на Javascript. Все это может звучать круто, но веб-сайт, который посылает HTTP-запросы к 50 JS-файлам, никогда не будет работать оптимально.

Злоупотребление большими форматами файлов. Ключевое слово здесь «злоупотребление», что многие понимают слишком субъективно. Постарайтесь избегать тем, которые используют много полноэкранных изображений, фоновых видео и т.д. Чем меньше, тем лучше.

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

Вот специальный тест, который работает как лакмусовая бумажка при выявлении того, насколько «раздута» тема. Перейдите к Pingdom Website Speed Test, введите URL демо-примера темы и посмотрите, как долго страница загружается и сколько HTTP-запросов она совершает.

Позвольте мне привести простое сравнение. Ранее в этом году я создал два сайта на разных фреймворках тем. Первый сайт, BrokerNotes, был построен на базе темы Frank (очень простой и легкой темы, разработанной с учетом скорости). В соответствии с Pingdom, главная страница совершала 38 HTTP-запросов и загружалась менее чем за одну секунду. Хотя 3.9 Мб для пропускной способности – это все же слишком много.

2-brokernotes-opt

Теперь давайте сравним с Qosy, веб-сайтом, который я создал, используя достаточно тяжелую тему с массой возможностей. Как вы можете видеть, главная страница совершала 61 HTTP-запрос и потребовала более 2,5 секунд для своей загрузки. Не самый плохой показатель, но все же разница во времени загрузки заметна.

3-qosy-opt

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

Дизайн и опыт взаимодействия

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

4-uglysite-opt

Во-первых, ищите темы на сайтах, которые используются лучшими дизайнерами для продажи своих творений. Возможно, это звучит очевидно, но это надо упомянуть. ThemeForest – мой фаворит, однако есть и другие хорошие магазины тем, как, к примеру, StudioPress или Elegant Themes.

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

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

Адаптивность

Учитывая, что мобильный трафик варьируется в разных областях, большинство отчетов показывает, что примерно 30% всех визитов на сайты происходит с мобильных устройств и планшетов.

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

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

Лучший способ определить, хороша ли адаптивная тема или нет – это запустить демо-пример через новый инструмент проверки «мобильной дружелюбности» от Google.

SEO

При установке одного из многих хороших SEO-плагинов, WordPress превращается в одну из лучших дружественных к SEO систем.

Однако многие темы имеют серьезные SEO-ошибки, как, к примеру, пропуск заголовка и alt тегов, дублируемый контент и ошибки URL.

При выборе темы смотрите на фразы «SEO optimized» и «SEO ready» в описании темы, однако не надо слепо верить словам. Важно, чтобы разработчик по крайней мере рассмотрел SEO-аспекты при создании своей темы. Хорошая практика проверить это – установить расширение в Chrome, такое как MozBar или SEO Site Tools, чтобы провести быструю SEO проверку для демо-варианта темы.

5-moztoolbar-opt

Объяснение того, что именно искать, выходит за рамки данной статьи. Вы можете ознакомиться с ним, прочитав статью Joost de Valk.

Простота настройки

Консоль настройки темы является стандартной для большинства тем. Она спасает вас от внесения ручных изменений в стилевые таблицы.

6-customizer-opt

Кроме того, такие плагины, как Visual Page Editor, помогают создавать сложную структуру страниц без касания к коду. В то время как многие WYSIWYG-редакторы являются несколько ограниченными, я считаю, что они в целом очень удобны для получения красивого сайта с минимальными усилиями. Если разработчики предлагают демо своей административной панели, я советую ознакомиться с ним, чтобы убедиться, что он позволяет настраивать все, что вам требуется.

Безопасность

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

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

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

7-reviews-opt

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

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

Заключение

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

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

Источник: http://www.smashingmagazine.com

Поделиться

6 комментариев

  1. Вчера у меня стал вопрос над сменой шаблона. Сейчас у меня стоит тема от гудвина «Emulator pro». Она быстрая, функциональная, но при большом наплыве посетителей, она начинает тормозить. В общем, я так и не выбрал нужную тему. Послушаю ваши советы.

  2. От системы tizernet. Если честно, то не очень у них реклама, не меняется. Те кто уже кликал по ним, никогда уже не кликнет, нет нового и интересного. Зачем интересуетесь?

  3. Спасибо, ))) да вот новую тизерку хочу поискать, всегда только с ледикеш работал…

  4. Катя says:

    Когда-то я искала тему, которая содержит главную в виде небольшой презентации и блог в виде сетки (те использование статических страниц). Таким тем бесплатных немного или они полубесплатные. В теме все устраивает, даже автор предусмотел и создал файл с schema, за исключением одного НО — отсутствие файлов single.php, а присутствие вместо него во внутренней папке функционального файла content.php, которые вообще редактировать нельзя. Т.е. я лишилась возможности вручную, допустим вставлять код социальных кнопок, страниц, последних публикаций без плагинов. На сайте автора многие задавали вопрос по этому поводу — автор отвечал, что ручных настроек контента в коде произвести невозможно, только в настройках админки. Для меня конечно обидно. Пока замены темы не нашла. Хотела бы спросить, как вообще относиться к таким темам, где невозможно вносить изменения в код шаблона? Если интересно, это не реклама, тема есть на официальном wordpress, называется Enlightenment

    • Дмитрий says:

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

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

      Вот ссылка на иерархию шаблонов: https://developer.wordpress.org/themes/basics/template-hierarchy/

Оставить комментарий

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

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