Блог по продвижению сайтов Блог по SEO

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

Просмотров: 7550

Суметь правильно выбрать шаблон для будущего сайта – это половина успеха в будущем создании и развитии проекта.

На сегодняшний день по моим ощущениям шаблоны используются в 80-90% всех сайтов. И это логично: зачем каждый раз изобретать велосипед, если можно воспользоваться готовыми наработками.

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

Более того, в большинстве сайтов все стандартно и знакомо: о нас, контакты, скачать прайс и т.п.

А типовые задачи требуют стандартных решений. И одно из них – шаблон.

Что такое шаблонный сайт

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

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

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

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

шаблонные-автомобили

То есть шаблон - он как готовый проект дома, или как машина с конвейера.

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

Но чтобы сделать что-то новое, нужны усилия не одного человека, а нескольких: привлекать дизайнера (для макета), верстальщика (для вёрстки из макета html файлов) и программиста (для натяжки html на движок) + выступать во всем этом процессе координатором (за всем этим балаганом следить и управлять).

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

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

уникальные-сайты

При этом его цена, безусловно, резко увеличится вне зависимости от того, красивый он или не очень, модный/не модный, неважно: он другой - и этим уже все сказано.

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

ВажноЭто важно!

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

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

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

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

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

С чего начать выбор шаблона

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

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

Принципиальные моменты поменять уже не получится. То есть из легковушки джип не сделаешь. А вот цвет перекрасить или поменять колёсные диски теоретически можно, естественно, за дополнительные и немалые деньги, но всё-таки можно.

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

Читайте также:  Политика конфиденциальности для сайта - скачать образец

Рекомендую почитать:
Оптимальная CMS для интернет-магазина
Оптимальная CMS для обычного сайта
Оптимальная CMS для блога

7 признаков подходит ли CMS для SEO-продвижения

Если вы решили сделать себе современный сайт, то вот тут я разместил 15+ бесплатных рекомендации для владельцев сайтов "Как создать свой сайт с нуля самому" и получить толковый результат. Постарался сделать максимально кратко, и при этом разобрать все основные ошибки новичков.

Определились с CMS?
Тогда выбирайте шаблон для сайта, ориентируясь уже на внешний вид и функционал. Шаблоны бывают платные и бесплатные.

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

90% всех шаблонов – это профессиональные платные шаблоны от серьезных студий. И это в общем-то хорошо, что они платные! Ведь это означает, что студия прилично потратилась на создание действительно классного проекта. А затем продает его в розницу всем желающим. С миру по нитке – студии идет заработок.

Посмотрите, стоимость выкупа шаблона обычно указана рядом и соответствует издержкам студии и как правило всегда превышает 3000-4000$. То есть создать любой профессиональный шаблон с нуля стоит примерно столько. А вы готовы потратить такую сумму на свой сайт с подобным уникальным дизайном и таким же функционалом? Нет? Тогда покупайте шаблон :smile:

В этом случае вы получаете максимально стабильный, стильный, современный, адаптивный сайт за в общем-то гуманные деньги.
Цены на платные шаблоны в розницу обычно колеблются от 30$ до 70$.

Простые шаблоны для сайтов визиток и блогов на WordPress
Вот тут https://wpshop.ru/themes/root рекомендую посмотреть хоть и платные, но реально простые, русские шаблоны, сделанные славянами для славян - а значит, удобные функциональные и с отличной техподдержкой. Я делал на них несколько проектов, просто супер как всё просто и быстро!

Сервис покупки шаблонов

Мне понравился русскоязычный сервис с шаблонами на любую тему - https://galior-market.ru/

Оплатить выбранный шаблон на любом сервисе можно обычной картой VISA/MasterCard из любой страны мира, в том числе из России, Белоруссии и т.п.

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

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

Самые дешевые цены на шаблоны с установкой:

Вот тут шаблоны для WordPress - перейти
Вот тут шаблоны для Opencart - перейти
Вот тут шаблоны для Битрикс - перейти
Вот тут шаблоны для Magento - перейти
Вот тут шаблоны для Prestashop - перейти

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

Да, да, можно скачать шаблон совершенно бесплатно! Бесплатные шаблоны представляют собой отличную возможность максимально недорогого старта, так как за сам шаблон платить не нужно, только за установку и настройку. А если есть знания HTML/CSS можно вообще все сделать самому!

Основное преимущество бесплатных шаблонов – ну понятно, цена, точнее ее отсутствие, но еще и важно отметить их простоту.

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

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

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

очень-сложный-шаблон

Они понимают, что никогда сами не осилят ЭТО!

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

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

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

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

Там всё редактируется простыми и понятными настройками.

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

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

Согласитесь, что гораздо удобнее, когда есть ответственный автор, к которому можно обратиться с вопросами, вроде: "А почему вот тут я нажимаю, а не срабатывает?" или "Ставлю модуль, а он не ставится?" или "Как мне включить режим обслуживания" и т.п.

Шаблоны нужно брать только из проверенных источников.

Платные шаблоны - бесплатно

Читайте также:  Лучшие плагины для Wordpress в каждый сайт

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

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

вирусы-внутри-бесплатных-шаблонов сайтов

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

То есть платные шаблоны бесплатно – это супер, только нужно 100% знать, где их качать.
Естественно, это будут какие-то неофициальные сайты, оптимально, если проверенные сообщества, форумы специалистов и т.п., где происходит обмен платными шаблонами.

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

