Как выбрать шаблон (тему) для сайта на WordPress

Когда вы собираетесь создавать свой сайт, вы возможно ещё не представляете как он будет выглядеть. После установки вордпресса выясняется, что нужен хороший шаблон или как его ещё называют тема оформления сайта. Пошарив в интернете, вы замечаете, что тем для вордпресс великое множество. Возникает вопрос "Как выбрать шаблон для сайта на WordPress?". Углубившись в решение этого вопроса вы обнаруживаете, что шаблоны бывают бесплатные и платные. И тут становится совсем не понятно какой выбрать шаблон для WordPress.

Бесплатные шаблоны хорошо это или плохо? Ну конечно же это хорошо, хотя бы потому, что бесплатно – скажет большинство пользователей wordpress. И это верно, НО только от части. Некоторые бесплатные шаблоны вообще не хуже платных. А платные ещё не значит, что качественные. В этой статье мы рассмотрим достоинства и недостатки разных шаблонов. Я расскажу вам, какие неприятности могут вас подстерегать при выборе шаблонов или тем  для сайтов на WordPress. За время поисков подходящего шаблона для своего сайта, я перепробовал их огромное количество. Поначалу я отвергал платные и даже на них не обращал внимания.

Как выбрать шаблон для сайта на WordPress

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

  1. Удобства пользования сайтом определяет система навигации: менюшки, списки ссылок, удобство предоставления информации.
  2. Привлекательность определяется оригинальностью оформления сайта.
  3. Интерес обеспечивает уникальный, интересный и полезный контент.

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

Советы как выбрать шаблон для сайта на WordPress

  1. Для начала я вам рекомендую просто задать в поиске самые важные поисковые ключи по вашей тематике. И просто посмотреть как оформлены сайты. Возможно вам понравится какое либо оформление. Это вам нужно для примера, образца. А если вам полностью нравится оформление какого либо сайта и хочется такой же шаблон, то попробуйте ввести его название на сайте https://whatwpthemeisthat.com. Если сайт на вордпрессе и тема бесплатная скорее всего вы получите её название. И потом сможете отыскать её в интернете.
  2. Далее вам предстоит начать просматривать имеющиеся шаблоны в репозитории wordpress.org. Они бесплатные и гарантировано без всяких заражений. Среди множества тем можно отыскать нечто подходящее. Сходство с образцом скорее всего изначально может быть не большое. Но это не страшно, его всё равно придётся дорабатывать. Этого бояться не надо, это нормальная работа по уникализации вашего сайта.
  3. Если вам окажется этого не достаточно предлагаю посмотреть еще несколько сайтов с бесплатными шаблонами для вордпресса: ru.wordpress.org/themes,
    wp-templates.ru, wordpresse.ru/shablony, www.wpfree.ru, www.hostinger.ru/rukovodstva/besplatnye-shablony-wordpress. Есть множество и других сайтов.
  4. Если среди бесплатных вы ничего не можете найти, то попробуйте искать среди платных. Вот вам несколько сайтов с хорошими шаблонами: www.goodwinpress.ru, www.templatemonster.com/ru/wordpress-themes-type, wpshop.ru/themes.

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

Платные шаблоны

Что в них плохого? Пожалуй только то, что их нельзя попробовать и то, что они платные. Да такие шаблоны, можно посмотреть только на сайте производителя и нельзя опробовать на своем сайте. Цены в основном колеблются около 600 р, иногда достигая 1200-1500 р, и совсем редко до 3500 р. Конечно если вы будите заказывать новый шаблон исключительно для себя, то он вам может обойтись в 15 000 и даже в 25 000.  Всё остальное смело можно отнести к хорошему, так как платные шаблоны в основном пишутся квалифицированными программистами, достаточно хорошо разбирающимися в вопросах построения сайта, управления контентом, оптимизации поиска и т.д., а так же имеющими не плохой дизайнерский вкус.

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

Условно Бесплатные шаблоны WordPress

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

