m (точка) против адаптивного и адаптивного: какой мобильный дизайн лучше всего подходит для оптимизаторов?

  1. Во-первых, что такое m (точка) дизайн?
  2. Что такое адаптивный дизайн?
  3. Что такое адаптивный дизайн?
  4. Каков текущий мобильный пейзаж?
  5. Повышение отзывчивого мобильного дизайна
  6. Проблемы с адаптивным дизайном
  7. Преимущества и проблемы адаптивного мобильного дизайна
  8. Это легче, что означает ускорение загрузки
  9. Оптимизируйте для каждого устройства, упрощая тестирование
  10. Но ... Это ресурсоемкий
  11. Как адаптивный дизайн развивается
  12. Оптимизация мобильных устройств не является исключительно технологической проблемой
  13. Заключение
  14. Похожие сообщения

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

Недавно оптимизаторы обсуждали новый вопрос: какой мобильный дизайн лучше всего подходит для оптимизаторов?

Это m (Dot) дизайн, адаптивный дизайн или адаптивный дизайн? Все три варианта имеют свои уникальные плюсы и минусы в отношении UX и SEO, но какой из них наиболее подходит для тех, кто проводит эксперименты и тесты на регулярной основе?

Во-первых, что такое m (точка) дизайн?

m (Dot) design - оригинальное решение для мобильных посетителей. Прежде чем появился m (Dot) дизайн, мобильным посетителям приходилось ждать, пока загрузится весь сайт, а затем изо всех сил пытаться ориентироваться в дизайне и UX, созданных для посетителей рабочего стола.

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

С дизайном m (Dot) вы должны создать отдельную версию своего сайта, специально оптимизированную для мобильных пользователей. Например, вот m (Dot) дизайн Facebook ...

Как правило, вы заметите меньше контента, упрощенную навигацию, меньше изображений и т. Д.

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

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

Вот как Google определяет это ...

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

Так, например, вот как HAUS сайт выглядит на рабочем столе ...

И вот этот самый сайт на мобильном телефоне ...

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

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

Адаптивный дизайн, также известный как динамический дизайн, является еще одной современной альтернативой дизайну сайта m (Dot). Здесь сервер определяет тип устройства, которое использует посетитель, а затем загружает правильную версию сайта.

Так, например, если вы просматриваете на своем iPad, сервер загрузит версию сайта для планшета.

По сути, у вас есть три разные версии вашего сайта подготовлены ...

  1. Настольный сайт.
  2. Сайт планшета.
  3. Мобильный сайт.

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

Каков текущий мобильный пейзаж?

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

  1. Люди переключают устройства несколько раз, прежде чем совершить покупку.

Джоэл Харви из Конверсионные науки объяснил это аудитории CXL Live этого года ...

Джоэл Харви , Конверсионные науки:

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

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

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

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

Таким образом, вы должны быть готовы к посетителям, использующим различные устройства. По состоянию на 2014 год, вот как 500 лучших ритейлеров из Интернет-магазин Mobile 500, руководство 500 готовятся, согласно Pure Oxygen Labs…

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

Как видите, m (точка) быстро уменьшается. На самом деле, было подсчитано, что количество ритейлеров, использующих m (Dot) сайтов, сократится до 45-50% в 2015 году.

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

Ожидалось, что отзывчивость пройдет 15% в 2015 году.

Тем не менее, было обнаружено, что больше ритейлеров используют адаптивный дизайн, чем адаптивный дизайн. Ожидается, что в 2015 году он вырастет до 20% (или более). Почему?

Брайан Клэйс из Лаборатории чистого кислорода объясняет ...

Брайан Клэйс Лаборатории чистого кислорода:

«Он представляет ритейлерам решение« Златовласка »: страницы mdot быстры, но используют отдельные URL и их сложнее оптимизировать; Адаптивные страницы интегрированы для упрощения обслуживания и SEO, но медленные и избыточные для мобильных пользователей; Динамически обслуживаемые страницы - это «правильное решение», сочетающее в себе лучшее как для одного URL, оптимизированного для устройства макета, так и для быстро загружаемых страниц, которые просты в обслуживании и хороши для мобильного SEO ». (через Лаборатории Чистого Кислорода)

