post Категории: Структура сайтаpost Comments (6)

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

CheTeam Mobile

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

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

При оптимизации сайта под мобильные устройства, перед веб-мастером стоят две основные задачи:

  • высоко ранжироваться в мобильных ПС
  • сделать сайт максимально дружественным мобильному пользователю

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

Мобильная оптимизация не очень отличается от традиционной: ключевые слова, релевантные ссылки и все остальные аспекты SEO те же самые. Есть 2 возможных способа добавить оптимизированный контент на Ваш сайт:

1. Создать мобильные таблицы стилей

Это позволит модифицировать контент для мобильных пользователей. Смысл этого действия в том, чтобы убрать громоздкий контент (видео, анимацию, картинки большого размера). Для этого используется атрибут display:none. Вы можете назвать эту таблицу стилей, например mobile.css. или handheld.css. При этом URL страницы не изменится, что важно для пользователей, которые переходят на сайт по внешним ссылкам.

2. Создать поддомен

Другой способ оптимизировать ваш сайт - это создать поддомен или подкаталог для мобильных пользователей, например www.mobile.yourwebsite.com, www.yourwebsite.com/m/ или www.m.yourwebsite.com.

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

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

  • пишите код, используя синтаксис XHTML. Если это возможно, избегайте использования JavaScript и Flash.
  • Создайте карту сайта, которая будет содержать только страницы оптимизированные для мобильных устройств.
  • Используйте alt-атрибуты. Многие пользователи отключают загрузку изображений, чтобы увеличить скорость загрузки сайта.
  • Используйте якорные ссылки. Минимизируйте скроллинг, насколько это возможно. Добавляйте ссылки для удобства пользователей.
  • Сделайте меню навигации заметным и удобным для пользователей, учитывая небольшие размеры экранов мобильных устройств.
  • Сделайте возможным автоматический вход на сайт, так как с телефона довольно неудобно заполнять форму регистрации/входа.
  • Не используйте фреймы. Фреймы не рекомендуется использовать в любых версиях сайта, не только мобильных, так как это усложняет работу поисковых роботов.
  • Не используйте таблицы при создании шаблона сайта.
  • Не используйте большие файлы. Избегайте тяжелых изображений и рекламы, так как это очень сильно увеличивает время загрузки и негативно влияет на ранжирование.
  • Размер страницы не должен превышать 20 Кб, а время загрузки - 20 секунд. Несмотря на то, что естественно предполагается, что веб-страница загружается медленнее на телефоне, мобильные пользователи так же нетерпеливы, как и обычные. Тестируйте свой сайт для разных типов интернет-соединения.
  • Pop-up реклама не должна выскакивать на другой странице. Пользователям мобильных телефонов тяжело переключаться между окнами.

Полезные ресурсы

Если хотите увидеть как Ваш сайт выглядит на на различных мобильных устройствах, введите URL сайта здесь http://iphone4simulator.com/, http://validator.w3.org/mobile/

Скрипт по определению мобильных UserAgent - http://detectmobilebrowsers.mobi/?dl

 

 

#1

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

Сергей, 04/05/2011 - 13:40
#2

Советы то хорошие, а как это все раелизовать, давай по пунктам!
Ты так написал как будто я тут пишу XHTML кодыы каждый день!
Уверен кто это умеет и без этой статьи сможет свой сайт оптимизировать под мобильник!

веб любопытный, 05/05/2011 - 08:20
#3

веб любопытный, в нашем народе еще с совковых времен осталась одна черта – делай все сам. А мы смеемся с того что в западных странах вызывают электрика что бы сменить лампочку.
Так вот, кто хуже? – Это еще вопрос над которым стоит подумать.
Когда тебе требуется переобуть авто, ты обращаешься в сервис или делаешь все сам?
Если у тебя в этом нет хорошей практики, то во-первых это отнимет значительно больше времени, а во-вторых работа будет некачественной. Умный человек воспользуется услугами профи.
Так же и тут. Статья раскрывает почему и зачем это нужно, дальше выбор за читателем.
Ну и напоследок: это блог не о верстке.

Zuzlan, 05/05/2011 - 11:00
#4

Очень интересная статья! По больше бы таких!

tubexnet2013, 06/05/2011 - 10:32
#5

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

propellerr, 06/05/2011 - 15:46
#6

Интересная статья с интересом читал.

ivan 96, 14/05/2011 - 10:13