Дорогие друзья! Сегодня вышел новый выпуск рассылки от SeoPult!
В нашем блоге мы публикуем статью из рассылки о технологиях поискового маркетинга. Дизайн и SEO: что нужно сайту для успеха? Рассмотрим общие принципы создания дизайна с точки зрения посетителей и поисковых систем.
Встречают по одежке
Рассказать, каким должен быть дизайн, сложно, так как он должен быть индивидуальным, но мы все равно дадим вам несколько советов, которые помогут вам выбрать нужное направление.
- Избегайте крайностей – не экономьте на дизайне, так как сайт без оформления с одним лишь текстом и редкими картинками оттолкнет любого пользователя, он просто подумает, что это не сайт, а неудачный эксперимент школьника, который решил таким способом заработать денег на мороженое. Безусловно, сайты без дизайна, как такового, имеют право на жизнь, но для коммерческих целей, которые нам интереснее всего, они совершенно не годятся. Также не стоит злоупотреблять распространенными шаблонами. Да, с их помощью можно неплохо сэкономить, но большинству юзеров они приелись, да и у них может закрасться мысль, что вы не потратили на дизайн ни копейки, а это уже повредит доверию. Также совершенно никакого смысла нет тратиться на дорогущий вычурный дизайн от именитой студии для регионального интернет-магазина по продаже пылесосов – это будет выглядеть как минимум нелепо и иметь еще некоторые недостатки технического плана, но об этом ниже.
- Не используйте дизайн в ущерб скорости работы сайта. Иной раз лучше отказаться от какого-нибудь красивого элемента или даже нескольких в пользу быстрой загрузки страниц. Далеко не у всех скорость подключения может быть достаточной для загрузки «тяжелых» страниц. Особенно об этом стоит помнить тем, кто рассчитывает на аудиторию из отдаленных регионов. Медленная работа сайта вызывает неудобства и раздражение у пользователей, а этого допускать никак нельзя.
- Дизайн должен не вредить юзабилити, а наоборот делать сайт удобнее для пользователей. Бесспорно, что анимированное со спецэффектами меню может выглядеть красиво, но оно не должно путать пользователя и заставлять делать его лишние движения мышью. Откажитесь от подобных решений ради комфорта пользователя. Сравните сайт с креслом – дизайнерский предмет мебели может потрясающе выглядеть, но сидеть удобнее в обычном, с виду неказистом кресле. Точно также красивый сайт может быть бесполезным для пользователя, который просто хочет купить понравившийся товар.
Использовать ли шаблонный дизайн? Однозначно ответить на такой вопрос нельзя, так как это во многом зависит от самого сайта. Например, для небольшого проекта он вполне подойдет, так как размещение заказа на дизайн в именитой студии в этом случае будет несовместимо с бюджетом. Но не стоит и экономить на шаблонах, выбирая бесплатные заезженные варианты. Купите качественный и привлекательный шаблон, это не создаст трудностей при продвижении, а посетители оценят приятный внешний вид сайта. Одна из самых крупных коллекций шаблонов для сайтов –TemplateMonster, там можно найти дизайн практически на любой вкус для огромного ряда тематик.
Как выяснить, нравится пользователям дизайн или нет? Для этого отлично подойдет метод сплит-тестирования, суть которого заключается в одновременном показе разных версий страниц аудитории. После окончания теста по данным статистики можно выяснить, какая версия снискала наибольший успех у пользователей. Подробнее об этом типе тестирования вы можете прочитать в выпуске №100.
Рационализм в дизайне
Если вы размещаете рекламные баннеры на своем сайте, то помните, что алгоритм Google Panda учитывает их при ранжировании. Чтобы не было проблем с продвижением, они не должны занимать большую площадь на странице. В качестве примера на одной из встреч с вебмастерами руководитель группы Google Webspam, Мэтт Каттс, наклеил на лист бумаги формата А4 два желтых стикера и пояснил, что такое количество рекламы на странице для Панды слишком большое.
Цветовая схема сайта не должна быть вызывающей и мешать пользователям. Прежде всего это касается фона для текста. Лучше пожертвовать красивым бэкграундом в угоду читабельности. То же самое можно сказать и про элементы меню – посетители должны нажимать кнопки, а не любоваться их красотой, на фоне которой теряется сам текст.
Яркие цвета и крупный шрифт допускается использовать для тех элементов, к которым прежде всего надо привлечь внимание пользователя, например, для ссылки «Купить».
При разработке дизайна обязательно учитывайте, что посетители могут пользоваться различными браузерами и устройствами при просмотре сайта, в них он может выглядеть совершенно по-разному.
Сделать полностью кроссбраузерный и кроссплатформенный сайт очень дорогое удовольствие, но под несколько самых распространенных браузеров и устройств сайт необходимо оптимизировать, иначе вы можете просто потерять целый сегмент аудитории. Об адаптации дизайна шла речь в одной из программ на SeoPult.TV.
Столкновение интересов
Часто вебдизайнеры применяют для ссылок картинки вместо текста. Да, действительно иногда это выглядит красивее, но это наносит вред для оптимизации. Откажитесь от подобных ссылок в элементах меню и навигации, вместо изображений используйте различные виды шрифтов – вам удастся достичь компромисса.
Также не стоит использовать Flash-технологии в избытке. Хотя сейчас современные поисковики успешно индексируют Flash, но не все платформы поддерживают его. Выход – использование альтернативных технологий HTML5, которые более предпочтительны с точки зрения SEO, либо дублирование таких элементов обычным HTML-кодом.
Также не стоит злоупотреблять JavaScript, так как это может вызвать затруднения при индексации, тем самым навредив оптимизации сайта. Также ошибки в скрипте могут стать причиной медленной загрузки страницы.
Выводы
Удачный дизайн сайта – одна из составляющих его успеха, поэтому ему надо уделить немало внимания. Но при этом не переусердствуйте – сточки зрения внешнего вида коммерческий ресурс должен быть удобным и привлекательным, а не перегруженным сайтом для демонстрации возможностей крутого дизайнера. Также следите за тем, чтобы различные технологии не вредили оптимизации сайта – лучше отказаться от них и найти менее привлекательную, но более удобную альтернативу. В качестве пособия по дизайну читайте книгу Якоба Нильсена , а также смотрите ток-шоу о дизайне и юзабилити «Фактор человека» на канале SeoPult.TV.