Итак, в конце концов, m (Dot) сайтов находятся на выходе, а адаптивный дизайн и адаптивный дизайн борются за лидерство.

Повышение отзывчивого мобильного дизайна

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

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

  • Вам нужно управлять и оптимизировать два отдельных сайта.
  • Перенаправление вызывает более медленное время загрузки, которое как мы все знаем , является убийцей преобразования.
  • Google не очень любит перенаправления (потому что для этого нужны дополнительные ресурсы).
  • Вы когда-нибудь пытались поделиться ссылкой m (Dot) с кем-то на рабочем столе? Это ужасный опыт.
  • Собираетесь ли вы создать новый поддомен для каждого устройства? Таблетки? Игровые приставки? Умные телевизоры?

Эти проблемы позволили расцвести адаптивному дизайну. На самом деле, он решает три основные проблемы, которые мешают m (Dot) сайтов ...

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

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

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

Google подтвердил свое предпочтение адаптивного дизайна ...

Адаптивный веб-дизайн: обслуживает один и тот же HTML-код по одному и тому же URL-адресу независимо от устройства пользователя (рабочий стол, планшет, мобильный телефон, невизуальный браузер), но может отображать изображение по-разному (например, «отвечать») в зависимости от размера экрана. , Адаптивный дизайн - это рекомендуемый Google шаблон дизайна .

Но осторожно добавил, что Google не поддерживает какой-либо конкретный формат URL, если все ресурсы страницы доступны.

Адаптивный дизайн также является стандартной практикой для инструментов целевой страницы…

Проблемы с адаптивным дизайном

Но нет ничего идеального, верно? Адаптивный дизайн имеет свои проблемы, как и M (Dot).

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

Джоэл объясняет, как адаптивный дизайн может влиять на скорость ...

Джоэл Харви , Конверсионные науки:

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

Это больше, чем слишком долго.

Иногда, продолжает Джоэл, адаптивный дизайн принимает неправильные решения…

Джоэл Харви , Конверсионные науки:

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

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

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

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

Слишком часто редизайны делаются на основе субъективных мнений и фактических исследований конверсии. Результат? Переоборудование танка.

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

Это также ограничивает ваши возможности тестирования. Допустим, вы запускаете A / B-тест для адаптивного дизайна, и это приводит к снижению конверсии на 15%.

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

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

Преимущества и проблемы адаптивного мобильного дизайна

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

Брайан Клэйс Лаборатории чистого кислорода:

«Выделенные мобильные сайты были мобильным решением первого поколения в отрасли; Адаптивный дизайн представляет второе поколение отрасли. Но, как и его предшественник, отзывчивый имеет свои собственные технические недостатки, которые тихо подталкивают ритейлеров к динамически обслуживаемым решениям ». (через Лаборатории Чистого Кислорода)

Итак, чем же отличается адаптивность от адаптивности?

Это легче, что означает ускорение загрузки

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

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

Брайан Клэйс Лаборатории чистого кислорода:

«Ритейлеры правы, проявляя осторожность в отношении адаптивности, учитывая, как скорость страницы влияет на конверсию в Интернете и рейтинг в поисковых системах». (через Лаборатории Чистого Кислорода)

Благодаря адаптивному дизайну посетители должны загружать ресурсы только для этой конкретной версии вашего сайта.

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

Питер Нельсон из UnDelay.io , адаптивный конструктор целевых страниц, описывает тест скорости, который проводила его команда, и то, как адаптивность складывается в сравнении с отзывчивостью ...

Питер Нельсон , UnDelay.io:

«Мы фактически провели собственное тестирование производительности около года назад. Мы использовали Dotcom-Monitor, который дал нам водопад, время загрузки и вес страницы.

Мы загрузили один и тот же контент, формы, изображения, копии и т. Д. На платформы наших конкурентов, которые предлагают гибкое решение.

Вес нашей мобильной страницы в среднем был на 75% меньше, чем у них ».

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

Catchpoint Systems проверила скорость адаптивного дизайна и адаптивного дизайна а недавно. Они создали два одинаковых сайта в WordPress. У обоих был одинаковый текст и изображения, одинаковое содержание. Неудивительно, что оба сайта работали одинаково на десктопе.

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

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

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

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

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

