Многие из вас, полагаю, уже занимались созданием вебсайтов. Другие же только планируют этим заняться и в данный момент скрупулезно изучают данную тему. Моя статья будет полезна и для одних, и для других, так как основывается она на многолетнем опыте нашей команды и материалах блога zaruka.ru.

Приступая к созданию вебсайта, стоит понимать и учитывать, что ваш сайт должен быть читабельным и понятным как для посетителей, так и для поисковых систем типа Google или Яндекс. А для этого одной SEO-оптимизацией сайта не обойтись. Читабельность сайта во многом зависит от юзабилити (англ. Usability – удобство работы, простота использования). Таким образом, чтобы сделать ваш вебсайт посещаемым, читаемым и при этом находящимся в ТОПе по определенным поисковым запросам, вам следует разрабатывать ваш сайт комплексно в соответствии с законами SEO с одной стороны и удобства использования с другой стороны.

Оптимизируем сайт для поисковой системы

У многих вебсайтов существуют проблемы с индексацией контента. Чтобы понимать, какая информация на вашем ресурсе видна поисковику, а какая остается нечитабельной, советую воспользоваться такими инструментами, как Google Cache или MozBar. С их помощью вы увидите, что для поисковых роботов не важна красота ресурса, а многие элементы страницы, на которые вы рассчитывали, вообще не отображаются в кеше. В этой статье мы приведем основные моменты, которые помогут вам «подружиться» с поисковыми системами и соответственно получить более высокие позиции в выдаче, а на блоге zaruka.ru вы сможете найти более детальную информацию по этому вопросу.

- Добавление текста в картинки, flash и видео. Вы знаете, что поисковые роботы могут распознавать только текст, причем только простой печатный, а не встроенный в картинку или видео. Поэтому полезным будет написать немного контента для картинок и видео на вашем сайте. Рекомендуется также включить ключевые слова в названия файлов и title-тег картинки. Осуществить это можно при помощи alt-тега, который используется в HTML коде при добавлении картинки на сайт. Будет это выглядеть следующим образом:

<img src="название-картинки.jpg" alt="Краткое описание картинки. Ключевые слова.">

В результате поисковая система распознает текст, проиндексирует его и учтёт ключевые слова, которые в нём использованы. Подобным образом текст добавляется и к flash или видео файлам. Кстати, что касается flash, Гугл научился «читать» их, однако пока только на элементарном уровне, поэтому лучше максимально оптимизировать свой сайт уже проверенным способом.

- Проверка HTML кода. Такая проверка нужна для того, чтобы убедиться, что код не имеет ошибок. Я сейчас не имею в виду грамматические или орфографические ошибки, важна правильность употребления и написания элементов самого кода с целью корректного отображения страницы. В принципе такие популярные HTML редакторы, как Dreamweaver или KompoZer помогают генерировать код, когда вы пишите контент и оформляете страницу. Однако стоит всё же провести проверку с помощью специальных HTML или CSS валидаторов, например, W3C HTML Validation Service или ATRC Web Accessibility Checker. Эти валидаторы позволяют проверить код на корректность отображения, наличие битых ссылок, совместимость с разными браузерами и так далее. Для чего это нужно? Дело в том, что поисковики индексируют страницы на уровне кода, и при наличии в нем ошибки, часть вашего сайта может быть просто пропущена, а соответственно не попадёт в выдачу.

- Создание релевантных Tilte-тегов. Большую ошибку совершают те оптимизаторы, которые оставляют этот тег пустым или просто вставляют туда название сайта, ведь все поисковые системы придают большое значение HTML тегу <Title>. Хоть этот тайтл и не отображается на странице сайта (увидеть его можно в выдаче поисковика или в верхней части окна браузера), поисковые роботы используют его как один из параметров для определения тематики страницы.

- Удаление дублей страниц. Если вы создаете свой сайт вручную, то вы вряд ли столкнетесь с такой ситуацией. Однако если вы пользуетесь бесплатными системами управления контентом (CMS), то вероятность появления дубля высоковероятна.  CMS может создать два разных URL для одной и той же статьи или к исходному URL добавить лишние параметры session ID для каждого посетителя сайта. А так как поисковые системы предпочитают уникальную информацию, они понижают дубли в выдаче. Кроме того, если поисковые роботы обнаружат много неуникального контента, на сайт может быть наложен фильтр.

- Отказ от скрытого текста. Под скрытым текстом я имею в виду нечитаемые вставки в текст. Примеры такого текста - это белый шрифт на белом фоне или текст, спрятанный с помощью функции display:none. Благодаря таким уловкам некоторые вебмастеры размещают на странице массу ключевых слов, чем пытаются повлиять на выдачу в поиске. И, действительно, такой способ работал раньше, в редких случаях он срабатывает и сейчас, но является официально запрещённым и в долгосрочной перспективе ведёт к штрафу. Кстати, если вы пользуетесь бесплатным хостингом, советую проверить свой сайт на наличие такого «невидимого» текста, который могут вставить в ваши страницы недобросовестные хостеры.