GeneratePress расположил названия рисунка поверх самого рисунка
Как выбрать шаблон для сайта на WordPress — GeneratePress расположил названия рисунка поверх самого рисунка
  1. На тестовый период (если таковой имеется, это примерно 1 месяц) не предоставляются полностью все функции настройки. Я думаю это не хорошо, так как нельзя попробовать и полностью оценить все цацки своими руками. Написано лишь, что они есть и воспользоваться ими можно будет только после покупки шаблона.
  2. После истечения тестового периода начинается конкретное вымогательство денег, путем отключения некоторых функций и порчи дизайна. Подписи рисунков могут располагаться на самом рисунке и закрывать его часть. Один из таких примеров рисунка после тестового периода работы шаблона GeneratePress находится перед вами слева.
  3. Содержание  тега h1 подменяется на что-то не соответствующее названиям сайта и страниц. Или тег h1 отсутствует полностью. А это уже серьезная диверсия. Это значит, что ваш сайт и ваши статьи выпадают из списков поиска и не будут доступны пользователям интернета из поисковиков, что ведет к резкому снижению количества новых посетителей на сайте вплоть до нуля.
  4. Иногда невозможно переключиться на другой шаблон или после переключения, смешивается дизайн двух шаблонов. Например: новостная лента останется от старого шаблона, а внешний вид отдельной статьи будет уже от другого, на который переключились.
  5. Тестовая версия шаблона может быть напичкана ссылками на сайты производителя с контролем их наличия. Такие ссылки трудно удалить, так как их наличие проверяется и в случае их отсутствия сайт не работает. А вместо содержимого сайта выдается совсем не полезное сообщение типа "сайт не работает", "сайт заблокирован", "купите шаблон" или ещё что нибудь.

Ну а теперь самое интересное.

Бесплатные шаблоны WordPress

Как выбрать шаблон для сайта на WordPress - Бесплатные шаблоны WordPress Картинка
Как выбрать шаблон для сайта на WordPress - Бесплатные шаблоны

Чтобы ответить на вопрос как выбрать шаблон (тему) для сайта на wordpress, когда вы рассматриваете бесплатные шаблоны, вы должны понимать для чего они созданы. Бесплатных шаблонов огромное множество. Как утверждает интернет их десятки тысяч. И конечно же их основное достоинство это бесплатность. Бесплатные шаблоны пишут в основном для рекламы платных, а так же начинающие и малоопытные программисты. И не всегда такие шаблоны соответствуют всем нормам или стандартам. О таких несоответствиях или ошибках я хочу вам рассказать. Какие могут быть визуальные недостатки бесплатных шаблонов?

  1. Отсутствие возможности настройки вставляемого изображения (размер, обтекаемость текстом). Примеры шаблонов "Alcyone" и "Airplane Theme" ниже.
    Шаблон Alcyone - нет настроек обтекаемости изображения
    Как выбрать шаблон для сайта на WordPress — Шаблон Alcyone - нет настроек обтекаемости изображения

     

    Шаблон Airplane Theme - нет настроек обтекаемости изображения
    Как выбрать шаблон для сайта на WordPress — Шаблон Airplane Theme - нет настроек обтекаемости изображения
  2. В тексте статьи, знаки препинания могут прилипать к началу следующего за ним слова. (бывает и такое).
  3. Описание статьи может закрывать название статьи. (неправильное оформление кода в CSS).
  4. Отсутствие возможности вставить картинку (логотип) в шапку шаблона.
  5. Ограничение количества объектов в левой или правой колонке или в обоих. Дальнейшее добавление объектов ведет к переносу их на территорию новостной ленты, что полностью портит дизайн.
  6. Самодостаточность. Такие шаблоны написаны уже профессионалами либо для рекламы, либо для каких-то конкурсов. Они могут быть достаточно красивыми, уже содержать в себе код важных плагинов типа: последние записи, популярные записи, теги, рекомендую читать…, но в админке может отсутствовать раздел виджеты. Т.е. полностью отсутствует возможность, что либо, куда либо добавить. Кроме как только изменять код. Представитель такой самодостаточности «Simple Magic».
  7. Важнейшим на данный момент является наличие адаптивного дизайна. Это подстраивание изображения содержимого сайта под размер экрана устройства посетителя. Данный параметр очень сильно влияет на поведенческий фактор посетителей и количество отказов. Другим словом посетители зашедшие на ваш сайт со смартфона или планшета, если им будет неудобно читать ваш текст скорее всего уйдут искать другой сайт. У бесплатных шаблонов адаптивность присутствует далеко не всегда.