Преимущества по всем направлениям на этом, но вы все равно увидите, что адаптивный быстрее.

Наконец, они сделали конкатенацию CSS и JavaScript, чтобы уменьшить количество загружаемых объектов…

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

Опять же, преимущества по всем направлениям, но адаптивные все еще быстрее. Мне не нужно говорить вам, насколько ценна эта скорость, это сэкономленное время.

Оптимизируйте для каждого устройства, упрощая тестирование

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

Питер помогает объяснить, почему это важно для оптимизаторов ...

Питер Нельсон , UnDelay.io:

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

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

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

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

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

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

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

С адаптивным вам не нужно. Вы можете создать отдельное путешествие, оптимизированное для отдельной цели.

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

Питер Нельсон , UnDelay.io:

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

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

Еще один важный момент, на который следует обратить внимание - это A / B-тестирование. Мы говорили о проблемах, которые мешают адаптивному дизайну, когда речь идет о реальном тестировании. С адаптивным дизайном он работает примерно так ...

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

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

Но ... Это ресурсоемкий

Все это звучит великолепно, так почему, черт возьми, кто-нибудь использует отзывчивые или m (Dot) сайты? Ну, потому что адаптивный дизайн тоже имеет свои недостатки. А именно, что требуется много человеческих и денежных ресурсов, чтобы осуществить ...

Брайан Клэйс Лаборатории чистого кислорода:

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

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

Динамически обслуживаемые мобильные страницы могут решить проблемы скорости загрузки адаптивного дизайна, избегая при этом мобильных SEO-требований сайтов mdot ». (через Mobile Commerce Daily)

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

Питер возвращает нас к тому, когда адаптив был впервые представлен ...

Питер Нельсон , UnDelay.io:

«Adaptive уже давно существует, и первыми реализациями Adaptive были сайты с 30-40 шаблонами, по одному для каждой модели устройства.

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

В то время только более крупные компании, обладающие ресурсами, могли воспользоваться адаптивным преимуществом ».

30-40 разных шаблонов? Готов поспорить, что никто не читает это и думает: «Это звучит забавно». Время разработчиков мало, особенно время старших разработчиков. Маленькие и даже средние компании просто не имеют ресурсов, чтобы взять на себя такой дизайн, даже если они этого хотят.

Как адаптивный дизайн развивается

В недавняя статья UXPin написал…

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

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

Пока вы находитесь в бета-версии, вы можете видеть, что адаптивные компоновщики, такие как UnDelay.io, уже предприняли определенные шаги…

Питер Нельсон , UnDelay.io:

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

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

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

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

Затем, если вы хотите изменить дизайн кнопок на всех трех типах устройств, вы можете просто заново связать их, и изменения будут перенесены на все три версии ».

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

Оптимизация мобильных устройств не является исключительно технологической проблемой

Талия Волк GetUplift.co ударяет гвоздь по голове об адаптивных и адаптивных дебатах ...

Талия Вольф , GetUplift.co :

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

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

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

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

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

У обоих есть плюсы, у обоих есть минусы. Ваш сайт потерпит неудачу, потому что вы выбрали адаптивный, а не адаптивный? Нет.

То, к чему это действительно сводится, это ...

  • Вы знаете, кто ваша аудитория?
  • Знаете ли вы, что отличает поведение вашей мобильной аудитории (по сравнению с рабочим столом)? Как насчет поведения аудитории вашего планшета?
  • Знаете ли вы, что они ищут на каждом устройстве? Чего они пытаются достичь?
  • Вы провели надлежащее исследование конверсии в определить проблемные зоны и чтобы им было легче найти / выполнить то, что они намеревались на этом устройстве?

Если вы ответили «да», вы в лучшей форме, чем большинство людей, которые спорят о том, лучше ли адаптивно или адаптивно

Заключение

В итоге…

  1. м (точка) не умерла, но его жизненно важные органы слабы.
  2. Responsive привлекает много внимания, но имеет неоспоримые проблемы со скоростью и гибкостью. Это все еще наименее популярный из трех вариантов.
  3. Adaptive решает основные проблемы адаптивного дизайна и лучше подходит для оптимизации в теории, но требует больших человеческих и денежных ресурсов. Технология начинает исправлять это; ожидать значительного роста в этом пространстве.
  4. Более важной, чем эта дискуссия, является понимание вашей аудитории, ее поведения на разных устройствах, их потребностей / потребностей на разных устройствах и того, как сделать так, чтобы им было проще получить то, что им нужно / нужно на каждом устройстве.

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

