Новости
25.10.2017
Показатель отказов: от чего он зависит? Показатель отказов: от чего он зависит?

Показатель отказов – важный параметр работы сайта. Он показывает, насколько ресурс интересен и полезен для пользователей. Соответственно, чем ниже процент отказов, тем вы...

18.10.2017
Копия сайта и необходимость ее создания Копия сайта и необходимость ее создания

Несмотря на то, что сайт – это не вещь, его тоже можно потерять. Серьезные проблемы с интернет-порталом могут быть результатом:Посягательств со стороны злоумышленников. П...

10.10.2017
Грамматические ошибки на сайте: накажут ли за них поисковики? Грамматические ошибки на сайте: накажут ли за них поисковики?

Стоит ли опасаться гнева поисковика, если на страницах сайта присутствуют грамматические ошибки? Этот вопрос волнует всех, кто уже давно распоряжается собственным виртуал...

Мировые новости


31.07.2014
Рекомендации по SEO для веб-дизайнеров

Рекомендации по SEO для веб-дизайнеров

Должны ли веб-дизайнеры заботиться о поисковой оптимизации? Мы знаем что суть веб-дизайна в том, чтобы правильно подать информацию, сделать из нее целостный и эстетически привлекательный продукт, при этом интуитивно понятный пользователю. Также это способ выражения идей и посыла. У пещерных людей были наскальные надписи, у древних египтян — иероглифы, у современного человека есть веб-дизайн.

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

Вот почему дизайнерам стоит заботиться о том, чтобы сайт понравился в том числе и поисковому роботу. Сегодня говорим о SEO (поисковой оптимизации) для веб-дизайнеров.

Забудьте о стереотипах голливудских фильмов — роботы нам не враги. Они так же как и мы, призваны работать на благо пользователя.

Что такое SEO?

SEO расшифровывается как «Search Engine Optimization», а переводится как «Поисковая оптимизация». Это стратегия развития и совершенствования сайта таким образом, чтобы он занимал наиболее высокие позиции в результатах выдачи поисковых систем, в идеале на первой странице. Известно что 75% пользователей никогда не переходят на вторую страницу результатов поиска Google. Это означает, что чтобы сайт увидело большее количество пользователей, его нужно вывести на первую страницу.

Почему SEO важно для веб-дизайнеров?

Короткий ответ: Потому что это важно для клиента.

 Длинный ответ: По данным исследований более 570 веб-сайтов создаются каждую секунду. С таким количеством ресурсов, довольно высока вероятность того, что ваш сайт затеряется в бездне под названием «дальше первой страницы Google».

Давайте рассмотрим рекомендации, которые помогут веб-дизайнерам работать с SEO.

1. Структура сайта

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

Если вы хотите, чтобы ваш сайт находило большинство пользователей, быстрее всего достичь этой цели при помощи логично построенного макета, который легко сканировать. Помните: если счастлив робот — счастливы все!

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

2. Простая навигация

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

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

Хорошая новость для поклонников JavaScript: робот Google теперь может обрабатывать JavaScript. Однако это не повод сходить с ума с меню JavaScript, потому что роботы все еще очень ограничены в своих возможностях, и вполне могут не понять сложный язык.

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

3. Мета-описание

Даже если вы не имели дела с этим термином, вы определенно в курсе, что это такое. Мета-описание это небольшой сниппет на странице, который описывает о чем же эта страница. Важные страницы на вашем сайте должны иметь мета-описания. Они должны помещаться в 160 знаков.

Мета-описания — отличный способ привлечь посетителя. Это также способ подчеркнуть ключевые слова, ведь в мета-описании Google сканирует и выявляет ключевые слова, которые ищет пользователь.

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

4. Контент

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

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

5. Оптимизация изображений

Вы когда-либо сталкивались с изображениями DCIM34292.jpg? Если вы не тратите время на то, чтобы переименовать ваши изображения, то теряете драгоценное SEO. Подумайте о том, как наилучшим образом переименовать картинку в соответствии с ее содержанием, к примеру: smithers-web-design-mock-up.jpg. Мало того, что вы четко объясните что изображено на картинке, вы также используете ключевые слова.

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

6. Оптимизация URL

Убедитесь что вы оптимизировали ваши URL-адреса, включив в них ключевые слова через дефисы. Если ваш пост в блоге о белой SEO-оптимизации (white hat SEO), ваш URL должен выглядеть так: www.yoursite.com/white-hat-seo.

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

Также не прописывайте в ссылках слова слитно, не используйте нижнее подчеркивание (_). Вместо этого пишите слова раздельно, отделяя их при помощи дефиса (-).

7. Абсолютные URL-адреса для внутренних ссылок

Это простая, но действенная практика. Есть два типа ссылок:

Абсолютные, к примеру: <a href=”www.yoursite.com”>

Относительные, к примеру: <a href=”/home.html”>

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

8. Скорость сайта

Исследования показывают, что 40% посетителей уйдут с сайта, который грузится более трех секунд. Это время, которое потребовалось вам чтобы прочесть это предложение. Вы конечно хотите произвести впечатление на посетителя крутым дизайном, но если почти половина посетителей не дождется загрузки сайта, стоит ли оно того?

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

Как быстро узнать что может опустить ваш сайт в рейтинге? Воспользуйтесь Google PageSpeed Insights.

Если вы никогда не пробовали этот сервис, он может показать вам как много вы сделали не так. Этот инструмент помогает определить скорость сайта и его проблемы, а также дает подсказки о том, как исправить проблемные зоны.

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

Источник