Конечно среди огромного множества тем, можно найти не мало шаблонов, которые по качеству и по наворотам не уступают платным. Единственным их недостатком может быть плохая адаптация к переводам на другие языки или частичный перевод (например только сам сайт, а админка полностью на английском). Для примера можете попробовать «Suffusion». Это отличный представитель бесплатных шаблонов WordPress и достойный конкурент платным шаблонам. Но при всем богатстве его функционала иногда хочется, что-то сделать по своему, с помощью плагинов. И тут думаешь: «А зачем два комплекта одинакового ПО?». Это только утяжеляет сайт и ухудшает время его загрузки. Хотя при проверке скорости загрузки сайта с шаблоном «Suffusion» проблем выявлено не было. Видно автор шаблона хорошо поработал над оптимизацией кода.

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

  1. Неправильное использование тега h1. На всех страницах в тег <h1> заключён адрес сайта. Название же статей заключено в тег <h2>. Это определенно плохо для поиска ваших статей. Поэтому, скорее всего тему придется заменить.
  2. Неправильное использование тега h1 на главной новостной ленте. Все названия статей заключены в <h1>. То есть на одной странице будет не один тег <h1>….</h1>, а много. Это тоже очень плохо. Поисковые системы не однозначно относятся к таким страницам и либо реагируют только на первую запись, либо исключают всю страницу из индексации. На любой странице сайта тег <h1>….</h1> должен быть только в одном экземпляре! Тему придется заменить.
  3. В страницах сайта может быть вставлен код стилей. Это тоже не хорошо особенно если кода много. Этим страдают, как правило, шаблоны с большим количеством настроек. Коды стилей должны быть вынесены в отдельные файлы. Желательно в один. Тогда стилями легче управлять и страницы загружаются быстрее.
  4. Если у вашей темы есть боковые колонки, так называемые сайт бары, хоть одна, хоть две, то лучше выбирать те шаблоны у которых код сайт баров будет находиться после главного кода новостной ленты. Тогда главная лента и в целом весь сайт будут загружаться значительно быстрее. А поисковые машины будут лучше индексировать ваши страницы. Темы с другим расположением кода будут значительно хуже для поиска и для скорости загрузки сайта.
  5. Наличие битых ссылок. Даже бесплатные темы частенько обновляются, улучшаются, код их дописывается или изменяется, изменяется комплектация. Некоторые уже не актуальные вещи удаляются. И часто изначально задуманные ссылки в шаблоне на картинки или флешь, если их не удалили, со временем могут вести в никуда. То есть ссылка осталась, а объекта уже нет. Проход по этой ссылке вызовет страницу ошибки 404. Это очень плохо для рейтинга сайта в поисковых машинах. Такую ссылку вы можете долго не замечать, но поисковые машины мгновенно её обнаружат. Так что обязательно тестируйте шаблоны на наличие битых ссылок. Для этого можно использовать такие сервисы «gtmetrix.com» и «tools.pingdom.com» или плагин «Broken Link Checker».
  6. Ссылки на посторонние сайты. Наличие ссылок в тексте на авторитетные источники информации это даже хорошо, но сейчас не об этом. Писатели, создающие бесплатные шаблоны wordpress, практически все грешат тем, что вставляют рекламные ссылки на свои или реферальные сайты. Иногда их бывает очень много (до 7 и даже 11). Для выявления таких ссылок в шаблонах используйте плагин «TAC». Плагин проверит все шаблоны, установленные на вашем сайте, и покажет, есть ли на них посторонние ссылки и где они находятся. Для молодого сайта лишние ссылки на чужие сайты не нужны и от них надо избавиться. Удалить ссылки вы можете сами или за небольшую плату попросить фрилансеров.
  7. Ошибки кода html. Сильно этим могут страдать именно бесплатные шаблоны wordpress. Как утверждают большие специалисты, избавиться полностью от ошибок кода html почти невозможно. Но надо не допустить наличие критических ошибок и общее число ошибок свести к минимуму. Ну хотя бы меньше 100. В этом вам поможет сервис validator.w3.org. После тестирования какой либо страницы вашего сайта (то есть конкретного URL) сервис покажет сколько и каких ошибок он обнаружил в коде HTML этой страницы, а также где они находятся. Некоторые ошибки можно будет исправить самому, а некоторые помогут программисты фрилансеры.
  8. Может случиться так, что необходимый вам плагин не захочет работать с выбранным шаблоном. Ну что же, лечение только одно. Замена, либо плагина на похожий, либо шаблона, если нет возможности заменить плагин.
  9. Нет поддержки работы дочерней темы. Конечно это не критично, но и не хорошо. Использование дочерней темы снижает риски при внесении изменений в файлы шаблона.
  10. Отсутствие поддержки структурированных данных или микроразметки Schema.org. Это тоже не смертельно и можно реализовать самому с помощью плагина или в ручную. Микроразметка важный элемент современного SEO и об этом надо помнить, и проверять шаблон на его наличие.

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

