Лучшие советы по SEO для веб-дизайнеров в 2020 году

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

Мы оставили несколько советов и бесплатных инструментов, которые помогут оптимизировать работу ваших проектов.

Лучшие советы по SEO для веб-дизайнеров в 2020 году

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

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

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

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

Давайте рассмотрим 23 совета, которые помогут вам стать ещё лучше. Нам доступно несколько бесплатных инструментов, которые помогут владельцам сайтов увидеть аналитику, что позволит быстрей решать проблемы связанные с работой сайта. Приступим:

# 1 Настройка Google Search Console

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

# 2 Настройка Bing Webmaster Tools

Bing Webmaster Tools — это эквивалент Google Search Console для поисковой системы Bing. Несмотря на доминацию Google, Bing по-прежнему может приносить хороший объём трафика и зачастую имеет меньшую конкуренцию.

Лучшие советы по SEO для веб-дизайнеров в 2020 году

# 3 Установите Google Analytics

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

# 4 Используйте Google Tag Manager

Google Tag Manager позволяет вам управлять всеми тегами вашего сайта, не требуя от вас навыков программирования. Поэтому, когда вам нужно добавить Google Analytics, Google Adsense, Facebook pixels или что-либо еще, вы можете с легкостью сделать это с помощью Google Tag Manager.

# 5 Создайте XML карту

XML карта сайта позволит вам отправлять веб-страницы в поисковые системы. Они нужны, чтобы сообщить поисковикам информацию о страницах веб-сайта. Сперва проверьте, есть ли они на сайте и обновлены ли они. Обычно вы можете найти их, перейдя на http://yourdomain.com/sitemap.xml.

Лучшие советы по SEO для веб-дизайнеров в 2020 году

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

Уже через несколько секунд карта сайта будет готова и вы сможете отправить её в Google Search Console или Bing Webmaster Tools. После загрузки карты на ваш сайт у вас должен появиться URL: yourwebsite.com/sitemap.xml.

Лучшие советы по SEO для веб-дизайнеров в 2020 году

В учётной записи Google Search Console нажмите Sitemaps в разделе Index на панели слева. Нажмите «Add a new sitemap», введите URL-адрес и нажмите на кнопку отправки.

# 6 Поддерживайте высокую скорость работы сайта

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

Лучшие советы по SEO для веб-дизайнеров в 2020 году

Мы предлагаем вам начать с проверки текущего времени загрузки сайта. Вы можете сделать это с помощью Google PageSpeed Insights или WP Engine’s WordPress Speed Test.

Чтобы свести время загрузки сайта к минимуму, вы можете:

  • Удалить лишние темы и инструменты
  • Использовать инструменты с быстрой загрузкой, например, Genesis Pro
  • Выберите хостинговую компанию, которая заботится о скорости, например WP Engine.
  • Уменьшите размер изображения до размера, который фактически будет отображаться на сайте.
  • Сжимайте изображения, чтобы уменьшить размер файла без ущерба для качества, используя такие инструменты как Compressor или Smush.

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

# 7 Проверьте файл robots.txt

Дважды проверьте файл robots.txt, чтобы убедиться, что он не блокирует индексацию сайта.

Лучшие советы по SEO для веб-дизайнеров в 2020 году

В WordPress перейдите в «Настройки» > «Чтение» и убедитесь, что флажок «Запретить поисковым системам индексировать этот сайт» НЕ установлен.

Лучшие советы по SEO для веб-дизайнеров в 2020 году

Проверьте учётные записи Google Search Console и Bing Webmaster Tools, чтобы убедиться, что они могут правильно читать файл robots.txt.

# 8 Будьте осторожны с архитектурой сайта

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

Хотите узнать, как это делается? Держите несколько советов:

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

# 9 Сделайте сайт дружелюбным к мобильным устройствам

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

Лучшие советы по SEO для веб-дизайнеров в 2020 году

Если вы не уверены, что ваш сайт оптимизирован для мобильных устройств, воспользуйтесь Google Mobile Friendly Test.

Такие темы как Elegant Themes и Thrive Themes предлагают мобильные версии, которые позволяют с лёгкостью настраивать внешний вид сайта на мобильных устройствах.

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

# 10 Используйте видео

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

Лучшие советы по SEO для веб-дизайнеров в 2020 году

Если вы не хотите создавать видео, мы советуем рассмотреть возможность встраивания видео с YouTube в разделы, где они будут релевантны. Видео помогают людям, которые не хотят читать длинные блоки текста. Помимо этого они помогают задержать посетителей на сайте на длительное время, что отлично сказывается на SEO!

# 11 Сделайте Google Analytics своим новым лучшим другом

Мы уже говорили о важности установки Google Analytics. Ну а теперь, пришло время засучить рукава и разобраться в механизме и эффективности этого инструмента.

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

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

Все это и многое другое ждет вас в учётной записи Google Analytics. # 12 Основные сведения об оптимизации на странице

# 12 Основные сведения об оптимизации на странице

Лучшие советы по SEO для веб-дизайнеров в 2020 году

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

  • Включить ключевое слово в URL-адрес (желательно в начало)
  • Также вы можете включить ключевое слово в заголовок (желательно в начало)
  • Включить ключевое слово в текст несколько раз (особенно важно вставить его в начале первого абзаца)
  • Используйте теги заголовка — один тег h1 для заголовка и теги h2 для любых подзаголовков
  • Оптимизируйте изображения
  • Добавьте ссылки на 3 авторитетных сайта, имеющих отношение к вашей теме
  • При возможности добавьте хотя бы одну внутреннюю ссылку

