Адаптивный веб-дизайн, SEO и мобильные сайты

  1. Параметры мобильного сайта
  2. Адаптивный веб-дизайн и SEO
  3. Отзывчивый веб-дизайн
  4. Специфичный для устройства HTML
  5. Должны ли вы пойти отзывчивым?

Опубликовано в 14: 14 в Веб-дизайн от Маркус Миллер

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

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

Параметры мобильного сайта

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

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

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

3. Отдельный мобильный сайт - совершенно отдельный мобильный сайт на другом наборе страниц. Это не рекомендуется.

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

В конечном итоге, если вы хотите генерировать трафик из поиска, имеет смысл следовать рекомендациям, изложенным Google, как и все Гугл очень хочет из его поисковой системы, чтобы вернуть наилучшие возможные результаты для своих пользователей. Итак, как это относится к мобильному SEO? Что ж, если опыт работы с настольными и мобильными устройствами отличается, то рейтинг (рейтинг) вашей страницы для мобильной версии вашего сайта не должен быть таким же, как для настольной версии вашего сайта.

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

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

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

Отзывчивый веб-дизайн

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

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

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

Специфичный для устройства HTML

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

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

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

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

Должны ли вы пойти отзывчивым?

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

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

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

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

Мой взять? Да, если вы можете, будьте отзывчивы, он получил одобрение SEO от Google и предоставляет наиболее согласованные возможности для ваших пользователей на многих устройствах, которые они используют для доступа в Интернет. Кроме того, если у вас большой сайт и вы используете несколько сайтов для пользователей настольных компьютеров, планшетов и смартфонов, то адаптация может сэкономить вам значительное количество времени и усилий (денег).

Есть вопросы?

Есть вопросы? Нужен ли дизайн вашего сайта с адаптивным макетом? Оставьте комментарий ниже или отправить мне письмо Я всегда «отзывчивый» и рад помочь. О, и, пожалуйста, поделитесь статьей, если она показалась вам полезной. 🙂

Рекомендации

1. Рекомендации Google по созданию сайтов для смартфонов
http://googlewebmastercentral.blogspot.co.uk/2012/06/recommendations-for-building-smartphone.html

2. Руководство разработчика Google по созданию сайтов, оптимизированных для мобильных устройств.
https://developers.google.com/webmasters/smartphone-sites/

com/webmasters/smartphone-sites/

Похожие

