Сергей Коваленко
UX/UI дизайнер
Блог того самого веб-дизайнера

Зачем веб-дизайнеру знать SEO

Зачем веб-дизайнеру знать SEO
Когда речь заходит о разработке нового веб-проекта, то первое о чем обычно думают его основатели – это найти хорошего UX/UI дизайнера, который запилит крутой дизайн для сайта. И очень мало кто думает и заботится на этом этапе о подготовке сайта к продвижению и его поисковой оптимизации (SEO). А зря!

Конфликт интересов при передаче проекта на продвижение


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

А уж потом этот сайт будет передан сеошникам, и пусть они тогда бегают вокруг него со своим бубном и занимаются поисковой оптимизацией и продвижением. 

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

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

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

Основные принципы поискового продвижения для веб-дизайнера



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

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

  • Адаптивный дизайн. С 2018-го года, после запуска Гуглом алгоритма Mobile-first Index в поисковой выдаче получают лучшие позиции сайты и удобным и продуманным мобильным дизайном.
  • Структура текста. При формировании заголовков и подзаголовков на странице сайта старайтесь придерживаться следующего правила – на странице должен быть один заголовок H1, последующие подзаголовки Н2 – Н6 должны использоваться в иерархической последовательности. 
  • Ответ на потребности пользователя. Поисковые системы отдают большее предпочтение тем сайтам, на которых пользователи, перейдя по определенному поисковому запросу, находят исчерпывающий ответ и как можно дольше задерживаются на нем, совершая какие-либо микро конверсии.
  • Внутренняя перелинковка. Все страницы сайта должны быть связаны между собой ссылками. На главной странице, в главном меню и подвале необходимо вынести ссылки на все значимые страницы и разделы сайта.
  • Оптимизация изображений. Изображения не должны быть слишком большими и тяжелыми. Оптимальный вариант, когда изображение одинаково быстро загружается как на десктопе с мощным интернетом, так и на мобильном устройстве с слабеньким интернет подключением. Также изображениям должны быть присвоены ALT атрибуты, соответствующие содержимому контенту.
  • Всплывающие окна (pop-ups). С 2017-го года поисковые системы довольно негативно относятся к большому количеству всплывающих окон на сайте. Поэтому, к использованию pop-ups нужно относится очень аккуратно. Если вы все же не можете обойтись без них, то старайтесь отводить им площадь не более 20% от общей площади экрана.

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

Если у вас остались вопросы по теме этой статьи, то можете задавать их мне в facebook или instagram. По мере возможности постараюсь ответить на все, что вас интересует.
UX/UI дизайн
Made on
Tilda