# 13 Проведите аудит сайта

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

Аудит позволяет:

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

# 14 Создайте собственную страницу с ошибкой 404

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

# 15 Установите сертификат SSL

Лучшие советы по SEO для веб-дизайнеров в 2020 году

Сертификат SSL позволяет менять URL-адрес сайта с http:// на https://. Если на сайте выскакивает предупреждение о безопасности для посетителей, они с большой вероятностью покинут сайт. Установка SSL-сертификата поможет укрепить доверие между сайтом и посетителем, такую рекомендацию дают в Google. Многие хосты, такие как WP Engine и SiteGround, предлагают бесплатный сертификат SSL.

# 16 Используйте SEO плагины

Если SEO оптимизация вам не по душе, установите плагин. Вам подойдут Yoast SEO, All in One SEO Pack или The SEO Framework. Они помогут выявить любые слабые места вашего сайта. Также стоит потратить время, чтобы разобраться с тем, как правильно подбирать и использовать ключевые слова.

# 17 Сделайте ваш контент читабельным

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

# 18 Завоюйте доверие посетителей сайта

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

Лучшие советы по SEO для веб-дизайнеров в 2020 году

Это можно сделать с помощью добавления:

  • Кликабельного номера телефона на видном месте
  • Отзывов, обзоров и тематических исследований
  • Добавления фотографий членов команды
  • Установки сертификата SSL (см. Выше)

# 19 Сделайте изображения дружественными для поисковых систем

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

# 20 Добавьте alt атрибуты к изображениям

Лучшие советы по SEO для веб-дизайнеров в 2020 году

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

# 21 Понимание тегов заголовков

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

# 22 Используйте удобные для SEO (и посетителей) URL-адреса

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

Лучшие советы по SEO для веб-дизайнеров в 2020 году

В WordPress это легко сделать, перейдя на панель управления. Перейдите в «Настройки» > «Постоянные ссылки» и выберите «post name» или создайте свою собственную «custom structure».

# 23 Узнайте, как конвертировать посетителей сайта

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

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

Веб-дизайнеры превращают SEO в прибыль

Понимание этих тем и возможность консультировать клиентов даёт вам возможность получать большой доход за счёт:

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

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

Больше интересных и актуальных статей ищите в нашем блоге и телеграм-канале.

33
10 комментариев

Ума - палата... Веб дизайн и seo, это да, тесно переплетенные сферы, но НИКАК НЕ РОДСТВЕННЫЕ!!! Не фиг дизайнеру лезть в  консоль Google. От слова СОВСЕМ.
Есть свой сайт - карты в руки. Нету? В чужой консоли нехер делать!
Аффтор... Так хочется выругаться... Если вы, блядь, дизайнер, не лезьте к заказчику со своим недопониманием SEO! Это выстрел в ногу себе и другим!
Дизайнер полностью подчиняется маркетологу заказчика! Ваша задача нарисовать то, что вам скажут, продумать адаптивность дизайна, цветовые сочетания, размеры и типы шрифтов, графику. ВСЕ!!! Дальше не суй свой нос, пока его не оторвали! 
Так, начитавшись подобных статей, каждый недодизайнер решит что он seo специалист и маркетолог, 3 в одном, все включено, блядь!!!
И вообще, сначала нужно получить дизайнерское образование, разбираться в предмете, и только получив гору опыта в сфере, можно двигаться куда то ещё...

1
Ответить

Может заголовок и не верно адресован к дизайнеру, но по теме-то все достаточно емко и просто написано. Да, ничего нового, но "памятка начинающему" получилась неплохая.

1
Ответить

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

Ответить

Типа советы строителю, как перебрать движок у ВАЗа

1
Ответить

Самый нужный совет, лишнее обрезается: 8. "БУДЬТЕ ОСТОРОЖНЫ", ибо не следует совать нос, куда вас не звали. Кто тебя пустит к архитектуре чужого сайта??? В лучшем случае просто пошлют (если заказчик серьёзный). 

Ответить

Насколько серьезно УРЛ влияет на поисковую выдачу в разных поисковиках. Особенно в новых тематических доменных зонах. Бигг, Яху и Яндекс их любят, а вот Гугл - все равно долго не замечает. 

Ответить

Почему SEO  не для дизайнеров? Вот 80%  SEO ориентированных  web-devов берут WP и поставят стандартный слайдер картинок в шапку первой страницы - и будет "дизайн"... Но успешно пройти Google PageSpeed Insights такой сайт на WP не сможет. И тогда те самые оптимизаторы первое, что порежут - картинки (уничтожат дизайн). А дело как раз в WP с кучей обращений к базе и подгрузкой скриптов.
Вот пример https://meshki77.ru - мне дали на рост, в начале сайт был на WP и тест первой страницы (с таким же слайдером, но в WP)  Google PageSpeed Insights проходил с 55% (моб) и 61% (комп) и это без счётчиков.
Потом дизайнер её собрал сам, без WP,  без jquery библиотек, на инклюдах... И красивее, чем было в шаблонах... И бац - 95%(моб) 100%(комп) и это ещё с включёнными Метрикой и Analytics. И теперь первая страница в Я по запросу "мешки". 
Так что статья для всех и с SEO и нужно начинать проекты.

Ответить