SEO умирает?
Это была тема, которая поднималась снова и снова. Некоторые утверждают, что SEO уже умер несколько раз. Другие даже считали это чрезмерной версией избиения мертвой лошади. SEO мертв? А если нет, то умирает ли? Что касается поисковых систем, особенно монолиты, такие как печально известный Google, начинают выпускать обновления, которые продолжают развивать технологический ландшафт. Эти
SEO, The
SEO London
... SEO, мы начнем работу и завершим ваш сайт в согласованные сроки Многолетний опыт работы в качестве специалистов по SEO гарантирует отличное обслуживание в любое время. Серверная часть, которая управляет всеми нашими веб-сайтами, - это наш собственный пользовательский интерфейс для обновления и дополнения вашего веб-сайта. Он был написан на PHP с нуля и развивался в течение многих лет, чтобы стать мощной,
SEO Мюнхен
... ии 16 миллионов сайтов! Если вы хотите, чтобы вас нашли на вашем сайте и вы хотите успешно продвигать свою услугу или свой продукт, ваш сайт должен быть одним Поисковая оптимизация Проходить (SEO). Опыт показывает, что кликают максимум из первых 10 результатов (эквивалент 1-й страницы) пользователей. Компании и провайдеры на задних сиденьях практически не встречаются, а иногда и вовсе не замечаются.
Этическое SEO
«Этическое SEO» - это правильная поисковая оптимизация. Это своего рода странная фраза, обычно используемая «сомнительными» провайдерами SEO в попытке сделать свои сервисы более безопасными. Точно так же теневые оптимизаторы часто утверждают, что они являются «белой шляпой», что означает, что они делают вещи только в соответствии с рекомендациями Google,
SEO Assistant
Когда вы вставляете контент на свой сайт, важно убедиться, что страницы оптимизированы для поисковых систем. Это сделано для того, чтобы ваши посетители и клиенты могли легко найти ваш сайт с помощью поисковой системы, например, Google. В C1 CMS есть инструмент SEO Assistant, который может дать вам несколько советов о том, насколько хорошо отдельные страницы оптимизированы для поисковых систем. SEO Assistant включает в себя: Поле для добавления ключевых слов
SEO консультант | SEO Эксперт | NetStrategy®
SEO консультант в вашем полном сервисе Вы ищете идеально адаптированное обучение для ваших конкретных потребностей? Тренинг 1: 1 NetStrategy® призван удовлетворить эту потребность. От нас до вашей компании, от одного из наших SEO консультантов до вас, напрямую и без какого-либо посредничества: это то, что означает индивидуальный подход .
Ace SEO 101 с Drupal SEO Grader
... seo-101-s-drupal-seo-grader-1.jpg" alt="Не было бы здорово, если бы ваш сайт мог уведомить вас, когда он потерял популярность у Google"> Не было бы здорово, если бы ваш сайт мог уведомить вас, когда он потерял популярность у Google? «О, эй, тебе нужно разместить тег <H1> на главной странице, если ты хочешь получить рейтинг первой страницы, приятель». Что ж, твое желание было исполнено! 29 ноября 2011 года Volacci и Acquia выпустили новый Drupal SEO Grader. Volacci
Можете ли вы гарантировать органический рейтинг?
... и Нельсон Меня часто спрашивают, так как я работаю над SEO предложения если SBN Marketing может гарантировать органическое ранжирование"> пост от Стефани Нельсон Меня часто спрашивают, так как я работаю над SEO предложения если SBN Marketing может гарантировать органическое ранжирование. Краткий ответ: Нет. (Это
Инструменты для проверки SEO вашего сайта
Люди, работающие с интернетом, наверняка слышали о термине поисковая оптимизация, более известном как SEO , Он был развернут в 1997 году, через год после создания Google, и перевод на португальский язык был бы поисковой оптимизацией. Это означает, что SEO в конечном итоге является тем, что диктует оптимизацию веб-страниц и то, как пользователи могут искать эту же страницу в поисковых системах онлайн, таких как
параметр оптимизации
{{{Img}}} Имя Юля Фамилия Белица Отчество Михайловна Факультет ФИС Группа СЦМ-51 Зачетная книжка .............. Презентация доклада (университетский репозиторий). При планировании экстремального эксперимента важно определить параметр, который нужно оптимизировать. Для этого цель исследования должна быть сформулирована четко и допускать количественную оценку. Характеристика цели задана количественно называется параметром оптимизации. Параметр оптимизации является реакцией (откликом)

Комментарии

