Почему ваш отзывчивый сайт может убить вашего SEO

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

В течение последних нескольких лет все говорили вам «реагировать», и вы, наконец, изменили положение.

Я знаю, как это больно. Мы недавно переработали The Daily Egg, и мы еще не закончили с исправлением (мы начали в январе!). Мобильный телефон - это боль в спине!

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

Если вам повезет, с вашим SEO ничего не случилось, и все просто модно. Некоторые из вас, возможно, видели повышение в вашей производительности SEO с Google дает отзывчивым сайтам удар ,

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

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

1. Сокращение контента на домашней странице

Подход «monkey see, monkey do» в настоящее время заключается в том, чтобы действительно минимизировать количество текста и беспорядка на домашней странице.

Я понял

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

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

С точки зрения SEO, удаление текстового содержимого домашней страницы - это самоуничтожение.

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

И все же, это как раз противоположность сегодняшнего лидерства в области адаптивного веб-дизайна.

Так что же нам делать?

Я говорю, выработайте стратегию в зависимости от того, на какой стадии вы находитесь.

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

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

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

Что делать, если вы в прошлом?

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

Но!

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

Если вы все еще не можете решить, что делать - это немного взломать.

Подумайте о том, чтобы поместить большую часть вашего многословного текстового контента ниже «мобильного сгиба».

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

Конечно, вы должны проверить это как вариант домашней страницы и посмотреть, как это происходит.

2. Перекремблирование текстовых ссылок

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

Вот типичный до и после перехода:

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

Изменение ссылок

Вы можете изменить фактический текст, который составляет текстовую ссылку И / ИЛИ местоположение, на которое указывает ссылка. Вот поближе:

<a href=http://whiskercare3000.com/care> Whisker Care </a>

<a href=http://whiskercare3000.com/care> Руководства </a>

В этом случае мы изменили только текст в ссылке. Здесь происходит то, что поисковая система теперь придает важность ключевому слову «Guides» вместо «Whisker Care» в URL / care. Текст является важной ассоциацией ключевых слов для этой веб-страницы. В данном конкретном случае мы взяли ключевое слово, за которое мы, вероятно, хотели бы присваивать рейтинг «Уход за вискером», и изменили его на сверхширокое и неконкретное слово «Гид».

Возможно, дизайнер подумал, что слова «Whisker Care» занимают слишком много места (обычный взлом с мобильной навигацией), и решил изменить слово на «Руководства». Что-то столь простое, как это изменение, может оказать влияние на весь сайт на вашем сайте. SEO.

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

Удаление ссылок

Удаление ссылок может быть скрытым благом, если все сделано правильно. Хороший веб-дизайнер рассортирует контент вашего сайта логическим способом, который обычно может передавать «сок ссылок» в равномерном и мощном потоке чистого SEO!

Ниже приведена простая диаграмма от Moz.com, которая показывает, как это сделать:

Источник изображения (Moz)

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

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

Добавление ссылок

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

Слово о вашей домашней странице

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

3. Скрытый текст

Скрытие текста - это то, что большинство людей намеренно не делают. Действительно, единственными, кто когда-либо делал это, были SEO-спамеры конца 1990-х - начала 2000-х годов.

Сначала, когда поисковые системы были действительно DUMB, все, что нужно было спамеру SEO, это вставлять текст в исходный текст веб-страницы в виде комментария HTML (чтобы он не отображался в веб-браузере), и паук поисковой системы появлялся вместе с ним. и сожрать весь текст. Это был хитрый метод увеличения количества ключевых слов и длинных поисковых терминов, при котором ваша страница не показалась спамом для посетителя.

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

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

Мобильный телефон делает это снова

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

Наиболее распространенная проблема - непреднамеренное свертывание элементов вашей веб-страницы.

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

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

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

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

Дайте вашим дизайнерам голову

Скрытый текст также может произойти непреднамеренно, если ваш дизайнер решит использовать старый добрый оператор «display: none;» в таблице стилей CSS веб-сайта. Это простой способ скрыть текст, цвета и декорации без каких-либо серьезных изменений.

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

Кроме того, дизайнеры будут указывать «медиазапросы», чтобы использовать «display: none;» для конкретных размеров экрана. Например, скажем, вы хотите удалить кучу текста на боковой панели, когда кто-то смотрит на ваш сайт по телефону. Что ж, «display: none;» - это удивительно легко исправить. Опять же, попытайтесь избежать этого любой ценой.

Подожди, Google вообще заботится о скрытом тексте?

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

Я на самом деле спросил Рэнд в Мозе об этом некоторое время назад. Вот его ответ:

С учетом сказанного, лучше всего избегать этого на всякий случай ...

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

4. Неправильное использование H1

Неправильное использование H1 - моя любимая мозоль.

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

Что такое заголовок H1?

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

Теги заголовков H1, H2, H3, используемые для различных типов заголовков страниц

Вы должны использовать один тег заголовка <h1> для заголовка главной страницы. Он должен быть уникальным для этой веб-страницы (URL). Обычно заголовок H1 соответствует тегу заголовка веб-страницы, но в этом нет необходимости.

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

Теперь вернемся к тому, как все это перемешивается, когда сайты становятся мобильными ...

Некоторые ранние мобильные шаблоны (и по некоторым причинам также HTML5-руководства) имеют несколько заголовков H1 на каждой странице. Оказывается, это не имеет большого значения. Это не штраф Google, и он мало влияет на ваш SEO в общей схеме вещей.

Однако, если вы оптимизируете, тогда вы захотите оптимизировать, верно? Совместно с разработчиками структурируйте таблицу стилей веб-сайта и структуру HTML, чтобы использовать только один заголовок H1 на URL.

Это не очень сложно настроить, и это может иметь значение при позиционировании конкурента на странице результатов поиска.

Заключение

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

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

Похожие

Комментарии