Итак, оптимизация кода для поисковых роботов способствует быстрой и беспрепятственной индексации ресурса и получению более высоких позиций в выдаче поисковой системы. Однако всё, что мы рассмотрели, отображает только одну сторону оптимизации сайта – оптимизацию кода для поисковых машин. Вы создаете сайты для людей и, естественно, хотите, чтобы пришедшие к вам пользователи стали покупателями или долгосрочными читателями. Именно эту сторону оптимизации называют юзабилити – удобством использования, о чем мы и поговорим сейчас.

Оптимизируем сайт для пользователей

Удобство использования сайта представляет собой совокупность характеристик и приёмов, которые делают вебсайт приятным, удобным и простым для пользователя, что является обязательным условием для конвертации – превращения трафика в продажи.

Я не раз сталкивалась с сайтами, в основном маленькими интернет-магазинами, на которых при всей своей терпеливости задерживалась не более минуты. Нет, товары у них достойные и условия приемлемые, но на таких сайтах совершенно невозможно понять, сколько стоит товар, какие условия доставки, география доставок и прочие важные моменты. На сайте одного из местных интернет-магазинов на фоне звучала раздражающая слух музыка, какие уж покупки в такой атмосфере! Уверена, что б?льшая часть денег, затраченных на рекламу таких сайтов, никогда не оправдает себя.

Считается, что удобство использования сайта является 90% гарантией того, что посетитель станет в перспективе вашим покупателем или читателем. Кстати, для читателей этой статьи мы в рамках zaruka.ru готовы дать 5 экспресс обзоров их сайтов, для этого пишите нам комментарии.

Итак, удобство использования – это комплексное понятие, которое включает множество компонентов. Подробно рассматриваем мы их в разделе SEO на zaruka.ru, сейчас же назовем основные и наиболее важные из них:

- Скорость загрузки сайта. В поисках необходимой информации пользователь обычно открывает несколько вкладок, из которых потом и делает выбор. Если ваш сайт долго подгружается, человек его попросту закроет одним из первых, на чём ваше знакомство и закончится. Отсюда простой вывод – не перегружайте свой вебсайт графикой, рекламой и другими сомнительными красотами. Если же видео или flash действительно необходимы для презентации вашего товара или услуги, то лучше подгружать их после загрузки страницы и при этом отображать статус их загрузки. В этом случае пользователь сможет оценить время загрузки, а сайт не покажется ему «зависшим».

- Навигация по сайту. Именно благодаря хорошо продуманной навигации посетитель сайта сможет легко ориентироваться и быстро находить интересующую его информацию. Для этого необходимо составить понятное меню, которое будет находиться в одном и том же месте и состоять из одних и тех же пунктов на всех страницах сайта, иначе посетитель рискует запутаться. Добавив ссылку на домашнюю страницу (обычно с логотипа), вы дадите пользователю возможность в любое время вернуться к самому началу. Для удобства навигации по большим сайтам также рекомендуется сделать поиск. Эта простая в исполнении опция позволит посетителю сайта быстро найти необходимый товар, услугу или информацию. Ещё один немаловажный момент, благоприятный для навигации – это хлебные крошки, также известные как Breadcrumb или навигационные цепочки. Хлебные крошки позволяют посетителю в любой момент понять, где он находится, и вернуться по цепочке назад. Как правило, такие цепочки располагаются вверху, над основным текстом и выглядят следующим образом:

Главная -> Категория-> Подкатегория->Товар

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

- Контент. К сожалению, не стоит надеяться, что посетитель сайта будет долго и терпеливо читать все ваши преимущества и условия, расписанные в длинном однообразном тексте. Как правило, знакомство с текстом ограничивается заголовком, подзаголовками и несколькими верхними строками. Но ведь этим можно и воспользоваться! Просто отобразите в заголовке основную идею, а всю важную информацию кратко изложите в нескольких первых строках. Кроме того, будьте скептичны к выбору шрифта и фона сайта – текст должен читаться без усилий. Как копирайтер я бы посоветовала выделять основные моменты в тексте жирным шрифтом или другим цветом, чтобы обратить на них внимание посетителя сайта. В то же время не советую использовать подчеркивание, так как подчеркнутый текст ассоциируется со ссылкой и может запутать читателя. Для выделения ключевых моментов рекомендуется также использовать иконки, пиктограммы, создавать блоки и списки. Что же касается ссылок, старайтесь делать их краткими по формулировке, ёмкими и информативными.

Ваша цель – получить продажи с сайта и вывести его в ТОП, и для достижения этой заветной цели необходимо сделать вебсайт максимально удобным, быстрым и приятным для каждого посетителя. А оптимизация для этого жизненно необходима. И, конечно же, тестируйте свой сайт на всевозможные ошибки, недочёты, описки, некорректность кода и прочее ещё до запуска, что, поверьте, избавит вас от множества проблем в дальнейшем.

И, напоследок, хочу сказать, что оптимизация сайта для посетителей и для поисковых систем действительно позволяют вывести сайт на лидирующие позиции и увеличить количество продаж. Однако оба компонента должны применяться в тесной взаимосвязи. Если на каждом этапе работы над сайтом вы будете задавать себе вопрос «Правильно ли структурирован, информативен и удобен мой сайт?», то он определенно станет посещаемым и продающим.

Автор: Оксана Матюшенко – лингвист, переводчик, СЕО-копирайтер. Занимается оптимизацией и написанием контента для интернет-магазинов, а также пишет статьи для информационного ресурса www.zaruka.ru .