Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина Страница 16

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

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

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

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

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

Запомните: ваш сайт должен быть не такой же, как у конкурентов, а в несколько раз лучше, иначе он не будет конкурентоспособным!

3. Создание базы образцов

На основании анализа сайтов конкурентов (возможно и сайтов-партнеров), необходимо создать банк образцов хороших дизайнов сайтов, которые будут являться примерами во время работы над дизайном сайта.

Делается это так:

1. Сохраните файл со ссылками на удачные (в целом) сайты.

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

3. Сохраните дизайны сайтов по теме. Найти их можно в картинках Яндекса, набрав в поиске запрос «Дизайн сайта … (дальше пишите свою тему, например, «аренда спецтехники» или «агрофирма»).

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

Рис.41. Банк образцов понравившихся сайтов по теме

Запомните: нельзя использовать чужой дизайн целиком или отдельные его элементы (логотип, фон, чужие фотографии).

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

В дальнейшем, при создании прототипа сайта и веб-дизайна, можно смотреть на образцы, чтобы взять оттуда самые лучшие идеи. (Не дизайн, а именно идеи модулей и подачи информации).

4. Подбор ключевых слов (сбор семантического ядра)

Маленький Вова учился на двойки.

Школы он сайт продвигал за пятёрки.

В школу теперь не пускают упорно:

Школа есть в топе по слову лишь "порно"

Стихи из сети Интернет

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

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

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

Для чего нужно семантическое ядро сайта

В семантическое ядро попадают запросы, которые пользователи вводят в поисковую систему. Эти запросы называют ключевыми словами или, если коротко, ключами.

Ключевые слова показывают, что, как и зачем ищет аудитория сайта:

Что именно ищут: какой информацией, товаром или услугой интересуются люди.

Как ищут: какими поисковыми фразами они пользуются.

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

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

Основные ключевые слова складываются в первую очередь из самой темы сайта и названия товаров или услуг. Например, если сайт продаёт телевизоры, то ключевые слова будут следующие:

Основное слово телевизор + название модели, плюс продающие слова + геолокация + аксессуары + технические особенности.

Телевизор

Телевизор купить

Телевизор доставка

Телевизор со скидкой

Телевизор цена

Телевизор Москва

Телевизор купить в Москве

Телевизор плоский

Телевизор Самсунг

Телевизор Самсунг плоский

Подставка под телевизор и т.д.

Проверить ключевые слова можно в двух местах: в поиске Яндекса и в Яндекс.Вордстат (сервис статистики показов по ключевым словам).

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

Рис.42. Ключевые слова в поиске Яндекса

Но тут можно найти с десяток слов, а для семантического ядра подбирается 500 и более слов. Чтобы собрать наиболее полное семантическое ядро, необходимо воспользоваться сервисом статистики Яндекса «Яндекс.Вордстат» (wordstat.yandex.ru). В этом сервисе можно проверить сколько раз в месяц искали посетители Яндекса ключевое слово, причём можно просмотреть статистику в целом по стране, а можно по регионам и по отдельным городам. Также Вордстат предлагает ключевые фразы, похожие на ту, что вы завели в сервисе. Если они относятся к сайту, их надо добавить в семантическое ядро. См. рис.43.

Рис. 43. Подбор ключевых слов в Яндекс.Вордстат

Разделение ключевых слов на типы по частотности

По количеству показов в месяц запросы делятся на:

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