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

В этой статье читайте:
1. Заказ уникального шаблона или использование готового?
2. Какой шаблон выбрать для поздравительного сайта?
3. Где скачать шаблон для моей CMS?
4. Необходимый софт для работы с шаблонами и дизайном.
5. Проверка шаблона и удаление «левого» кода.
6. Оптимизация шаблона под поисковые системы.
7. О моих сайтах.

Заказать шаблон для сайта или найти готовый?

Чтобы ответить на этот вопрос нужно взвесить все «за» и «против». Я выбор сделал давно, теперь буду убеждать Вас:)

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

Создание дизайна > Верстка макета > Натяжка на CMS > мелкие правки и доработки.

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

Для того, чтобы получить уникальный шаблон нужно пройти такие пункты:
1. Составление технического задания (ТЗ). Нужно постараться расписать в ТЗ все до мельчайших деталей.

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

3. Ожидание. Исполнители часто затягивают сроки, пропадают, заболевают, уходят в запой, и приходится искать новых. Разработка порой затягивается на месяцы.. :)

4. Утверждение, правки. Порой, на выходе заказчик может получить не то, что хотел. И снова тёрки…

Пройдя такой путь, затратив время, силы (+ иногда нервы) еще и заплатить придется. Цена за уникальный дизайн в районе $300-500, верстка — $50-80, натяжка на движок – пусть, примерно $20…

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

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

Читатель: Поисковые системы видят, что дизайн и верстка уникальны(?) и дают «пирожок».
Я: Спасибо. За такие деньги я куплю «пирожок» сам. Даже два.

Шаблон для поздравительного сайта

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

Можно принять во внимание то, что 70% аудитории на сайтах поздравлений — женщины средних лет и использовать в дизайне элементы, которые понравятся именно им.

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

Цветовая схема – любая, но без кричащих цветов.

Образец простенького дизайна для сайта поздравлений- pozhelau.ru

Где скачать шаблон для CMS?

Чем популярнее CMS, тем больше шаблонов для нее можно найти и бесплатно скачать. Мне постоянно пишут в аську вопросы: «где ты скачиваешь шаблоны, посоветуй сайты». Ничего советовать не буду:) Гугл или Яндекс — и вперед. Пару советов, все же дам.

Лучше не скачивать шаблоны с сайтов не вызывающих доверия. Если на сайт не пробиться из-за 2-3 кликандеров и попап-окон, в сайдбарах трясутся голые сиськи, антивирусник что-то там блочит, а в динамиках ваших колонок заиграла раздражающая музыка – закройте сайт. Также не вызывают доверия варез сайты «сборная солянка». Лучше ищите профильные сайты и форумы, посвященные вашему движку. Если там еще и живое общение присутствует – вообще замечательно.

Программы для работы с шаблонами и дизайном

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

Я использую такие программы и плагины:
Notepad++ — хороший бесплатный текстовый редактор для кодеров и веб-мастеров.
— Photoshop – использую для изменения дизайна, например, для создания логотипа.
— Браузер Firefox – тут для веб-разработчика целая куча полезных фишек. Найти их просто:

Меню «Инструменты» -> «Веб-разработка»


Плагин для Firefox «Rds bar» — в данном случае он нужен для поиска внешних ссылок в шаблоне.

— Плагин ColorZilla – «пипетка», позволяющая узнать и скопировать цвет на любом элементе веб-страницы.

Также могут понадобиться:
— Плагин для Firefox ScrapBook. С его помощью можно легко сделать «рип сайта» или просто скопировать исходные коды понравившихся элементов веб-страниц. Этот и другие фаерфокс плагины для веб-разработчиков – тут.

— Блокнот или лучше Evernote для того, чтобы не потерять нужные куски кода и «запомнить» какую-то информацию.

Проверка шаблона на наличие внешних ссылок и скрытого кода

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

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

<span style="display: none;">
<a href="http://9seo.ru/ "><span style="font-family: arial; font-size: xx-small;">Ссылка</span></a>
</span>

Найти скрытые ссылки на страницах сайта нам поможет Rds bar, о котором я писал выше. Тут есть параметр links in/out, он показывает внутренние и внешние ссылки.


Если, допустим вы нашли ссылку, но не можете понять в каком файле шаблона она находится, делаете так:

Открываете все файлы шаблона в Notepad++, выполняете поиск по всем открытым документам (Ctrl +F) в строку поиска вставляете ссылку, которую нашел Rds bar. Удаляете найденные куски кода.

Закодированный код.
Часто (особенно в WordPress темах) вставляют закодированные ссылки и куски кода. Их не получится найти просто вставив ссылку. Придется искать руками.

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

Стоит также поискать в файлах шаблона iframe-вставки и java-скрипты. В идеале было бы полезно изучить код всех файлов шаблона и убрать подозрительное и ненужное.

Оптимизация шаблона под поисковые системы

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

К примеру:
— Краткое описание сайта в отдельном блоке.
— Описание раздела/категории/рубрики.
— Заголовки блоков в сайдбаре.
— Цитаты по теме или что-то типа того.
Ключевые слова статьи, всякие дополнительные поля и т.п.

Главное не переусердствовать c оптимизацией.

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

Нужную информацию и блоки в шаблон придется вставлять руками, предварительно изучив документацию своего движка. Я уже писал, что использую WP и DLE. Вот ссылки на документации этих движков:

WordPress: ссылка.
DLE: ссылка.

Изучайте:)

Сайты марафона

Первый сайт запустил 28 ноября. Завтра буду праздновать «месяц». Новогодний трафик уже увеличился, поэтому посещаемость с каждым днем растет. Вчера перешагнул планку в 5к посетителей.


На втором сайте быстроробот Яндекс проиндексировал только 5 страниц. Посещаемость второго сайта:


Трафик на сайты – Новогодний.

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

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