5 ошибок дизайна, которые негативно влияют на SEO

  1. Что такое SEO и что имеет в виду Google?
  2. Как я могу проектировать, не влияя на SEO?
  3. 1. Хороший мобильный опыт = хороший рейтинг
  4. Что ты можешь сделать?
  5. 2. Иерархия в содержании
  6. Что вы можете сделать, чтобы улучшить иерархию?
  7. 3. Первый свиток - твоя цель
  8. Что вы можете сделать, чтобы улучшить свиток?
  9. 4. Не бойкотируйте: избегайте всплывающих окон, манер и компании
  10. Что вы можете сделать, чтобы избежать их?
  11. 5. Дизайн с головой, чтобы быть быстрым
  12. Как ты можешь проектировать лучше?
  13. Заключительные замечания по дизайну и SEO

В этой статье есть все, что вам нужно знать о том, как дизайн влияет на SEO.

Сначала я кратко объясню, почему SEO важен и какие аспекты имеет в виду Google.

Тогда, как вы можете сделать так, чтобы роботу Google нравилась ваша страница?

Звучит хорошо? Поехали туда!

Что такое SEO и что имеет в виду Google?

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

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

Что хорошего в хорошо спроектированной сети, которая вредит позиционированию и почти не имеет посетителей?

Точно. Пожалуйста

Как я могу проектировать, не влияя на SEO?

Я объясню основные аспекты, которые Google имеет в виду, и как вы можете помочь им с дизайном.

1. Хороший мобильный опыт = хороший рейтинг

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

Это означает, что мы должны сначала разработать мобильную версию, но не с классической точки зрения «я делаю ее отзывчивой и все» . Нам нужно больше работать.

Mobile-first означает, что основной версией нашей страницы будет мобильная : она будет более оптимизированной со всем необходимым контентом (не больше, не меньше) и той, которую мы всегда будем расставлять по приоритетам.

Google примет мобильную версию в качестве основы для определения позиции в поисковой выдаче (страница результатов).

Что ты можешь сделать?

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

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

Прогноз заключается в том, что 78% трафика быть с мобильного в конце 2018 года. Как видите, это не то, что нужно воспринимать легкомысленно.

2. Иерархия в содержании

Этот аспект также связан с индексом Mobile-first .

Google "вознаградит" страницы, которые хорошо структурированы на уровне контента: у каждого раздела должен быть свой основной владелец (H1), затем перейдите к H2, H3 ...

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

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

Кроме того, роботы Google будут лучше читать ваш сайт.

Что вы можете сделать, чтобы улучшить иерархию?

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

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

И наконец, он создает заголовки (h1, h2, h3 и т. Д.), А также абзацы и ссылки с достаточной разницей между ними как по размеру, так и по цвету.

3. Первый свиток - твоя цель

Роботы Google постоянно посещают наши страницы, и важно, чтобы время в них находилось найти все необходимое ,

Думаю, что у них есть «Предел» времени читать каждую страницу.

Как вы думаете, что произойдет, если важный контент начинается слишком низко?

Просто Google будет трудно читать вашу страницу, будет тратить больше времени на «поиск» контента и заставлять вас посещать меньшее количество страниц нашего веб-сайта ... так что он будет меньше индексироваться.

Что вы можете сделать, чтобы улучшить свиток?

Когда вы разрабатываете верхнюю часть Интернета, убедитесь, что у вас самый важный контент как можно выше.

В настоящее время мы склонны загружать заголовки с анимацией, Javascript и другими «крутыми» эффектами. Они прекрасны - я не буду это отрицать - но они играют против Google.

Спасибо, что нашли промежуточный пункт: пользователь должен визуально представить привлекательную страницу, но он также должен очень быстро узнать, ищет ли он это или нет (мы возвращаемся к UX). И Google, больше того же самого.

4. Не бойкотируйте: избегайте всплывающих окон, манер и компании

Мы используем эти графические ресурсы, когда «нам не подходит» контент, и мы хотим немного его скрыть.

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

Что вы можете сделать, чтобы избежать их?

Используйте их только тогда, когда они строго необходимы - поскольку они не запрещены на 100% - но убедитесь в следующем:

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

5. Дизайн с головой, чтобы быть быстрым

И последнее, но не менее важное: вы должны проектировать, не подходя.

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

И все это смертельно для SEO.

Google позиционирует вас хуже, если ваша страница:

  • Он сделал более 55 запросов. То есть загружайте более 55 файлов каждый раз, когда мы его открываем.
  • Загрузка занимает более 3 секунд

Вы можете увидеть обе вещи, щелкнув правой кнопкой мыши Inspect > Network и перезагрузив страницу.

Как ты можешь проектировать лучше?

Есть часть этого момента, которая затрагивает больше вопросов разработки ( минимизация и сжатие файлов, использование CDN и т. Д.), Но на уровне разработки также есть что сделать:

  • Не используйте изображения шириной 2560 пикселей. Мы склонны проектировать так, как если бы у наших пользователей был iMac 27 '' ... и это обычно не так. Представьте себе драму загрузки такого изображения на мобильный телефон 3G.
  • Используйте эффекты с осознанием: я не говорю, что вы не используете, но когда вы выбираете их, вы делаете это, думая, что они влияют на время загрузки и пользовательский опыт.
  • Не волнуйтесь, выбирая много шрифтов. Хотя вы загружаете их через Google Fonts, это больше запросов и больше CSS. С одной парой у тебя должно быть достаточно.

Заключительные замечания по дизайну и SEO

Может быть, трудно запомнить все эти моменты, но легко, если вы не забудете эту фразу (спасибо @guaca !).

«Если это хорошо для пользователя, это хорошо для Google».

вы Я рекомендую книгу «Проектирование для производительности: эстетика и скорость взвешивания» Лары Каллендер. Он описывает, как оптимизировать вес изображений, какие форматы лучше, как очистить CSS, как измерить ... а также объясняет основные понятия, которые должны быть известны.

это вы найдете на Амазонке по отличной цене.

Это также будет вас интересовать

Что такое SEO и что имеет в виду Google?
Как я могу проектировать, не влияя на SEO?
Тогда, как вы можете сделать так, чтобы роботу Google нравилась ваша страница?
Звучит хорошо?
Что такое SEO и что имеет в виду Google?
Что хорошего в хорошо спроектированной сети, которая вредит позиционированию и почти не имеет посетителей?
Что ты можешь сделать?
Что вы можете сделать, чтобы улучшить иерархию?
Как вы думаете, что произойдет, если важный контент начинается слишком низко?
Что вы можете сделать, чтобы улучшить свиток?