SEO и дизайн сайтов: все, что вам нужно знать

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

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

В этой статье мы рассмотрим SEO, как неотъемлемую часть процесса разработки дизайна вашего сайта (или его редизайна), чем оно, собственно, и должно являться. Рассмотрим, какие факторы вам необходимо учесть, чтобы создать сайт привлекательный для поисковых систем, способный привести потенциальных клиентов, и как ставка на довольных пользователей может помочь достичь расположения богов Google. Мы также уделим внимание некоторым распространенным ошибкам, которые допускают компании, создающие новые веб-сайты.

Что обычно происходит…

Раздается звонок в офисе Lemarbet.
Андрей: “Здравствуйте, Lemarbet на проводе. Чем мы можем вам помочь?”

Звонящий: “Привет. Мы только что создали веб-сайт и, кажется, мы теряем значительное количество трафика…” ИЛИ: “Ключевые слова, которые мы использовали, кажется, не работают…” ИЛИ: “Мы не получаем эффекта, на который рассчитывали”. ИЛИ: “Мы хотим понять, что мы можем сделать, чтобы оптимизировать SEO”.

Андрей: “Ок. Сообщите нам свой URL и телефонный номер, по которому с вами можно связаться. Мы посмотрим, какие предложения можно сделать для вас”.

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

Разработка SEO-дружественного веб-сайта

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

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

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

Основное

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

Домен

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

Интернет-бизнес с названием Lemarbet, находится в Украине. Естественно, что его основной домен — lemarbet.com. Все субдомены перенаправляют на главный URL-адрес lemarbet.com.

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

Хостинг

Хостинг тоже очень важен. Медленно работающий сайт — источник недовольства пользователей. Выбирайте хостинг, исходя из здравого смысла. Располагайтесь там, где находится ваша аудитория. Будьте быстрыми. WP Engine — отличный пример, поскольку он предоставляет платформу, адаптированную к веб-сайтам WordPress.

CMS

CMS (система управления контентом), которую вы выбираете для своего бизнеса, может очень сильно повлиять на успех вашего интернет-бизнеса. WordPress — отличный вариант во многих ситуациях, но он далеко не единственный. Впрочем, это хорошая отправная точка для многих компаний. Вам нужно просто убедиться, что выбор CMS является правильным именно для вас.

Сканирование и доступность

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

Индексация

Поисковые роботы должны прочесть содержимое вашей страницы. Это означает, что основное содержание сайта (даже в современном стремительно развивающемся мире) — это не изображения или видео, а текст. Основной контент — текстовый контент. У вас имеются такие прекрасные инструменты как веб-шрифты. Используйте их, используйте изображения и все, что считаете нужным, но обязательно говорите с поисковиками на понятном им языке, чтобы поисковая система могла прочесть и понять вашу информацию.

Изображения, видео, PDF-файлы и контент также важны и могут стать источником трафика поисковой системы. Опять же, они должны быть видимыми и индексируемыми.

Структура ссылок

Чтобы проиндексировать ваш контент за пределами домашней страницы, вам нужны внутренние ссылки, которые поисковая система может сканировать. Ваша основная навигация, директивы поисковых систем и такие инструменты, как XML-карты сайта, помогают поисковой системе сканировать ваш сайт и открывать новые страницы. Такие инструменты, как Screaming Frog, окажут вам реальную помощь.

Информационная иерархия и структурирование вашего сайта

Мне всегда нравилась аналогия структуры сайта с картотекой. Ваш сайт представляет собой картотеку, основные категории — это ящики, подкатегории — папки в ящиках, отдельные файлы и страницы сайта — документы в папках.

Рассмотрим структуру сайта Lemarbet в качестве примера:

Главная

— Продвижение

— — SEO

— — — Продвижение интернет-магазинов

Главная

— Создание

— — Создание интернет-магазинов

— — — Создание интернет-магазина: что важно знать владельцу бизнеса?

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

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

URL-адреса

Грамотный набор URL-адреса позволит обеспечить лучшие условия для поисковиков и посетителей сайта. Ниже приведены два набора гипотетических URL-адресов, которые могут отображаться на пути Services>SEO>SEO Audit, но один из них имеет смысл, а второй бесполезен.

www.example.com