Как только вы определились со своей новой темой проведите кучу тестов. Запустите все, которые сможете найти. Проверьте безопасность темы плагином TAC (Theme Authentication Checker), безопасность сайта (плагином Sucuri). Запустите тесты скорости передачи страниц и мобильных устройств, чтобы проверить, не возникли ли проблемы. Если они возникли, попробуйте их устранить или ищите новую тему.

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

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

Выберите себе качественный и эффективный шаблон!

Как выбрать шаблон (тему) для сайта на WordPress

Лучшие примеры бесплатных и платных шаблонов

Из бесплатных шаблонов в репозитории WordPress мне удалось найти очень неплохой с названием graphy. У него очень лёгкий адаптивный код. Шаблон русифицирован и практически лишён недостатков. Сайт с этим шаблоном загружается очень быстро и смотрится хорошо. Настройки простые. Рекомендую попробовать. Возможно понравится.

Из платных вариантов мне больше всего понравился шаблон ROOT. Великолепный внешний вид. Огромное количество настроек внешнего вида. Адаптивный, SEO оптимизированный код, с микро разметкой.  Абсолютно валидный. Содержит уже в себе смайлики, слайдер, спойлеры, кастомные виджеты, встроенные места для рекламы, без тяжелых фреймворков, интеграция с соц. сетями... Множество встроенных плюшек, заменяющих многие плагины. Отличная совместимость с SEO by Yoast. В теме есть стили для хлебных крошек, создаваемых Yoast SEO и отображение приоритетной рубрики. Попробуйте не пожалеете.

Я думаю вы теперь точно знаете как выбрать шаблон wordpress. Удачи вам в оформлении вашего сайта.

Понравилась статья? Поделиться с друзьями:
Comments: 2
  1. Елена

    Года два-три назад я лично сталкивалась с Word Press, создавая собственный сайт… Ерунду какую-то писала, посещаемость сама себе обеспечивая и уговаривая посетить мою страничку друзей и знакомых))) Да, это дело было платным, сайт «не пошел», но опыт – его, как говорится, не пропьешь)))

  2. Светлана

    Здравствуйте, Александр.
    У Вас полезный нужный блог.
    Сразу видно, что Вы профессионал в своем деле)
    А компьютеры синклер спектрум я тоже помню — тогда это был просто шедевр!
    И не каждому доступен.

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Запросов к MySQL: 104 | Время генерации страницы 0,312 сек