Ошибки дизайна, которые могут разрушить SEO вашего сайта

Многие дизайнеры и художники считают свое ремесло выше всех законов поисковой оптимизации (SEO). Но статья, опубликованная Ассоциацией вычислительной техники , предполагает, что около95 процентов негативных отзывов о веб-сайте связаны с проблемами дизайна.Можно с уверенностью сказать, что дизайн значительно влияет на восприятие веб-сайтов и, следовательно, на их рейтинг.

Скрытый дефект в дизайне вашего сайта

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

Пересмотрите свой веб-дизайн и обратите внимание на следующие ошибки:

Не фокусируясь на мобильных устройствах

С сентября 2020 года Google постоянно обновляется. Одним из таких изменений является переход на веб-сайты, удобные для мобильных устройств, с контентом, который хорошо выглядит и быстро загружается на мобильных экранах. Почему?

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

Kissmetrics обнаружил некоторые проблемы, с которыми сталкиваются мобильные пользователи при доступе к сайту:

• Сорок семь процентов посетителей ожидают, что время загрузки составит две секунды.
• Сорок процентов уходят, если загрузка занимает более трех секунд.
• Семьдесят девять процентов посетителей никогда не возвращаются на плохо работающий сайт.
• Если время загрузки увеличится на 1 процент, вы, скорее всего, потеряете 16 процентов трафика.

Мы считаем, что этих опросов достаточно, чтобы вы поняли, что мобильная индексация — это следующий ключ к вашему успеху в SEO. Google подтвердил это в своем недавнем обновлении Page Experience, которое направлено на улучшение взаимодействия с пользователем (UX). Page Experience работает на мобильных устройствах и будет запущен в поиске на ПК в марте 2022 года.

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

Большие изображения, бросающие вызов гибкой модернизации

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

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

Исследование, проведенное Searchmetrics, показало, что 10 лучших веб-сайтов на странице результатов поиска (SERP) имеют менее трех изображений на странице на своих веб-сайтах. Усвоенный урок заключается в том, что чем больше беспорядка, тем сложнее для поисковых систем.

Тест Google PageSpeed ​​Insights может дать вам некоторые идеи о том, как удалить тяжелые элементы контента из дизайна. Он покажет, какие изображения нуждаются в сжатии, чтобы сделать страницу более оптимизированной для SEO более чем на 50 процентов.

Добавление текста на изображения, которые не добавляют ценности

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

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

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

Вам нужно работать над определенными аспектами, чтобы все заработало, например:

Добавление тегов Alt к изображениям

Тег alt — это описание изображения, закодированное в HTML на бэкенде. Поисковые системы читают этот код, чтобы понять релевантность любого изображения запросу для ранжирования. Слишком много графики принесет больше вреда, чем пользы. Вы должны использовать название изображения как важный инструмент SEO. К вашему сведению, Google может прочитать имя файла. Таким образом, вместо 12345.jpg вы можете использовать ключевые слова, описывающие файл, что помогает поисковым роботам в индексации.

Использование правильных цветовых комбинаций

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

Не включая определенную информацию

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

Перенаправление… OOPS 404 Ошибка

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

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

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

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

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

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

Полное закрытие всплывающих окон

Итан Цукерман до сих пор сожалеет о том, что 20 лет назад создавал всплывающую рекламу с помощью JavaScript и Perl на стороне сервера. Какими бы раздражающими они ни были, они увеличивают продажи.

В отличие от опроса, который показал, что 70% пользователей считают всплывающие окна «неуместными», многие компании получили от них реальную прибыль. Даже Entrepreneur обнаружил, что привлечение пользователей через всплывающие окна с ограниченными предложениями и распродажами увеличило их продажи на 162 процента. Это удивительные результаты для функции, которая не нравится до такой степени, что Chrome имеет встроенный механизм их блокировки.

Всплывающие окна не являются плохими по своей сути. Итак, что мы делаем не так? В блоге Google для веб-мастеров сказано все:

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

Когда все сделано правильно, всплывающие окна не могут быть такими уж плохими. Фактически, WebMeUp настоятельно рекомендует включать всплывающие окна. Почему? Потому что за несколько месяцев через них удалось получить 95% подписчиков. Чего же не хватает дизайнерам?

Вот несколько идей по дизайну, чтобы сделать их полезными для посетителя:

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

• Предложение распродаж, скидок, поощрений и бесплатных подарков через всплывающие окна — отличная идея для привлечения пользователя.
• Время, которое он будет мигать, идеально установлено на пять секунд. Для постоянных посетителей время показа всплывающих окон оказалось идеальным через каждую минуту.
• Использование красного цвета в качестве призыва к действию (CTA) для отправки электронного письма собрало максимальное количество отправлений.

Домашние страницы Отсутствуют H1

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

Люди склонны приравнивать H1 к тегам заголовков, которые видны в поисковой выдаче. Теги заголовков — это, прежде всего, ссылки, ведущие на веб-страницу. То, что отображается на веб-странице в качестве объяснения запроса, известно как заголовок или H1. Заголовки не отображаются, пока отображается результат запроса, но они помогают пауку идентифицировать тему вашего веб-сайта.

Заголовки, которые могут быть H1, H2 и так далее, являются решающими факторами в SEO. Они составляют часть HTML-кода, который читают пауки, и делают определенные слова заметными для сканеров.

Таким образом, включение H1 — это профессиональный совет для веб-мастеров. Запомните это:

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

Думать, что Google — хороший скроллер

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

Мартин Сплитт из Google на онлайн-конференции весьма сочувственно отметил эту проблему. Он указал, что паук заранее считывает и индексирует все, что ему видно. Чтобы исправить случай отложенной загрузки, веб-мастера должны обратиться к Google Search Central. Гигант поисковой системы упоминает некоторые исправления:

• Chrome 76 позволяет дизайнерам веб-сайтов использовать атрибуты загрузки без написания кода библиотеки для отложенной загрузки в JavaScript.
• Библиотека JavaScript позволяет загружать данные при входе в область просмотра.
• Постраничная прокрутка позволяет пользователям щелкнуть ссылку, которая приведет их к нужному разделу контента.

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