Как продвигать услуги веб-дизайна: 9 практичных советов. Дизайн продвижение сайта
Как оптимизировать сайт студии дизайна интерьера
Как улучшить сайт дизайна квартир?
Внешний вид плюс максимальное удобство – наше всё!
Не удивляйтесь, что в следующих 4 пунктах мы будем говорить о навигации по сайту, дизайне и пиаре. Казалось бы, ну причем тут SEO? Но мы не устаем повторять, что для поисковой оптимизации очень важно:
- удобное меню,
- контактные данные,
- тексты,
- социальные факторы и т.д..
Но не менее важны поведенческие факторы! То есть то, что влияет на поведение посетителей на сайте. Это:
- клики,
- глубина просмотров,
- количество отказов и т.д.
Идея №1. Структура сайта.
Обычные лестницы не в моде!
Студии дизайна интерьеров предлагают довольно широкий спектр услуг, и наш заказчик – не исключение. Что предлагается клиентам?
- Оформление разных типов помещений.
- Ремонт, в том числе с перепланировкой.
- Проектирование и т.п.
Все это – отдельные страницы сайта, ссылки на которые должен видеть пользователь на главной странице.
Несмотря на большой список услуг, организация поиска на сайте была реализована неудачно. Чтобы найти нужную информацию, зачастую приходилось пролистывать несколько страниц. И далеко не все посетители совершали целевые действия. Мы решили это исправить.
И в первую очередь изменили структуру сайта.
Мы решили, что главными разделами должны стать следующие.
- Дизайн интерьеров.
- Ремонт.
- Перепланировка.
- Проектирование.
- Портфолио.
- Образцы договоров.
- Цены.
- Контакты.
- О компании.
Как решить, какие разделы сделать главными? Обратите внимание на статистику ключевых запросов. Самые высокочастотные могут послужить названием для разделов сайта или портфолио.
Хотя наш покупатель отказался от этого предложения, вам мы все-таки рекомендуем сделать раздел «Идеи для интерьера» (в виде блога или статей-рекомендаций).
Это будут тексты по информационным запросам. Они привлекут людей, которые интересуются дизайном как таковым или хотят обставить квартиру самостоятельно. Да, возможно, они не сразу станут вашими клиентами, но расскажут об организации или вспомнят о ней тогда, когда понадобятся ваши услуги. А ведь именно это нам и нужно!
Идея №2. Оформление страниц услуг для бюро дизайна.
Новый взгляд.
Если главная страница выполнила свою задачу и показала все ваши возможности, клиент обязательно захочет узнать подробности, почитать блог.
Именно поэтому следующим этапом стало проектирование страниц с такими услугами.
- Распределение акцентов на странице.
- Информация по услугам.
- УТП.
- Поиск и навигация по блогу.
Это 4 важных элемента второстепенных страниц.
apollo-8.ru
FORTSITE- IT студия. Создание сайтов, веб-дизайн, продвижение в поисковых системах и социальных сетях. SEO
Вы можете сэкономить, воспользовавшись одним из пакетных предложений, специально созданных для малого и среднего бизнеса
Пакеты для бизнеса
Сайт визитка / корпоративный
Решение, разработанное профессионалами специально для среднего и малого бизнеса.В пакет входит 10 уникальных страниц.
- - Составление концепции
- - Разработка технического задания
- - Дизайн страниц и доп. элементов
- - Верстка уникальных страниц
- - Настройка функциональной части
- - Написание текстов (40 000 знаков)
- - Фотосъемка (5 часов)
- - Наполнение сайта
- - Настройка индексации
Интернет магазин
Интернет магазин со съемкой и публикацией всех товаров. В пакет входит 20 уникальных страниц.
- - Составление концепции
- - Разработка технического задания
- - Дизайн страниц и доп. элементов
- - Верстка уникальных страниц
- - Настройка функциональной части
- - Написание текстов (80 000 знаков)
- - Фотосъемка (10 часов | 2 дня)
- - Наполнение сайта
- - Настройка индексации
- - Интеграция учетных программ
Интернет продвижение
Создадим и настроим рекламную кампанию по Вашей тематике. В пакет входит 500 интернет-объявлений.
- - Анализ конкурентов и рыночных цен
- - Регистрация аккаунтов (если необходимо)
- - Сбор ядра запросов
- - Составление семантического ядра
- - Интеграция ядра в YANDEX и GOOGLE
- - Настройка рекламных кампаний
- - Запуск показов
fortsite.ru
Продвижение и дизайн сайта
Как это ни странно, но одним из важнейших моментов в продвижении сайта является его дизайн. Креативный дизайн сайта, во-первых, привлекает пользователя - у него не возникает желания закрыть страницу и никогда к ней не возвращаться. Во-вторых, профессиональный дизайн должен быть легким, так как при этом уменьшается время загрузки страницы и она становится доступной с мобильных устройств, и функционально продуманным.
Привлекательноcть дизайна сайта
Как говорил Мюллер в известном кинофильме «Семнадцать мгновений весны» - «я профессионал и верю деталям». В дизайне сайта нет мелочей, если сайт делается для магазина, торгующего подгузниками, то и оформление страницы должно соответствовать теме сайта. Если посмотреть в портфолио веб студии ДотОрг, то видно, что теплый дизайн для магазинов «Бом-Бом» и «Эко-бэби» сменяется изысканным в магазине Мехового Дома «Пушкинский» и превращается в забавный и функциональный в интернет-магазине рыболовного снаряжения «Aglika.Ru».
SEO и дизайн сайта
На практике часто возникает вопрос, что приоритетней - красивый дизайн или SEO, нужно ли в угоду поисковой оптимизации ухудшать визуальные качества сайта. Наша позиция в том, что при использовании правильных технологий, такого конфликта быть не должно - то что будет хорошо для юзабилити сайта и его дизайна, то будет хорошо и c точки зрения SEO. То есть, верстка должна быть сделана в целом с использованием CSS - они легче, чем таблицы и позволяют учесть семантику содержимого. Flash и другие плагины нужно использовать там где это необходимо и обойтись без них нельзя. То же относится к Ajax технологиям и сходным c ними технологиями асинхронных запросов к серверу (iFrame и.т.д.). Юзабилити сайта во многом связано с семантикой, правильно продуманная навигация и выглядит красиво, и удобна, и с точки зрения SEO тоже хороша.
SEO дизайн сайта и HTML 5
Выход HTML 5 и частичная поддежка его современными браузерами - это уже сегодняшние реалии. Основные новшества, заложенные в новом HTML, это поддержка тегов потокого аудио и видио, теги семантической разметки (элемент nav для меню, section для обозначения частей страницы и.т.д. ). Кроме того, это новый элемент canvas для отображение векторной графики. Грамотная верстка на css поможет избежать проблем несовместимости с новыми стандартами (например использование тега font). Элементы семантической разметки по всей видимости будут учитываться поисковыми системами. По желанию заказчика веб студия ДотОрг может создавать сайты с использованием HTML5, дополняя их специальными таблицами стилей для обратной совместимости со старыми браузерами.
www.design-sites.ru
- Дизайн и развитие веб сайта. Статьи, обзоры интересные дизайнеру и вебмастеру
Чтобы преуспеть на рынке web-дизайна и разработки или в качестве фрилансера, нужно иметь впечатляющее портфолио. Создатели сайта-портфолио сталкиваются с задачами более сложными чем …
Читать статью » МаркетингО маркетинге в Интернете и эффективности сайта
ДизайнСекреты веб-дизайна, примеры стильных сайтов
WordpressСамое современное для сайта на Wordpress
Шаблоны сайтовОбзоры шаблонов: лучшие темы для сайта
Свой сайтКак создать, оформить, сделать сайт лучше
Сайты в стиле флэт: 20 нестандартных дизайновПлоских сайтов становится больше, а нестандартные идеи Flat-дизайнеров проявляются в самых разных нишах. Плоский дизайн применяют известные бренды и в его популярности сомневаться …
Навигационное меню: 15 примеров нестандартного дизайнаПервичная навигация обеспечивает веб-сайтам эффективную подачу информации. Конечно, существует стандартные варианты оформления главного навигационного меню для сайта. Но кому не хочется индивидуальности? В эпоху …
9 тенденций в дизайне сайтов 2018 годаВ сфере диджитала web-дизайн сайтов наиболее подвержен влиянию тенденций. За 18 лет нового тысячелетия мы уже привыкли ожидать свежих дизайнерских решений. Интересно, что …
Самые необычные и оригинальные сайтыИногда, самые необычные сайты – просто свежий взгляд на веб-дизайн. С новыми идеями, нестандартными подходами и удачными дизайнерско-маркетинговыми …
Свежие записи
seo-design.net
Роль дизайна в продвижении сайта. Составляющие качественного дизайна
Перед тем, как вложить деньги в раскрутку и продвижение сайта, важно оценить его с точки зрения посетителя. Для этих целей разумно и целесообразно:
- провести живое тестирование;
- организовать опрос и голосование;
- обратиться с вопросами к пользователям;
- проанализировать все поведенческие факторы.
Удобна ли площадка для работы? Как посетители оценивают дизайн сайта? Что следует изменить, дабы улучшить оболочку проекта, его функционал, структуру, навигацию? Что именно не устраивает целевую аудиторию?
Чем больше сведений будет собрано на этапе анализа, тем более эффективными окажутся последующие перемены. Задача усложняется только тем фактом, что новые сайты не отличаются большой посещаемостью, а потому добровольцев для тестирования придется искать на стороне, на тематических форумах, в социальных сетях, среди знакомых и друзей.
Хороший дизайн – залог популярности
Если задуматься, то дизайн ресурса отчасти предопределяет популярность проекта, так как прямо влияет на юзабилити. Оболочка веб-площадки должна быть не только красивой, стильной, запоминающейся, но и практичной, удобной, функциональной. И если владелец сайта задумается о сотрудничестве со специалистами по продвижению, ему обязательно укажут на неизбежность правки дизайна.
Оптимальные требования к дизайну сайта
1. Сравнительно небольшой вес. Этот параметр определяет скорость загрузки страниц ресурса и прямо сказывается на ходе продвижения площадки. Веб-ресурс, который перенасыщен большими картинками и фотографиями, а также прочими элементами графики и анимации, вряд ли сможет выйти на лидирующие позиции выдачи.
2. Простота и понятность. Рисованная и необычная оболочка сайта, возможно, привлечет интерес целевого посетителя, но разобраться в ее функциональных элементах будет непросто. Если же пользователь захочет получить быструю информацию, в которой нуждается, он не станет тратить времени на ознакомление с опциями и запутанной структурой сайта, он покинет замысловатый ресурс.
3. Единство стиля. Все страницы проекта должны подчиняться единым стилистическим нормам. К примеру, если на главной странице ссылки подчеркнуты и выделены цветом, размер текста составляет 12 пикселей, а картинки выделены узорчатыми рамками, то это оформление должно использоваться везде. Кстати, если на сайте размещается реклама, она также должна вписываться в общий стиль проекта.
4. Единство функций и элементов. Подразумевается, что дизайн, структура, навигация и функционал работают как единое целое. При этом важно обеспечить максимально короткий путь доступа к наиболее удаленной странице, к которой посетитель должен добираться за 3 перехода (это максимум).
5. Минимум рекламы. Каждый следующий рекламный блок отягощает дизайн проекта, усложняет взаимодействие с сайтом, снижает скорость загрузки страниц, ограничивает месторасположение основного контента, ухудшает поведенческие показатели. Следовательно, вывод рекламы лучше ограничить, а на начальных этапах развития ее присутствие вообще нежелательно.
6. Цвет фона и текста. Не рекомендуется использовать заливку области контента, так как это мешает восприятию информации, затрудняет чтение с экрана монитора. Неправильная подборка цветовых оттенков для текста и фона приводит к проблемам в продвижении ресурса.
7. Очевидность навигационных элементов. Все функциональные кнопки и ссылки должны наглядно выделяться из общего стиля. Добиться этого можно, если обратить внимание на:
- названия кнопок;
- тексты ссылок;
- оформление ссылок в статичном состоянии и при наведении на них курсора мышки;
- оформление кнопок в статичном и активном состоянии.
Сюда же можно добавить явно выраженную строку поиска по сайту, о грамотном оформлении которой вебмастера частенько забывают.
8. Очевидность месторасположения пользователя. За счет особых блочных элементов сайта (так называемых «хлебных крошек») можно наглядно представить весь путь к той странице, которую просматривает читатель. Подобная опция существенным образом упрощает работу с сайтом и изначально закладывает маршруты для поисковых роботов.
Все это положительно сказывается на раскрутке веб-площадки. И хотя реализация этой функции больше затрагивает навигацию площадки, способ ее отображения оказывает непосредственное влияние на графический дизайн.
9. Уникальность стиля. Любой самодельный дизайн всегда лучше шаблонного. Если же возможность создания стопроцентно уникальной обложки отсутствует, допускается некоторая переработка и уникализация шаблона, но использовать готовые стандартные варианты не рекомендуется. Шаблоны, установленные на сотнях других сайтов, вряд ли помогут в продвижении проекта.
10. Полосы прокрутки. Лучше, если пользователю вообще ничего не придется пролистывать. Когда этого не избежать, возможна реализация вертикальной прокрутки, которую можно оптимизировать с помощью активного содержания статьи или специальных кнопок. Горизонтальной прокрутки быть не должно!
11. Адаптивность дизайна. Здесь мы затронем советы, изложенные в предыдущем пункте, дополним их адаптивной способностью дизайна подстраиваться под любые размеры пользовательских экранов. Главное – сайт должен хорошо просматриваться при любых настройках монитора, а для мобильных пользователей нужно создать специальную мобильную версию.
12. Корректировка. Поскольку все элементы веб-сайта можно улучшать до бесконечности, процесс оптимизации не должен прекращаться никогда. Пользователи проявляют стабильный интерес к «живым», изменяющимся и развивающимся сайтам, к новшествам и нововведениям, способным упростить работу с площадкой. В этом плане ситуацию может улучшить:
- неустанный анализ поведенческих факторов;
- периодический редизайн;
- частое обновление элементов оболочки;
- введение новых опций и кнопок;
- работа с юзабилити;
- оптимизация дизайна;
- актуализация дизайна (имеются в виду всевозможные поздравительные сообщения, особые функции вроде падающих зимних снежинок или осенних листьев, прочих актуальных и не слишком ресурсоемких красот).
13. Вставки и надстройки. В графическую оболочку ресурса могут вставляться любые сторонние элементы (например, видео, аудио, калькуляторы, фильтры, виджеты, анимация и прочее). Главное – ни одна из этих надстроек не должна запускаться в автоматическом режиме, не должна перекрывать область контента или как-то иначе мешать восприятию основной информации!
Влияние дизайна на продвижение
В случае реализации вышеуказанных правил дизайн сайта может повысить результативность раскрутки, поспособствовать скорейшему выходу в ТОП. На сегодняшний день поведенческим факторам уделяется колоссальное внимание, а потому даже минимальные улучшения здесь способны дать заметный эффект.
Дизайн — это та часть сайта, с которой непосредственно контактирует пользователь, и важность оболочки сложно переоценить.
Если сайт понравится и запомнится людям, его шансы на успех возрастут. Если же нет, то вебмастеру придется потратить немало денег на искусственное продвижение, которое все равно не даст того желанного результата, которого запросто можно добиться естественными и даже бесплатными способами.
sm.su
Как продвигать услуги веб-дизайна: 9 практичных советов
Хорошего веб-дизайнера в первую очередь отличает художественный вкус и творческие способности — с этим никто не спорит. Но для того, чтобы превратить это занятие в надежный источник дохода, умения рисовать красивые картинки недостаточно: приходится быть не только творцом, но и предпринимателем, заниматься продвижением бизнеса, изучать маркетинговые приемы и применять их на практике.
Вообще, в том, что касается маркетинга, у веб-дизайнеров есть неоспоримое преимущество: они хорошо представляют, что такое маркетинговый бриф и наверняка работали над проектами, связанными с брендингом и продвижением в интернете. Правда, когда дело доходит до развития собственного бренда, нередко выясняется, что имеющийся опыт — это все-таки не совсем то, что нужно.
Как быть? Не унывать и читать дальше. В этой статье мы собрали полезные советы специально для независимых веб-дизайнеров, желающих заняться собственным бизнесом и добиться успеха. Действуйте, пробуйте, и все обязательно получится.
1. Сделайте хорошее онлайн–портфолио
Это лучший способ продемонстрировать заказчику, что вы умеете и над какими проектами работали. Портфолио должно быть красиво оформлено, вызывать интерес и желание посмотреть все ваши работы. Не жалейте на эту задачу времени и сил, портфолио для веб-дизайнера — вещь жизненно важная, ведь именно по нему потенциальный клиент определяет, тот ли вы человек, который ему нужен.
2. Показывайте работы в разных стилях
Выбирайте для портфолио лучшие работы, но не забывайте, что они должны быть разными. Публикуя работы, например, исключительно для музыкантов, вы автоматически позиционируете себя как нишевого дизайнера. Это совсем неплохо для людей с опытом, но новичкам лучше не сужать свой профиль, а работать над разными задачами и в разных отраслях.
3. Работайте с соцсетями
Вполне очевидный шаг, но веб-дизайнеры часто не представляют, что конкретно нужно делать, ведь они продают некую эфемерную услугу, а не предметы искусства. Непростая задача, да. Мы вас хорошо понимаем, так как сами продвигаем идею создания самодельных сайтов и сталкиваемся с похожими трудностями. Можете заглянуть в наши аккаунты в Инстаграм и Пинтерест, и посмотреть, что мы делаем и какие придумываем способы продвижения.
4. Приложите рекомендации
Собирайте отзывы заказчиков и публикуйте их в специальном разделе сайта вместе со ссылками и скриншотами проекта. Честные отзывы вызывают доверие, а доверие — это очень важно.
5. Напишите пост в популярный блог
Тысячи людей хотят заняться веб-дизайном, а вы уже кое-что знаете и умеете. Поделитесь опытом! Напишите содержательный пост и предложите его хорошему онлайн-ресурсу о дизайне. Бесплатно, но со ссылкой на автора. Публикации в профильных изданиях говорят о том, что вы профессионал, а заодно помогают поднять позиции вашего сайта в поисковой выдаче.
6. Поработайте на общественных началах
Предложите бесплатные услуги близкой по духу организации, движению и сделайте сайт, лендинг или другую работу. Это плюс к карме, упоминание в титрах и еще один достойный проект в вашем портфолио.
7. Ходите на профильные мероприятия
Старайтесь почаще бывать на конференциях, воркшопах, встречах и других профессиональных тусовках, где можно познакомиться и поговорить с разными людьми. Не забывайте приносить визитки, а если у вас их нет, то обязательно сделайте.
8. Заботьтесь о клиентах
Хотите, чтобы заказчики рекомендовали вас своим друзьям и коллегам? Тогда старайтесь относиться к процессу с душой. Интересуйтесь тем, как у них дела даже после того, как работа закончена, а еще лучше — помогайте. Можно, например, посоветовать клиенту что-нибудь полезное, рассказать про его бизнес и сайт в своих соцсетях, поздравить с праздником, в конце концов. В общем, сделать какой-то жест, по которому станет понятно, что вам не все равно.
9. Ищите хороших партнеров
Налаживайте связи, заводите знакомства и договаривайтесь о совместной работе. Ваши потенциальные коллеги — это веб-разработчики, брендинговые или PR-агентства. Сотрудничество с ними обеспечит вам поток новых заказов, интересные проекты и уверенность в завтрашнем дне.
ru.wix.com
Влияние дизайна на продвижение сайта
1. Введение 2. Дизайн «глазами» пользователей: ожидания, мнения, требования 3. Дизайн «глазами» поисковых систем: законы, правила, требования 4. Основные ошибки дизайнерского решения при раскрутке сайта 5. Заключение
1. Введение
Множество компаний, предлагающих услуги веб-дизайна, будь то многоопытные профессионалы своего дела - известные дизайн-студии, или же фирмы-однодневки, использующие «шаблонный дизайн», пытаются позиционироваться как разработчики «качественного» веб-дизайна. Однако далеко не все из них понимают, что «качество» такого дизайна складывается не только из красоты страниц сайта, удобства «юзабилити» для пользователей или клиентов, но и из того, как «видят» дизайн сайта поисковые системы. То есть при разработке концепции дизайна будущего сайта следует учитывать и так называемые «требования» к сайту с точки зрения поисковых систем. С общими краткими советами по данному вопросу можно ознакомиться в разделе помощи у каждой поисковой системы. В данном мастер-классе попытаемся посмотреть на веб-дизайн с разных углов – с точки зрения, как пользователей, так и поисковых систем, опишем возможные ошибки, укажем пути их решения.
2. Дизайн «глазами» пользователей: ожидания, мнения, требования
Веб-дизайн – деятельность творческая. Результаты этой деятельности в итоге оказываются представлены на всеобщее обозрение аудитории сети Интернет. Но дать реальную оценку завершенному дизайнерскому проекту и оценить трудозатраты на него могут только специалисты в области технологий веб-дизайна . Обычные пользователи Интернета оценивают только внешний вид сайта, картинки, цвета – то есть, образно говоря, «вершину айсберга». Высокую оценку, данную сайту специалистами дизайна, рядовому пользователю объяснить достаточно проблематично. Профессиональная терминология в данном случае будет сведена к понятию «качественный дизайн», которым повсеместно оперируют как разработчики сайтов, так и пользователи. Даже если попытаться задать запрос «качественный дизайн», например поисковой системе Яндекс, то на первой странице результатов поиска вряд ли будут ссылки на полезные материалы для дизайнеров; топовые места занимают разнообразные компании, предоставляющих услуги веб-дизайна, к слову, совсем не обязательно «качественного».
Дизайн служит для привлечения внимания пользователей – потенциальных клиентов (для коммерческих проектов). Он позволяет получать удовольствие от работы с сайтом, в результате чего с большой долей вероятности простые пользователи превратятся в покупателей. Для некоммерческих ресурсов, дизайн вполне может быть «шаблонным»; для них гораздо более важен контент, его смысловая нагрузка. Сайтам, ориентированным на увеличение продаж, клиентской базы компании-владельца сайта, нужны более весомые затраты на дизайн, который вполне может быть средством конкурентной борьбы между их владельцами. Зачастую компания-владелец более качественно созданного и прорисованного сайта выглядит более преуспевающей и перспективной.
Рассмотрим веб-дизайн с точки зрения пользователя. Можно выдвинуть некоторые важные требования к оформлению сайта, спрогнозировав ожидания среднего пользователя.
- Размер страницы
Данное требование ограничивает размер страниц сайта. Нормальным размером загружаемой страницы принято считать размер, не превышающий 70-80 Kb (килобайт). Страницы, размер которых превышает данное требование, загружаются очень долго у посетителей, использующих модемное Dial-Up соединение.
Для того, чтобы не превышать предельный размер страницы, дизайнерам необходимо использовать приемы минимизации графики.
- «Общность» оформления
Правило «общности» оформления сайта можно озвучить следующим образом: оформление повторяющихся элементов верстки (графики, таблиц, фреймов, шрифтов и т.д.) должно быть одинаковым для всех страниц сайта.
В качестве примера – просто попробуйте использовать в одном тексте на странице несколько вариантов шрифтов. Очевидно, что выглядеть это будет далеко не лучшим образом… - Масштабируемость
Масштабируемая структура в большинстве случаев подразумевает «резиновый (тянущийся) дизайн». Дизайн должен быть настолько «резиновым» насколько это нужно: не следует растягивать картинку на весь экран, если при этом строки получаются длинными и мало удобными для чтения. Такой дизайн должен хорошо выглядеть на установленном пользовательском разрешении экрана даже 800х600 пикселей.
- Соответствие цели
Дизайнерское оформление сайта должно соответствовать поставленным перед ним целям.
К примеру, если сайт является презентационным (промо-сайт, PR бренда – небольшой по содержанию), то в данной ситуации дизайн должен быть наиболее привлекательным для пользователя. Несложная структура подобного сайта вполне позволяет это реализовать.
Другой пример – большой поисковый Интернет-портал по заказу и бронированию туристических путевок, авиа и ж/д билетов. В этом случае необходим простой, быстро загружающийся, максимально понятный, но профессионально выполненный дизайн. Ведь такие порталы используют огромную постоянно обновляющуюся базу данных, и запрос пользователя обрабатывается в течение некоторого времени, иногда, достаточно длительного. А если при этом еще и множество графики будет грузиться на странице, то пользователь и вообще может, не дождавшись загрузки закрыть сайт.
3. Дизайн «глазами» поисковых систем: законы, правила, требования
Поисковые системы используют ряд сложных алгоритмов, морфологический и лексический анализ – постоянно изменяющиеся критерии, направленные определение степени релевантности страницы соответствующему запросу. Главная цель любой поисковой системы – доставлять людям именно ту информацию, которую они ищут, то есть наиболее отвечающую его запросу. (Более подробно о работе поисковых систем можно прочитать в мастер-классе "Поисковые системы: состав, функции, принцип работы" от 20.03.2006).
Известно, что один из самых важных текстовых критериев, влияющий на ранжирование сайтов в поисковых системах - положение ключевых слов на странице и их плотность по отношению к остальным словам. Согласно этому критерию и нужно выстраивать концепцию дизайна сайта. При заходе на сайт, робот поисковой системы должен получить «нужную» информацию в верхней части страницы и плотность ключевых слов на странице должна быть достаточно высока (в пределах разумного). Поэтому при разработке дизайн-проекта сайта стоит задуматься об обязательном выделении места под нужное количество текстового наполнения страниц и расположении самого текста по отношению к другим элементам верстки.
Сформулируем одни из основных требований к веб-дизайну с точки зрения поисковых систем:
- Размер страницы
Данное требование отличается от описанного выше с точки зрения пользователей, тем, что роботы поисковых систем не скачивают графику, а только код страницы. При этом поисковые системы не индексируют часть кода страницы, превышающей некоторое определенное значение, различное для разных поисковых систем. Для «Рамблера», к примеру, эта цифра составляет 200 килобайт. Оптимальным для продвижения страницы в поиске можно назвать любое значение размера ее кода из диапазона 5-80 килобайт.
- Наличие «чистого кода»
Наличие больших объемов JavaScript кода, таблиц стилей CSS на страницах сайта могут отрицательно сказаться на поисковом продвижении этого сайта, так как опять же увеличивают размер страницы и время ее загрузки. Схожая проблема возникает и при использовании различных генераторов страниц HTML, как-то Cold Fusion, Front Page и др. Они генерируют очень много «лишних» тегов, также сказывающихся на размере страницы. Поэтому, наиболее правильным будет использование стандартных HTML – редакторов и размещение скриптов и таблиц стилей в отдельных подключаемых к веб-странице файлах.
- Отсутствие фреймовой структуры
Использование фреймов в структуре сайта значительным образом затрудняет поисковое продвижение сайта и от их применения лучше отказаться, ведь существующие на данный момент времени технологии таковы, что использование фреймов совершенно необязательно. Разработчики поисковых систем советуют включать в документы с фреймами HTML-тег с текстом документа и ссылками.
- Грамотное использование FLASH – технологий
Роботы поисковых систем способны частично извлекать данные из объектов Macromedia Flash. Однако сами тексты и некоторые гиперссылки flash-объектов не индексируются. Для сайтов, целиком состоящих из flash-объектов, рекомендуется создать HTML-копию и зарегистрировать ее в поисковой машине. Также, при использовании навигации на сайте, реализованной flash-технологиями, необходимо предусматривать в разработке дизайн-проекта навигационное меню с «прямыми» гиперссылками на страницы сайта.
- Наличие текстовых блоков
При создании дизайн-проекта веб-сайта обязательно нужно предусматривать места, для размещения текстовых блоков и избегать создания так называемых «входных страниц» - небольших страниц, «предлагающих» пользователю перейти наконец-то на главную страницу сайта.
4. Основные ошибки дизайнерского решения при раскрутке сайта
- Нечитаемость текста
Смысл данной ошибки в отсутствии контраста между текстовыми элементами и фоном веб-страницы, а также в возможном наличии слишком мелкого шрифта. Еще хуже, если какие-либо элементы контента будут полностью совпадать по цвету с общим фоном, что может привести к исключению сайта из индекса поисковых систем, и, соответственно, невозможности его дальнейшего поискового продвижения (до снятия с сайта санкций).
- Наличие нерабочих ссылок и ссылок на пустые страницы
Наличие нерабочих ссылок, то есть ссылок, при переходе по которым пользователь получает 404 ответ, и ссылок на пустые страницы типа «under construction» отрицательно сказывается как на поисковом продвижении, так и на имидже сайта.
- Чрезмерное использование Flash-анимации
Использование Flash в реализации навигации по сайту значительно усложняет процесс его индексации роботами поисковых машин. Поэтому рекомендуется либо дублировать навигационное Flash - меню «прямыми» гиперссылками на страницы сайта, либо отказаться от применения элементов Flash для навигации по сайту. К тому же, большое количество Flash-объектов на странице значительно увеличивает время ее загрузки, вызывая недовольство пользователей.
- Большой размер текста
Проблема в том, что многие вебмастера размещают на странице текст, который не укладывается даже в 5-10 «прокруток» экрана. При этом, основные ключевые слова растворяются в общей огромной массе других слов, и страница теряет релевантность по этим ключевым словам в поисковых системах. Следует также помнить, что сайт – это своего рода книга. А книга не состоит из одной страницы, на которой выложена вся информация. У книги, также как и у сайта, есть главы, разделы, подразделы, разбитые постранично.
- Использование фреймов
Использование фреймов – одна из самых грубых ошибок дизайна предназначенного для поискового продвижения сайта, серьезно это продвижение затрудняющая. И пусть многие утверждают, что тег с содержание ключевых слов и ссылками – решение проблем с раскруткой «фреймового» сайта, все равно, использовать фреймы при верстки сайта не стоит. Благо, существует множество способов обойти данную проблему.
- Перебор с графикой
Зачастую, дизайнеры, увлекшись созданием красот внешнего вида веб-страницы, напрочь забывают о том, что кроме множества изображений, страница должна также содержать грамотно размещенный и удобочитаемый текст, так необходимый для успешного продвижения сайта в поисковых системах.
Данная ошибка сказывается также на скорости загрузки страницы, особенно при неоптимизированной графике и наличии большого количества анимации.
- «CSS-клоакинг» текстов
Клоакинг – от английского cloaking – маскировка, сокрытие. CSS-клоакинг текстов – есть маскировка HTML-тегов, увеличивающих релевантность документа по ключевому слову, посредством CSS, – каскадных таблиц стилей. К примеру, весь текст на странице, даже не относящийся к заголовку помещен в тег , для которого при помощи CSS создан стиль, точно такой же, какой имеет и обычный текст. Как результат – весь текст на странице является для роботов поисковых систем заголовком, а для рядовых пользователей – вполне обычным текстом. Налицо обман поисковой системы, за который ее модераторы могут наложить санкции на сайт в виде запрета его к индексации.
5. Заключение
В настоящее время поисковое продвижение сайта является очень важным процессом, как для коммерческих, так и некоммерческих проектов. В связи с этим, зная некоторые требования к сайтам со стороны поисковых машин, многие «оптимизаторы» жертвуют дизайном в угоду поискового продвижения. С одной стороны, это правильно, так как это приносит прибыль компании-владельцу сайта. Однако если задуматься, то в конечном итоге сайт делается исключительно для пользователей, потенциальных и уже имеющихся клиентов, а не для поисковых систем. Здесь важно найти «золотую середину» между дизайном и поисковым продвижением сайта. Один из путей стремления к ней – это, очевидно, учет требований к веб-сайту как пользователей, так и поисковых систем.Как найти «золотую середину» - вопрос, который совместно должны решать дизайнеры, разработчики и маркетологи. А данный мастер-класс, надеемся, поможет им в этом.
www.seonews.ru