www.example.com/services/

www.example.com/services/seo/

www.example.com/services/seo/audits/

www.example.com

www.example.com/s123/

www.example.com/s123/s1/

www.example.com/s123/s1/75/

Разумеется, второй набор URL-адресов — пример выдуманный, но он наглядно демонстрирует тот факт, что URL-адреса могут мешать поисковым системам, а не помогать им, как в первом варианте.

Навигация

Если сайт грамотно структурирован, навигация взаимодействует с URL-адресами и другими компонентами, такими как файлы Sitemap XML, чтобы помочь закрепить каждую страницу, каждую часть контента.

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

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

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

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

signpost

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

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

Общие проблемы

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

Например:

  • “Осиротевший” (потерявшийся) контент, который невозможно отыскать;
  • Контент, доступный только через поиск по сайту;
  • Flash-файлы, программы Java, аудиофайлы, видеофайлы;
  • AJAX * и прочие эффекты;
  • Фреймы — контент, внедренный с другого сайта, тоже могут стать причиной проблем;
  • Субдомены — содержимое разделяется на поддомены, а не подпапки.

* Google стал намного лучше читать страницы AJAX , но по-прежнему можно скрыть содержание бессмысленными эффектами.

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

Резюме

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

Мобильно-дружественный дизайн

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

Тем не менее, мобильно-дружественный дизайн все еще недостаточно распространен. Мы говорили о том, насколько важна “гибкость” дизайна, еще в 2012 году. За истекшие пять лет произошли существенные перемены — стремительное развитие технологического прогресса, значительные улучшения в мобильных сетях передачи данных и так далее. Все это привело к тому, что ваши потенциальные клиенты используют мобильные телефоны в качестве первого (или даже единственного) устройства для взаимодействия с вашим бизнес-ресурсом.

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

Стоит отметить, что с точки зрения SEO, мобильность — это подтвержденный коэффициент ранжирования для мобильного поиска, и именно мобильная версия вашего сайта будет использоваться поисковой системой для анализа и ранжирования. Однако, гораздо важнее то, как мобильные пользователи ищут ваш сайт и как они его видят. Работайте именно в этом направлении, и вы будете вознаграждены за свои усилия растущим трафиком и успешным взаимодействием с потребительской аудиторией.

Скорость загрузки страницы

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

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

Юзабилити

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

  • Макет страницы. Важным элементам- приоритет.
  • Визуальная иерархия. Важным элементам — больше площади и пространства.
  • Навигация по сайту (и главной странице). Четкие ориентиры (указатели) для пользователей.
  • Поиск. Крупным сайтам необходим расположенный на видном месте и эффективно функционирующий поиск.
  • Формы регистрации и оформления заказа. Предельно простые и легкие для заполнения.
  • Дизайн. Отличный дизайн делает решение всех остальных проблем более простым.

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

Маркетинговая воронка для наполнения контентом

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

Структурированный способ рассмотрения контента являет собой типичную маркетинговую воронку:

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

  • Сообщения в блоге;
  • Информационные статьи;
  • Вебинары;
  • Справочники;
  • Вопросы и ответы.

Рассмотрение. Этот контент помогает сравнить предложенные вами перспективы с другими предложениями. Как правило, это практический контент, который помогает клиенту принять решение.

  • Тематические исследования;
  • Информация о продукте или услуге;
  • Демонстрационные видеоролики;
  • Руководства для пользователя.

Конверсия. Контент стимулирует конверсию и мягко (не агрессивно) стимулирует продажи.

  • Отзывы;
  • Рекомендации;
  • Бесплатная пробная версия;
  • Бесплатная консультация.

Помните, что клиенты будут искать то, что им нужно, по всему спектру типов контента. Значит, вы должны гарантировать, что все эти области подлежат охвату поисковых систем.

SEO — гайки и болты

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

Таргетинг по ключевым словам

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

— Сервисы

— — SEO

— — — SEO аудит

www.example.com/services/

www.example.com/services/seo/

www.example.com/services/seo/audits/

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

Главная

— агентство цифрового маркетинга

— компания цифрового маркетинга

+ Львов

+ Украина

Сервисы

— маркетинговые услуги

— услуги цифрового маркетинга

+ Львов

