Как выбрать шаблон для любимого сайта?

И это не праздный вопрос. Конечно, уникальный стиль не пнет ваш сайт на первые позиции сразу же после открытия, но добавит веса в глазах поисковой системы. Вообще же если говорить о шаблонах, то тут есть два аспекта – поведенческий фактор (ПФ) и сама поисковая система (ПС). Очевидно, что красивый, удобный, ненавязчивый шаблон будет приятен пользователям, и они будут дольше в среднем задерживаться на сайте, дольше читать, меньше уходить по исходящим ссылкам и не закрывать окна браузера в ужасе от того, что увидели. Что даст нам не только постоянную публику, но и плюсы от ПС.

С другой стороны поисковая система при проходе сайта помимо наших уникальных и гениальных статей считывает ещё и html+css код, из которого состоит шаблон. Глупо думать, что эти данные не будут учитываться при раздаче мест в выдаче ПС, так как логично, что если при разработке не поскупились нарисовать и сверстать, что-то оригинальное, а не использовали готовое то сайт предназначен для людей, а не роботов.

Конечно, идеальный вариантом было бы  также нарисовать и сверстать, что-то уникальное, но если этих навыков нет (как и денег), а дополнительные баллы от поисковой системы хочется получить, то можно привести в порядок бесплатный шаблон. Это не так сложно, как кажется на первый взгляд, просто надо не лениться и иметь (либо обрести) базовые навыки в html и css. Очень важно подготовить нормальный шаблон до открытия и индексации, так как сайт сразу будет признан нормальным и вам можно будет, не отвлекаясь на технические аспекты, сосредоточиться на внешней и внутренней оптимизации сайта.

Критерии отбора

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

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

Ещё, что хотелось бы отметить – выбирайте сложные темы. Я говорю сейчас не о визуальной сложности сайта, а о сложности на уровне исходного кода разметки. Четкого определения сложности я не могу дать, но если вы видите много блоков div/span, они по-разному вложены и имеют несколько id/class свойств, а также много наследованных CSS классов в файле стилей  и так далее – можно считать шаблон сложным. Насколько я знаю, Яндекс любит такие сайты и хорошо к ним относится.

Непосредственный выбор и подготовка шаблона

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

Если все нормально, тогда найдите и установите плагин для браузера SeoQuake. Он имеет много функций, полезных для вебмастера, но сейчас нас интересует только одна – показ исходящих ссылок. Зайдите на сайт, активировав плагин, и вы увидите список всех ссылок на странице, часть из которых необходимо удалить из шаблона. Это всё, что указывает на внешние ресурсы, кроме всяких сервисов типа твиттера и rss фида. Только будьте осторожны и не удалите по ошибке нужные элементы, особенно если ссылка находилась в java script коде. Для этого необходимы минимальные знания в верстке - ну что ж самое время их заиметь.

Если какие-то ссылки найти в коде не удалось, значит, они скрытые.  Скрытый код довольно просто удалить – ищите слова типа eval, iframe, applet, object и так далее. С помощью этих ключевых слов можно вставить скрытый код, подключить внешние страницы и вредоносный код. Все это нам не нужно, так что удаляйте. Если не можете – обратитесь за помощью или выкиньте шаблон, он принесет больше вреда, чем пользы. На этом основная часть подготовки шаблона закончена. Следующая часть хоть и опциональна, но довольно важна и требует от вас знания верстки.

Уникализация шаблона

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

Структурная уникальность:

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

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

Стилевая уникальность:

Обычно стили хранятся в файле style.css. В нем поменяйте:

-          все названия классов (к примеру, page переименуйте в main-page)

-          все цвета, но незаметно для глаза, к примеру, #000000 -> #000021

-          шрифты, используя похожие аналоги и немного размер

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

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