Существует распространенное заблуждение о том, что шаблон сайта – это плохо. И даже выражение «шаблонный дизайн» намекает нам на то, что с дизайном что-то не так. Это вызвано сложностью перевода. Несмотря на то, что перевод слова “template” с английского правильный, в нашей культуре у слова «шаблон» есть негативный оттенок. Потому стоит разобраться с тем, что собой представляет шаблон сайта.
Что такое шаблон сайта?
Когда вы пользуетесь интернет-магазином или другим сайтом, вы посещаете однотипные страницы, которые работают и выглядят одинаково. Например, страницы разных товаров выглядят идентично и меняется в них только контент. Так же и категории товара, и статьи, и все остальные страницы.
У каждого типа страницы есть свой шаблон. Он состоит из верстки (дизайн сайта, сверстанный кодом специальных языков) и программных команд, которые производят вычисления и подставляют необходимый контент в верстку.
Т.е. шаблон – это комплекс программного кода и кода верстки. У каждого сайта есть шаблон и у каждого типа страниц шаблон отличается.
Даже если вы не покупаете готовый шаблон, а заказываете разработку дизайна индивидуально, у сайта все равно будет шаблон, просто єто будет уникальній шаблон, сделанній на заказ.
Это ключевая сущность сайта и наиболее значимый фактор, влияющий на стоимость разработки сайта.
Если мы говорим о разработке интернет-магазина, то имеем в виду, что минимально нам понадобятся такие типы страниц как главная страница, страница категории товаров, страница товара, страница оформления заказа, страница ошибки 404. Но в большинстве случаев, к этому списку могут добавиться и такие страницы как страница результатов поиска, страница избранных товаров, страница сравнения товаров, страницы личного кабинета, страницы блога и т.д.
Каждый тип страницы нужно нарисовать, сверстать и запрограммировать. Другими словами, сделать шаблоны этих типов страниц.
В первую очередь, именно это влияет на то, что интернет-магазин стоит дороже, чем сайт-визитка. Просто потому, что больше шаблонов, ну и сами они сложнее.
Когда мы говорим о шаблонном дизайне, то имеем в виду такой же шаблон. Только он сделан не индивидуально под проект, а для розничной продажи.
Потому, разработка сайта на готовом шаблоне и пользуется большой популярностью, поскольку это позволяет сэкономить значительную сумму на разработке сайта.
Но использование готового шаблона может привести к ряду проблем.
Сложность выбора шаблона
Большинство людей, выбирая шаблон, смотрят на него как на картину и оценивают, нравится ли им в целом это произведение. При этом не учитывают, что при смене контента сайт будет выглядеть совсем иначе.
Разработчики шаблонов используют качественные изображения, сделанные в одном стиле. Когда владелец начинает менять изображения на свои, сайт часто перестает быть привлекательным. Даже если это не размытые фотографии со смартфона, сделанные в плохую погоду, фотографии в разной цветовой гамме уже могут привести к утрате того визуального восприятия, из-за которого шаблон был выбран.
При индивидуальной разработке дизайна сайта работа начинается с проработки контента, а потом выбирают способы оформления логических блоков и каждого типа контента. Это позволяет максимально эффективно и эффектно построить презентацию компании и продукта. При работе с шаблоном все происходит наоборот. В шаблоне предусмотрено оформление нескольких типов контента и в итоге контент подгоняют под оформление, что далеко не всегда позволяет выстроить правильную презентацию.
Технические проблемы шаблонов
Сам факт использования готового шаблона с маркетплейса не означает, что возникнут технические проблемы. Это зависит от того, как шаблон сделан.
7-10 лет назад шаблоны делали не так как сейчас, и у них не было большинства проблем, о которых дальше пойдет речь. В большей степени из-за того, что шаблоны использовали встроенный функционал движка сайта.
Сейчас шаблоны делают иначе: на CMS устанавливают отдельный движок шаблонов и массу дополнительных плагинов, которые обеспечивают программную составляющую шаблона. Делается это для того, чтобы дать возможность человеку без специальных навыков делать сложные страницы и управлять их контентом. Этой цели, на мой взгляд, достичь не удалось, поскольку эти инструменты обширны и сложны, их много видов и они требуют обучения для корректного использования. Учитывая разнообразие CMS, движков шаблонов и плагинов, времени на изучение всего этого требуется больше, чем на то, чтобы научиться писать сайты самостоятельно. Тем не менее, это породило отдельную категорию разработчиков, которые занимаются сборкой сайтов из готовых движков, плагинов, модулей и т.д. И часто эти разработчики не владеют кодом вообще, или владеют на очень низком уровне.
Сайты на таких шаблонах могут практически не использовать функционал базового движка, что обесценивает преимущества, ради которых движок был выбран, а также делает бесполезными знания разработчиков, которые специализируются на этом движке.
Использование таких шаблонов приводит к ряду проблем
Проблемы со скоростью
Движки шаблонов, конструкторы страниц и большое количество плагинов приводят к замедлению работы сайта на стороне сервера. Также они подключают к страницам сайта огромное дополнительных количество файлов (стилей, скриптов, шрифтов), что замедляет загрузку сайта в браузере пользователя.
Проблемы с безопасностью
Использование большого количества сторонних плагинов увеличивает вероятность взлома, поскольку плагины далеко не всегда пишут хорошие программисты и они могут случайно оставить уязвимость. А могут и не случайно, особенно это относится к бесплатным плагинам.
Проблемы с профессиональной доработкой сайта
Шаблон может включать в себя 10-100 тысяч файлов. Чтобы доработать какой-то функционал, нужно найти необходимую функцию в этих файлах и найти все связи этой функции с остальным кодом. Поиски в таком количестве файлов могут занять десятки часов и в итоге стоимость не самого сложного функционала может быть соразмерна стоимости переписывания сайта целиком.
Для каких проектов можно использовать готовые шаблоны?
Очевидно, что если вы планируете развивать свой бренд, то шаблоны – это не ваш путь. Вам нужно прорабатывать бренд, разработать фирменный стиль и уже под него делать дизайн сайта.
Но если у вас маленький стоматологический кабинет в спальном районе и клиентов вы привлекаете разнося листовки по почтовым ящикам и не планируете бороться за позиции в поисковой выдаче, но при этом вам нужен сайт, который вы укажете в листовке, на котором разместите ценовую политику, контакты и краткую информацию о докторе, то вариант с готовым шаблоном может подойти.
Как минимизировать проблемы, работая с шаблоном?
Единственная причина существования готовых шаблонов – это необходимость минимизировать расходы на разработку сайта.
Так как же мы можем минимизировать эти расходы?
Использование html-шаблона
Можно убрать расходы на разработку дизайна и верстку, используя готовый html-шаблон. В этом случае останется только работа по адаптации верстки под выбранную CMS. С точки зрения технических проблем, в этом случае остаются только вопросы к качеству верстки шаблона.
Использование готового дизайна
Можно выбрать любой шаблон в качестве примера дизайна и полностью его переверстать и запрограммировать. Таким образом, мы убираем расходы на разработку дизайна и техническое качество остается под нашим полным контролем.
Использование качественного готового шаблона.
При условии наличия качественного шаблона, можно максимально минимизировать расходы на дизайн, верстку и программирование шаблона. Вот только качественных шаблонов мы не видели уже много лет. Именно поэтому мы решили сделать свой шаблон. Мы не можем похвастаться разнообразием шаблонов, как специализированный маркетплейс, тем не менее, у нас есть очень быстрый шаблон с чистым кодом, который можно перекрасить в любой цвет и дорабатывать без ограничений.
Как правильно подойти к заказу сайта на готовом шаблоне?
Начните с составления структуры сайта. Для удобства, можете представить себе меню сайта. Составьте список страниц сайта. Определите цели и задачи каждой страницы. Определите целевую аудиторию и пропишите несколько наиболее вероятных сценариев использования сайта (с какой потребностью или вопросом, в какой обстановке приходит пользователь на сайт, как он туда попадает, через какой канал рекламы и т.д.).
После этого нужно подготовить контент сайта, учитывая цели и задачи страниц и сценарии использования сайта. Тексты необязательно должны быть финальными, но желательно, чтобы они были близки к финальным и было понятно, в каком блоке сколько текста планируется. Если нет возможности сделать свои собственные качественные фотографии для сайта, то воспользуйтесь фотостоками.
Далее нужно спроектировать страницы сайта. Постарайтесь схематично нарисовать ваш сайт. Вы можете это сделать в любой графической программе или просто на листе бумаги. Макет должен учитывать контент - это нужно для того, чтобы выбрать оптимальное оформление конкретного типа контента. Например, есть много способов отобразить на сайте преимущества компании, но они далеко не всегда взаимозаменяемы. Выбор основывается на количестве преимуществ и объеме текста (короткий тезис, короткий тезис и 2-3 строки описания, длинный тезис и т.д.).
Когда у вас будут макеты страниц, вы можете приступать к подбору шаблона. Стоит подбирать шаблон, в котором предусмотрены типы контента, которые будут у вас. Не страшно, если не все типы контента предусмотрены в шаблоне, эти типы можно доработать индивидуально. А если вы рассматриваете переверстывание шаблона, то вы смело можете подбирать оформление разных блоков из разных шаблонов.
Если вы решили разрабатывать сайт на базе готового шаблона, то рекомендую это делать как временный вариант для более легкого старта, а в дальнейшем прорабатывать фирменный стиль и дизайн сайта.