+ Украина

SEO

— SEO

— Поисковая оптимизация

+ Компания

+ Агентство

+ Львов

+ Украина

Аудиторские проверки

— SEO-аудит

— Технический SEO-аудит

+ Агентство

+ Компания

+ Львов

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

HTML тег Title

Тitle — самый важный тег, причем не только с точки зрения влияния на результаты оптимизации и поискового продвижения, но и для пользователей. Фактически, это единственный метатег, непосредственно влияющий на ранжирование.

Лучшими рекомендациями для тега title являются следующие:

  • Ключевые слова поместите в начало тега.
  • Придерживайтесь размера от 50 до 60 символов.
  • Используйте ключевые слова и фразы в естественном вхождении.
  • Используйте разделители для категорий и брендов.
  • Сосредоточьтесь на кликах и конечном потребителе.
  • Обеспечьте последовательный путь по всему сайту.

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

Мета-теги description

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

Мета-теги description должны:

  • Правдиво описывать содержимое страницы;
  • Рекламировать страницу и повышать количество кликов.
  • Давать пользователю представление о том, почему он должен перейти на эту страницу.
  • Включать ключевые слова в случае, когда это будет уместно и естественно.

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

Теги header

Теги header помогают структурировать страницу и определяют иерархию в документе: H1, H2, H3 и так далее. Текст в них оказывает на улучшение ранжирования совсем незначительное влияние, но гораздо важнее выравнивание структуры сайта и самого контента. Грамотное построение, понятное для пользователя, помогает и поисковым системам классифицировать наш контент, прорабатывая каждый отдельный простой фрагмент.

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

Содержимое страницы

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

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

  • Умеренное использование ключевых слов.
  • Расположение ключевых слов в содержании — чем выше, тем лучше.
  • Структурирование страницы.
  • Синонимы и альтернативы.
  • Естественное вхождение ключевых слов — что еще сделает ваш документ качественным и читабельным?

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

При определенных условиях изображения могут дать вам довольно существенный объем трафика. Опять же, здесь предельно важную роль будет играть контент сайта и базовая оптимизация.

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

hobbit

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

Технически оптимизация изображений совершенно проста:

  • Название изображения — укажите название, которое будет четко описывать то, что изображено на картинке.
  • Alt text — используйте альтернативный текст, чтобы помочь тем, кто не видит изображение.
  • Добавьте OpenGraph и Twitter Cards для взаимодействия с социальными сетями.
  • Используйте правильный размер фото, чтобы обеспечить быструю загрузку.
  • Попробуйте добавить изображения в XML-карту.

Не используйте спам в наименованиях файлов и alt-тексте с помощью ключевых слов.

Общие проблемы

SEO-проекты в Lemarbet обычно начинаются с SEO-аудита. Здесь мы не можем прокомментировать все возможные проблемы, с которыми приходится сталкиваться, поэтому рассмотрим лишь самые распространенные.

Дублированный контент.

Как правило, встречается два вида дублированного контента — полное дублирование и частичное. В первом случае одна и та же страница доступна по разным URL. Частичные дубликаты — это дублирование на разных страницах какого-либо блока контента. Часто такое встречается на страницах категорий и описаний товаров.

Каннибализация ключевых слов.

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

Домены и поддомены.

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

Рассмотрим интернет-бизнес с двумя доменами:

  • Example.com
  • Example.co.uk

С версиями www и non-www:

  • Example.com
  • Example.co.uk
  • www.example.com
  • www.example.co.uk

И сайт работает по HTTP и HTTPS:

  • http://example.com
  • http://example.co.uk
  • http://www.example.com
  • http://www.example.co.uk
  • https://example.com
  • https://example.co.uk
  • https://www.example.com
  • https://www.example.co.uk

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

Источник: http://searchengineland.com/seo-website-design-everything-need-know-272899

BLOG & NEWS

Оставьте ответ

Ваш email не будет опубликован.

  • ББудем на связи

    Свяжитесь с нами

    • ул.Водогонная 2, офис 321, 79017 Львов, Украина
    • email: [email protected]
    Спасибо!Мы получили ваш запрос.
    Представитель команды свяжется с вами в ближайшее время.
    Обычно это занимает 1-2 рабочих часа.