Как SEO, теперь вы должны решить: я должен включить одно перенаправление 301, должен ли я заблокировать Google от одного представления, должен ли я отдать приоритет внутренней связи одному другому?
Как SEO, теперь вы должны решить: я должен включить одно перенаправление 301, должен ли я заблокировать Google от одного представления, должен ли я отдать приоритет внутренней связи одному другому? Вы можете просто использовать канонические теги. Есть много вещей, которые вы могли бы сделать, чтобы исправить это. Особенно, если у вас большой сайт, очень легко непреднамеренно конкурировать с самим собой. Таким образом, «Идеи стратегии» на самом деле направлены на предотвращение людоедства
Вы бы постоянно слышали об условиях поисковой оптимизации (SEO), но знаете ли вы подробности таких условий поисковой оптимизации (SEO)?
Вы бы постоянно слышали об условиях поисковой оптимизации (SEO), но знаете ли вы подробности таких условий поисковой оптимизации (SEO)? Это руководство поможет вам узнать обо всех областях поисковой оптимизации (SEO), от поиска ключевых слов до привлечения трафика на ваш сайт и получения более высокого рейтинга в поисковых системах. Это даст вам ответы на такие вопросы, как Как вы оптимизируете свой сайт для поисковой системы? Сколько потратить на поисковую
Что именно означает «оптимизация по релевантности», как вы это делаете и можете ли вы полагаться только на это?
Что именно означает «оптимизация по релевантности», как вы это делаете и можете ли вы полагаться только на это? Как, в конце концов, работает семантический поиск и с чего начать? Эта статья является попыткой ответить на эти вопросы. Что такое семантический поиск? Семантический поиск направлен на повышение точности поиска путем понимания цели поисковика, контекстуального значения терминов и отношений между словами, чтобы обеспечить более релевантные результаты
А вы, знаете ли вы о SEO Analytics?
А вы, знаете ли вы о SEO Analytics? Вы были в состоянии проверить это? Что вы думаете?
Когда вы слышите «SEO» или «поисковая оптимизация», вы думаете, что сайт, не так ли?
Когда вы слышите «SEO» или «поисковая оптимизация», вы думаете, что сайт, не так ли? Ну, SEO больше не только для вашего сайта. Фактически, использование ключевых слов и ключевых фраз, которые могут быть найдены вашими покупателями в Интернете, распространяется на профили и публикации LinkedIn. Google индексирует контент в Интернете, и LinkedIn, по многим учетным записям, является одним из 10 лучших сайтов за все время. Это означает, что независимо от того, насколько усердно вы работаете,
Например, знаете ли вы, что вы можете создать общую ссылку для показа внешних связать авторитетные метрики от Moz & Majestic SEO, как это ?
Когда вы слышите «SEO» или «поисковая оптимизация», вы думаете, что сайт, не так ли? Ну, SEO больше не только для вашего сайта. Фактически, использование ключевых слов и ключевых фраз, которые могут быть найдены вашими покупателями в Интернете, распространяется на профили и публикации LinkedIn. Google индексирует контент в Интернете, и LinkedIn, по многим учетным записям, является одним из 10 лучших сайтов за все время. Это означает, что независимо от того, насколько усердно вы работаете,
Например, хотите ли вы увеличить свой доход за счет обеспечения большего объема онлайн-продаж и генерирования более квалифицированного трафика сайта?
Например, хотите ли вы увеличить свой доход за счет обеспечения большего объема онлайн-продаж и генерирования более квалифицированного трафика сайта? Или вы хотите обновить свой сайт и запустить SEO, чтобы поддержать запуск совершенно нового продукта? С каждым из этих примеров вы предоставляете SEO и веб-дизайн компании ценную информацию о ваших целях. Агентство, например, не узнает, что вы хотите, чтобы ваша стратегия SEO сосредоточилась на вашем последнем продукте, если вы этого не сказали.
Давайте посмотрим, соответствует ли Yoast SEO шумихе, всем и их собакам нравится бесплатный плагин Yoast SEO, но хорошо ли это?
Давайте посмотрим, соответствует ли Yoast SEO шумихе, всем и их собакам нравится бесплатный плагин Yoast SEO, но хорошо ли это? Yoast WordPress SEO плагин Чирикать сейчас
Формат, который вы могли бы - или, скорее, вы должны - интегрировать в ваша контент-стратегия , Это уже сделано?
Означает ли это, что Google лучше обнаруживает сайты, чем Bing, или это признак того, что маркетологи должны лучше оптимизировать свой контент для Bing? Похоже, что эксперты по поиску в SMX считают, что сканер Google в настоящее время намного лучше обнаруживает контент, чем поисковый бот Bing (несомненно, это часть того, почему Google по-прежнему поисковая система № 1 на рынке, по последним оценкам
Если бы вы заплатили мне (или любому другому SEO) 100 фунтов стерлингов за таргетинг по вашим ключевым словам, и вы не видите улучшения, разве вы не думаете, что потратили впустую свои деньги?
Если бы вы заплатили мне (или любому другому SEO) 100 фунтов стерлингов за таргетинг по вашим ключевым словам, и вы не видите улучшения, разве вы не думаете, что потратили впустую свои деньги? Я не могу взять на себя работу с таким низким бюджетом, так как моя репутация будет в опасности. Читайте мои отзывы на людей в час , а также
Если вам интересно узнать больше о канонических ссылках, вы можете найти статьи здесь: Что такое канонические ссылки и почему вы должны канонизировать свой URL?
Если бы вы заплатили мне (или любому другому SEO) 100 фунтов стерлингов за таргетинг по вашим ключевым словам, и вы не видите улучшения, разве вы не думаете, что потратили впустую свои деньги? Я не могу взять на себя работу с таким низким бюджетом, так как моя репутация будет в опасности. Читайте мои отзывы на людей в час , а также

Итак, как это относится к мобильному SEO?
Должны ли вы пойти отзывчивым?
Мой взять?
Есть вопросы?
Есть вопросы?
Нужен ли дизайн вашего сайта с адаптивным макетом?
SEO мертв?
А если нет, то умирает ли?
Как SEO, теперь вы должны решить: я должен включить одно перенаправление 301, должен ли я заблокировать Google от одного представления, должен ли я отдать приоритет внутренней связи одному другому?

Авторизация

Реклама

Реклама

Архив сайта


Облако тегов