Адаптивный дизайн и SEO

1. Что такое адаптивный дизайн?
2. Каковы преимущества адаптивного дизайна?
3. Какие есть альтернативы?
4. Когда вы должны выбрать отзывчивый?

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

Вам нужен мобильный подход? Это полностью зависит от поведения целевой группы. У них есть смартфон или планшет? Много ли на вашем сайте мобильных посетителей? Все это можно измерить с помощью Google Analytics. Analytics - это бесплатный пакет веб-статистики от Google. Вы размещаете код отслеживания на сайте с помощью Google Analytics. Затем вы увидите, сколько посетителей у вас было, откуда они пришли, какие страницы они посетили, а также какое устройство они использовали для этого.

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

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

Что такое адаптивный дизайн?

Просто небольшое объяснение, кому это нужно. Веб-сайты были разработаны в течение многих лет на разумно фиксированной ширине. В настоящее время обычная ширина для веб-сайтов составляет около 980 пикселей. Из-за революции смартфонов и планшетов / iPad, компании должны лучше реагировать на пожелания пользователя. Есть много веб-сайтов, которые не отображаются должным образом на этих (новых) устройствах. Вот почему все чаще и чаще делают сайты, подходящие для смартфонов и планшетов, с помощью адаптивного дизайна. Веб-сайт с адаптивным дизайном настраивается в зависимости от разрешения экрана используемого устройства. Как работает нечто подобное?

Не установлена ​​фиксированная ширина для адаптивных сайтов. Сайт настраивает себя и масштабирует элементы или перемещает их в зависимости от разрешения экрана. Необходимо заранее уделить внимание тому, что является наиболее важными элементами. Чтобы получить отзывчивость, настроен уровень представления сайта. Просто для ценителей: через CSS. В зависимости от типа устройства и браузера веб-сайт отображается в правильной форме.

Каковы преимущества адаптивного дизайна?

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

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

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

Приведенная выше цитата требует дополнительного объяснения. Google работает с несколькими типами сканеров. Сканер, также известный как паук или робот, используется для поиска и индексирования веб-сайтов. Существует общий сканер для поиска Google, но также и специальный мобильный сканер. Однако это не означает, что вам нужен мобильный веб-сайт для того, чтобы быть в числе результатов мобильного поиска. Многие сайты индексируются стандартным роботом Google. Эти сайты, мобильные или нет, адаптивные или нет, также включены в результаты m.google.nl размещены.

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

Посмотрим, сможем ли мы найти хороший пример. У Wehkamp, ​​вероятно, есть отдельный мобильный сайт. «Обычная» настольная версия выглядит так:

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

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

Хорошо, если вы нажмете на нее, вы будете перенаправлены на мобильный сайт. Но только с точки зрения SEO. Зачем начинать с мобильного сайта, если он превышен в результатах поиска? Настроенный мобильный сайт также означает две платформы, которые вы должны поддерживать. Это в конечном итоге стоит больше времени и затрат на разработку. И просто выполните поиск на своем мобильном телефоне, и вы увидите, что в большинстве ключевых слов верхние позиции заполнены «обычными» URL-адресами (а не в мобильном варианте). Возможно, это связано с тем, что многие компании еще не имеют хорошей мобильной стратегии. В любом случае. Мобильный сайт по определению не гарантирует хорошую возможность поиска. Это требует большего.

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

Какие есть альтернативы?

Это уже было частично объяснено выше, но альтернативы адаптивного дизайна:

• динамическая подача;
• отдельный мобильный сайт;
• мобильные приложения.

При динамическом обслуживании вы используете одни и те же URL-адреса, но для удобства пользователей используются разные HTML и CSS. Также можно выбрать отдельный мобильный веб-сайт. Например, через поддомен, такой как http://m.example.com .

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

Когда вы должны выбрать отзывчивый?

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

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

Так что это не значит, что вас сразу можно найти с отзывчивым дизайном. В дополнение к технологии желательно, чтобы ваш сайт имел достаточные полномочия благодаря надежным ссылкам. И что правильный контент присутствует на сайте. Особенно с точки зрения содержания есть пища для размышлений. У пользователя смартфона или планшета другие и более короткие поиски. Когда кто-то ищет «обувь» через компьютер, он, вероятно, ищет интернет-магазин, но если он ищет это по мобильному телефону, он может искать список ближайших обувных магазинов. Покупать онлайн на маленьком экране не так просто.

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

Кредиты изображение: В погоне за Дейзи (CC)

Похожие

Комментарии