Похожие сообщения

  • Google является активным сторонником адаптивного дизайна. Mashable под названием 2013 "Год адаптивного дизайна"…

  • Еще в 2014 году Джереми Смит писал: «Традиционная оптимизация мертва, и на ее месте возникает…

  • Это вторая из двух частей серии о мобильной конверсии. В первой части…

  • Дизайнеры и данные больше, чем когда-либо, заслуживают своего места в пантеоне великих конфликтов:…

Похожие

Seo - что это такое?
Seo - что это такое? Сео оптимизация и продвижение сайта Давайте поговорим о том, что такое Seo (Search Engine Optimization), как Seo-оптимизация (внешняя и внутренняя) способна буквально творить чудеса в продвижении сайта и ответить на вопрос, почему не стоит ни в коем случае пренебрегать Seo. Seo - что это такое и как влияет на продвижение вашего сайта. Seo (Search Engine Optimization) - это основное оружие за место в ТОП 10. По большому счету, это искусство попадания
Что такое SEO-оптимизация
Если у вас есть свой сайт, вы должны знать о SEO. Хотите привлечь больше посетителей на сайт, чтобы иметь возможность продемонстрировать свои продукты / услуги или просто хотите зарабатывать деньги в Интернете? Это желание возможно! Единственное, что вам нужно сделать, это переместить сайт в ТОП 10 результатов поиска. И чтобы сайт попадал в топ-10 завета, вам необходимо знать основы поисковой оптимизации и ранжирования в поисковых системах и уметь их использовать.
Google заявляет, что пустое пространство - это не проблема SEO
Джон Мюллер (John Mueller) из Google сказал сегодня утром в видеовстрече для веб-мастеров, что пустое пространство, отодвигающее контент в целях дизайна и верстки,
Известность ключевых слов: что это такое и почему это считается в SEO?
... такое выдача ключевых слов"> Что такое выдача ключевых слов? Это фактор, который указывает на значимость ключевых слов, то есть положение ключевых слов относительно начала определенной области веб-страницы. Под зоной я подразумеваю любую часть страницы, содержащую текст : тег заголовка, атрибуты метатега, заголовки H1-H6, текстовые абзацы, пункты меню навигации и т. Д. Известность является фактором
Что значит SEO?
... что с использованием этих методов сайт будет хорошо размещен в обычном поиске, то есть появится в качестве первого варианта результата поиска без необходимости платить спонсорскую ссылку, как это происходит в Google. Методы SEO могут быть классифицированы как на странице и вне страницы. На странице речь идет об изменении внутренних функций сайта, таких как заголовки страниц, мета-теги, теги заголовков, атрибут alt изображений, домен, URL-адрес файлов и, конечно, содержимое
SEO агентство из Берлина
... дизайн indexibility Все меры по оптимизации OnPage связаны с сайтом и выполняются на нем. При этом наше SEO агентство из Берлина проводит как техническую, так и контентную оптимизацию. Ключевые факторы оптимизации OnPage: Архитектура страницы внутренние ссылки на сайте Мета-данные содержание Для оптимизации OnPage одно или несколько ключевых слов будут иметь одно
канонический
Что такое каноническое Канонический тег - это элемент HTML, который указывает Google или другим поисковым системам, что определенная страница должна отображаться раньше другой, имеющей точно такое же содержание. Используя этот тег, вы автоматически скрываете другие страницы от поисковых систем, но при этом оставляете их видимыми для посетителей. Но зачем нам это делать? Ну, одна из лучших рекомендаций SEO для любого сайта, который хочет
Что такое отрицательный SEO, а что нет
Сегодня мы начинаем серию из шести частей о негативном SEO. Серия будет разбита на три области и покажет, как негативная поисковая оптимизация (SEO) влияет на ссылки, контент и сигналы пользователей. Определения Позитивным SEO в этом более широком представлении будет любая тактика, выполненная с намерением
Эмоции: как люди регулируют их и почему некоторые люди не могут
Возьмите следующий сценарий. Вы приближаетесь к концу напряженного рабочего дня, когда комментарий от вашего босса уменьшает то, что осталось от вашего истощающегося терпения. Вы поворачиваетесь с красным лицом к источнику вашего негодования. Тогда вы останавливаетесь, размышляете и решаете не выражать свое недовольство. В конце концов, сдвиг почти закончился. Возможно, это не самый захватывающий сюжет, но он показывает, как мы, люди, можем
Как установить метатеги HTML с помощью Angular 4
... что, в свою очередь, влияет на SEO вашего сайта. В этом посте рассказывается, как использовать этот сервис и получать / устанавливать метатеги HTML с помощью Angular 4. Служба Angular 4 Meta довольно проста в использовании и имеет следующие методы и названия не требуют пояснений. Мы рассмотрим все методы в действии на примере. добавить метку добавить теги GetTag getTags updateTag убрать тэг removeTagElement
Как убедиться, что ваш веб-дизайн оптимизирован для SEO
... дизайн, чтобы улучшить поисковую оптимизацию сайта и привлечь больше трафика, но вам нужно знать, что делать. Вот несколько важных советов, которые следует учитывать при создании вашего сайта SEO дружелюбный.

