Веб-дизайн и SEO: когда, где и как использовать SEO в вашем следующем веб-проекте

Опубликовано: 2019-06-18

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

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

В этой статье мы обсудим следующие факторы и почему они должны быть учтены на этапе проектирования и планирования веб-проекта:

  • Сканирование и индексация
  • Таксономия
  • Навигация
  • Структура URL
  • Удобный для мобильных устройств дизайн
  • Скорость страницы

Сканирование и индексация

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

Хотя Google лучше сканирует это, не скрывайте свой текстовый контент за внешними ресурсами JavaScript, поскольку у поисковых систем есть история проблем со сканированием контента на внешних листах JS. Разместите текст на своих страницах внутри HTML и не стесняйтесь делать ссылки на другие страницы своего сайта, если они представляют ценность для ваших пользователей. Это гарантирует, что весь ваш контент остается доступным для сканирования, но также дает вашим пользователям четкую и интерактивную информацию, если им понадобится дополнительная информация.

Таксономия

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

Вы можете войти в веб-проект с 5 различными линейками продуктов для гаражных ворот и подумать, что материалы, стиль, цена и размеры должны вращаться вокруг этих 5 брендов. Вы можете попросить своего стажера по маркетингу провести небольшое исследование ключевых слов и обнаружить, что поисковики больше интересуют гаражные ворота по стилю (современные, классические, каретные и т. Д.), А затем сузить их варианты еще больше по размеру, материалам, а затем цене. Эта информация теперь полностью формирует структуру вашего сайта, поскольку теперь вы знаете, что поисковики в первую очередь интересуются «современными гаражными воротами» по сравнению с вашей линейкой продуктов D1 Elite Garage Door. Теперь веб-группы могут использовать эту информацию при настройке иерархии нового сайта.

Это неплохо подводит нас к следующей теме - навигации по вашему сайту.

Навигация

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

Структура URL

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

https://www.example.com/ShowCategory.aspx?cid=1995

вместо этого:

https://www.example.com/clothing/apparel/headwear/bucket-hats

Как вы думаете, какой из двух приведенных выше URL-адресов поисковым системам легче понять? Упрощение понимания вашего контента для Google - большая часть SEO, поэтому учет правильной структуры URL-адресов на ранних этапах процесса проектирования позволяет избежать перенаправлений и проблем в будущем. Лучшие практики включают использование простых структур папок с соблюдением согласованных шаблонов именования, чтобы поисковые системы не сомневались в теме страницы. SEO-дизайн сайта - это ясность и отсутствие секретов!

Удобный для мобильных устройств дизайн

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

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

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

Скорость страницы - это область оптимизации сайта, в которой лучше следовать примеру Google и оптимизироваться в соответствии с установленными критериями. Старая, но отличная цитата Мэтта Каттса из Google:

… Многие люди в Google думают, что Интернет должен быть быстрым. Это должен быть хороший опыт, и поэтому будет справедливо сказать, что если у вас быстрый сайт, возможно, вам стоит получить небольшой бонус. Если у вас действительно очень медленный сайт, то, возможно, пользователям это не нужно.

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

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

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

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

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