10 важных аспектов SEO для веб-дизайнеров

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

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

Читайте также: руководство по UX-дизайну сайта

Структура сайта

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

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

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

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

Структура URL

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

• Чем короче, тем лучше, т.к. короткие URL проще запоминаются
• Уже в самом URL должно присутствовать некоторое описание контента страницы. Используйте понятную лексику, избегайте сложных сокращений или произвольно подобранных букв и цифр
• Используйте субстраницы; дефисы – для большей читабельности. Например, лучше https://example.com/build-a-birdhouse вместо https://example.com/buildabirdhouse.

Добавьте ключевые слова в URL, если это будет выглядеть естественно (избегайте переизбытка ключевых слов)

Смотрите также: лучшие онлайн курсы по веб-дизайну

Навигация по сайту

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

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

Дизайн, соответствующий принципам Mobile-friendly

Мобильная эпоха наступила, и адаптивный дизайн – это уже непременное условие. Чтобы сайт обеспечивал хороший UX и должным образом ранжировался, он должен быть приспособленным для просмотра на маленьких экранах. Если у вас все еще нет адаптивного дизайна – исправьте этот пробел. Протестируйте сайт на соответствие mobile-friendly с помощью простого инструмента от Google.

Скорость сайта

Скорость сайта, наряду с адаптивностью, – это еще один аспект из области UX, который влияет на SEO. Google понижает медленные сайты в выдаче, и пользователи с меньшей вероятностью останутся на сайте, если странице нужно несколько секунд, чтобы загрузиться. Инструмент Google’s PageSpeed Insights сообщит, насколько быстры ваши сайты, и подскажет, что нужно улучшить.

Теги header, title и description

Все это важные элементы on-page SEO. На каждой странице сайта должен присутствовать уникальный контент в теге <title> – другими словами, не дублируйте одни и те же теги по всему сайту. У каждого тега title должно быть хотя бы по одному ключевому слову, релевантному контенту страницы. Добавьте также ключевые слова в теги header на каждой странице, в особенности в <h1>.

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

Несколько примеров описаний в Google

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

Поисковые системы не могут «считывать» и понимать изображения (пока еще), но у вас есть возможность сообщить поисковой системе, о чем ваши изображения, и к чему они относятся. Вот несколько аспектов, за счет которых можно оптимизировать изображения для SEO:

• Выбирайте корректные названия для изображений. Например, лучше назвать изображение png, а не img238.png
• Используйте теги для изображений. Они сообщат поисковой системе, что изображено на картинке
• Не используйте чрезмерно большие изображения, поскольку это может замедлять загрузку.

Flash

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

Структурированные данные

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

Пример, как структурированные данные показываются в результатах поиска.

Интерфейс сайта

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

Подведем итоги

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

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

Источник