Установка и настройка шаблона - не все так просто

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

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

Не говоря уже, что вы должны отлично понимать, что такое SQL и как на хостинге создать базу данных, установить CMS (например, про установку WordPress CMS можете почитать тут, чтобы оценить – потянете ли вы все это), работать по FTP - короче если раньше никогда не использовали эти инструменты, то будет ацки непросто :devil:

Сражаться с шаблоном можно неделями :wall: поэтому если у вас нет большого желания стать веб-мастером, то смысла в такой самостоятельной настройке нет. Проще заплатить специалистам, вам в течение одного-двух дней (или даже часов! в зависимости от шаблонов и настроек) все сделают, тем более это стоит всего от 500₽ - вот тут https://kwork.ru/search?query=%D1%83%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0%20%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B0

Рекомендую прочитать вот эту статью о том, как правильно выбирать фрилансера на бирже.

Хочу изменить шаблон!

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

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

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

Цена такой работы может в разы превышать стоимость самого шаблона.

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

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

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

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

изменения-в-шаблоне

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

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

Точно также и с сайтами на шаблонах.
Выбрали, установили, поменяли картинки на свою тематику и на этом всё!

Так что выбрать: шаблон или уникальный дизайн

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

Например, увидели у конкурента обалденный сайт и решили себе сделать примерно такой же.

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

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

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

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

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

Непрофессиональный дизайн

99% всех уникальных «дизайнов» что я видел – были настолько страшными, что уж поверьте, лучше использовать шаблон. Ну подумаешь, некрасивый кривой сайт, он же работает, и уникальный, чем это плохо?

Читайте также:  В Opencart не работает и не показывается каптча в товаре

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

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

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

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

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

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

Веб-студии с портфолио, соответствующим этим требованиям, за совсем копейки не работают, поэтому ценник на нормальный уникальный сайт обычно стартует от 1000$ и могут достигать 7-10 тыс. $ за действительно качественный сайт.

Дизайн – это не только картинка!

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

Так бывает, когда клиент «ведется» исключительно не картинку и не понимает, что да, картинка очень важна - это основа, но не менее важно и то, как эта картинка сверстана и запрограммирована.

Ведь кроме дизайна разработчик должен гарантировать:

  • Изначально правильно подобранную для нужда клиента панель управления.
  • Качественную верстку: чтобы ничего не развалилось, когда вы через месяц решите поменять местами пару блоков на сайте и вдруг с удивлением узнаете от своего верстальщика, что мол, верстка текущего сайта - полное г, чтобы сделать даже такую простую работу нужно все напрочь переделать, вот счет с двумя нулями.
  • Адаптивность: чтобы сайт правильно и интересно показывался в любых разрешениях хотя бы от 300px до 2560px.
  • Mobile First: чтобы в мобильных устройствах грузился только нужный код, а не все подряд, это влияет на ранжирование как минимум в Google, да и скорость загрузки на мобильных обычно ниже, чем в стационарных сетях, нужно чтобы там все летало.
  • Кроссбраузерность: чтобы и в Chrome, и в Opera, и в Firefox – сайт показывался стабильно.
  • Грамотный кодинг: чтобы сайт «летал» на любом даже самом дешевом виртуальном хостинге, не требовал каких-то нереальных библиотек php, все его элементы удобно менялись через админку, а не просто были вбиты кусками кода, при этом легко и без последствий обновлялся до любой новой версии движка (если нет какого-то очень специфического функционала) и т.п.

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

Посмотрите как НЕ надо делать сайт:

Увы, в 99% этот сайт (и потраченные деньги и время) придется выкинуть и делать новый.

Под видом уникального дизайна впаривают шаблон

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

Просто клиенту об это ничего не говорилось. А там попробуй пойми. Мол, «желали красный сайт со слайдером и блоком новостей, вот, пжалллста, получите». Всё под вас писали!

На самом деле банально нашли шаблон, чуток подрихтовали и сайт готов :smile:

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

Как создать свой сайт и не сделать ошибок новичков
мини книга как создать сайт

Бесплатная мини-книга
Тема: как, где и для чего создать свой сайт, разбор основных ошибок владельцев сайтов.
Стоимость: бесплатно
Актуально: да
Формат: .pdf
Размер: примерно 35 страниц

Подробнее об этой книге

Выводы и итоги

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

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

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

Удачи в бизнесе!

Полезный совет: Нажатие клавиш "WIN + D" позволяет быстро скрыть текущие окна и перейти к рабочему столу Windows.

Блог — Сергея Арсентьева 📈
image
Сергей Арсентьев
Всего материалов на сайте: 239
Активных комментариев: 3 500
Работает онлайн: 10.6 лет
Читателей за это время: 2 465 761
Я в соцсетях —
Фото
Бесплатный видеокурс для начинающих. Что такое фриланс, можно ли на нем зарабатывать и сколько?
Бесплатно Подробнее
Фото
Бесплатная мини книга для тех, кто хочет заказать сайт, но растерялся во множестве CMS и вариантов выбора.
Бесплатно Подробнее
Фото
Пошаговый видеокурс "Как работать в Опенкарт" с уроками по добавлению товаров и статей.
Комментариев 1
  • Александр

    Спасибо за интересную статью.

    Комментировать
Смотреть еще комментарии
Добавить свой комментарий