Комментарии

Но разве это не влияет на SEO-позиционирование, что ваш сайт не подходит для мобильных устройств?
Но разве это не влияет на SEO-позиционирование, что ваш сайт не подходит для мобильных устройств? Нет, с точки зрения алгоритма Google. Но намерение Google - не что иное, как веб-мастера адаптируют свои сайты. Пройди тест. Захватите любое мобильное устройство и выполните поиск в Интернете в Google. Посмотри на результаты. Если ваш сайт адаптирован для мобильных устройств, у вас будет ярлык «mobile» (или «mobile-friendly», если вы на английском).
Но вы знаете, как я продолжаю говорить, что набор данных Majestic SEO может быть неточным, и что около 10% того, что он выплевывает, является полным дерьмом?
Но вы знаете, как я продолжаю говорить, что набор данных Majestic SEO может быть неточным, и что около 10% того, что он выплевывает, является полным дерьмом? МОЗ отличается. Хотя 71 миллиард не так много, как 4 триллиона, он тянет сливки урожая. Хотя он не такой всеобъемлющий, он также не такой подавляющий, и не так много дерьма, чтобы разобраться. Кроме того, AHRefs обновляет свой набор данных примерно два раза в час, но API Moz обновляется только примерно два раза в месяц. Таким образом,
Термин SEO (поисковая оптимизация) повсеместно, но что это значит и что это значит для веб-сайтов?
Термин SEO (поисковая оптимизация) повсеместно, но что это значит и что это значит для веб-сайтов? Как это работает и какова его функция? Мы подробно рассмотрим SEO и его применение в Интернете и в бизнесе. Как работают поисковые системы Адресовать как работает SEO Нам нужно начать с вершины Интернета - поисковой системы. Буквально миллионы и миллионы веб-страниц в Интернете. Как
Надеемся, что это не является конечной целью компаний, продающих отслеживание токсичных вызовов, но кто знает?
Надеемся, что это не является конечной целью компаний, продающих отслеживание токсичных вызовов, но кто знает? Разве они не знают или им все равно, вредна ли форма отслеживания звонков, которую они продают? Вот пример из практики Майка Блюменталя: Вот цифры из недавнего тематического исследования юриста на Среднем Западе США, который за последние три-четыре года приобрел идею о пригородных телефонных номерах через печатные желтые страницы. Каждый год они отменяли его старые
И как вы находите ключевые слова, которые еще никто не нашел - какой инструмент поиска ключевых слов лучше всего использовать?
И как вы находите ключевые слова, которые еще никто не нашел - какой инструмент поиска ключевых слов лучше всего использовать? Это то, что мы собираемся осветить в этой статье, но сначала несколько основных моментов (пропустите этот бит, если вы уже знакомы с ключевыми словами длинного хвоста , Планировщиком ключевых слов Google AdWords , анализом автозаполнения и связанных поисков Google Search и перейти прямо к лучшим инструментам
Quora -Что такое «Ключевое слово не появляется в первом абзаце копии, убедитесь, что тема сразу понятна» в Yoast SEO и как это исправить?
Quora -Что такое «Ключевое слово не появляется в первом абзаце копии, убедитесь, что тема сразу понятна» в Yoast SEO и как это исправить? Yoast SEO WordPress Plugin Учебное ключевое слово не отображается Если у вас есть еще вопросы Свяжитесь с нами по электронной почте или спросите нас о наших
Это означает, что SEO не должны беспокоиться о потере ссылочного сока в редиректе 301, верно?
Это означает, что SEO не должны беспокоиться о потере ссылочного сока в редиректе 301, верно? Не совсем. Google знает разницу между 301, который полезен, и тем, который пытается манипулировать эквити ссылки и будет относиться к нерелевантным 301 как к мягким 404 и по сути убить любой сок ссылок. По факту, GSQI завершил исследования которые указывают на это, чтобы
Я действительно не могу достаточно подчеркнуть эту идею: как ваш клиент узнает, что то, что вы делаете, работает, если у вас нет средств показать свой прогресс?
Я действительно не могу достаточно подчеркнуть эту идею: как ваш клиент узнает, что то, что вы делаете, работает, если у вас нет средств показать свой прогресс? Вы знаете, как вы отслеживаете свои успехи на самом деле? Записав это. Видя холодные, жесткие цифры прямо перед вами. SEO иногда воспринимают как простую стоимость тех, кто не понимает ее долгосрочной ценности. И вот почему SEO отчетность
Вы хотите привлечь как можно больше посетителей в свой интернет-магазин, но как вы это делаете?
Вы хотите привлечь как можно больше посетителей в свой интернет-магазин, но как вы это делаете? Трафик из поисковых систем часто конвертируется лучше, чем из социальных сетей или рекламы. Это потому, что целевая группа, которую вы достигаете, на самом деле ищет определенный продукт, а не «случайно» встречает его на Facebook или в рекламе. Таким образом, цель покупки во много раз выше для тех, кто приходит в ваш интернет-магазин через поисковую систему. Вот почему SEO-магазин так важен в 2019
Точно так же, как когда Google заявляет, что скорость загрузки страниц принимается во внимание, кто может жаловаться на то, что Google рекомендует усилить безопасность в Интернете?
Точно так же, как когда Google заявляет, что скорость загрузки страниц принимается во внимание, кто может жаловаться на то, что Google рекомендует усилить безопасность в Интернете? Но разве это не пойдет на пользу главным образом крупным игрокам, которые будут располагать средствами (финансовыми и техническими) для его реализации? Официально этот «сигнал», как говорят на английском, все еще очень слабый. Поймите, что вы даже не сможете увидеть влияние на ваше позиционирование, даже если
Когда вы видите что-то по телевизору о том, как производятся дешевые хот-доги или куриные наггетсы (ммм… розовая слизь ), это точно не делает тебя голодным, не так ли?
Точно так же, как когда Google заявляет, что скорость загрузки страниц принимается во внимание, кто может жаловаться на то, что Google рекомендует усилить безопасность в Интернете? Но разве это не пойдет на пользу главным образом крупным игрокам, которые будут располагать средствами (финансовыми и техническими) для его реализации? Официально этот «сигнал», как говорят на английском, все еще очень слабый. Поймите, что вы даже не сможете увидеть влияние на ваше позиционирование, даже если

Во-первых, что такое m (точка) дизайн?
Что такое адаптивный дизайн?
Что такое адаптивный дизайн?
Каков текущий мобильный пейзаж?
Недавно оптимизаторы обсуждали новый вопрос: какой мобильный дизайн лучше всего подходит для оптимизаторов?
Это m (Dot) дизайн, адаптивный дизайн или адаптивный дизайн?
Все три варианта имеют свои уникальные плюсы и минусы в отношении UX и SEO, но какой из них наиболее подходит для тех, кто проводит эксперименты и тесты на регулярной основе?
Во-первых, что такое m (точка) дизайн?
Что такое адаптивный дизайн?
Видите, как дизайн сайта буквально реагирует на размеры устройства посетителя?