Мобильная оптимизация сайтов: адаптация к новым реалиям 2013 года

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

Однако 2013 год стал знаковым не только из-за роста мобильного трафика. В январе этого года произошло событие, которое всколыхнуло весь рунет: компания «Яндекс» объявила о передаче своего легендарного сервиса «Яндекс.Народ» платформе uCoz. Эта сделка затронула миллионы пользователей и сотни тысяч сайтов. Для многих именно она стала точкой входа в мир современных технологий создания сайтов, включая и поддержку мобильных устройств.

Эпоха narod.ru: как это было

«Яндекс.Народ» запустился 4 февраля 2000 года с лозунгом «Постройте свой сайт за 60 секунд». Для начала 2000-х это был прорыв: любой пользователь, только что подключившийся к интернету по dial-up, мог создать собственную страницу, используя готовые шаблоны. За первые два месяца работы сервиса было создано почти 30 тысяч сайтов.

К 2010 году на «Народе» насчитывалось более 3 миллионов сайтов, а аудитория сервиса в декабре 2012 года составляла впечатляющие 21,3 миллиона человек. «Народ» стал для многих первым опытом знакомства с веб-разработкой — именно там начинающие вебмастера учились основам HTML, подбирали яркие цвета фонов и добавляли бегущие строки, которые так полюбились пользователям той эпохи. Дизайн для «Народа» разрабатывала студия Артемия Лебедева — это тоже говорило о серьёзности проекта.

Однако к 2013 году ситуация кардинально изменилась. Появились социальные сети, и потребность в личных сайтах-визитках отпала — пользователи ушли в «ВКонтакте» и Facebook. Бизнес, напротив, стал предъявлять гораздо более высокие требования к сайтам. Простых страничек с гостевой книгой уже было недостаточно — потребовались форумы, фотогалереи, интернет-магазины и, конечно, возможность нормально смотреть сайт на мобильных устройствах.

Сделка года: передача «Народа» в руки uCoz

31 января 2013 года «Яндекс» объявил о том, что передает свой хостинг сайтов сервису uCoz. Это было не закрытие, а именно передача — со всеми сайтами, контентом и даже доменом .narod.ru.

Почему «Яндекс» пошел на этот шаг? В официальном блоге компании объяснили: «Narod.ru как хостинг сайтов перестал быть массовым сервисом. Конечно, определенный спрос на подобные услуги остался, но с ним прекрасно справляются компании, которые специализируются на сервисах для создания сайтов. Именно такой компании мы и решили передать "народные" сайты и выбрали uCoz».

Выбор uCoz не был случайным. К началу 2013 года на платформе было создано более 2 миллионов сайтов, а сами сервисы uCoz входили в сотню самых популярных ресурсов рунета. Это была зрелая система с 23 различными модулями, поддержкой собственных доменов и FTP-доступом — всё то, чего так не хватало пользователям «Народа».

Сделка была не денежной — «Яндекс» фактически отдал свою базу сайтов в обмен на то, что uCoz продолжит их поддержку и развитие. Для uCoz это был мощнейший рывок: они получали огромную базу пользователей и сохраняли за собой домен .narod.ru, что позволяло сделать переезд максимально безболезненным. Пользователям не нужно было менять адреса своих сайтов — они по-прежнему оставались доступны на поддоменах narod.ru.

Бунт «народников»: чего испугались пользователи

Новость о передаче сервиса вызвала настоящую бурю негодования. Комментарии в блоге «Яндекса» заполнили гневные сообщения: «Предали народ!», «Позор!», «Зачем вы это сделали?».

Главная причина возмущения крылась в рекламе. На «Народе» был лишь один небольшой баннер Яндекса, который к тому же можно было убрать с помощью небольшой строчки кода. На uCoz рекламы было значительно больше, а ее отключение стоило денег — около 80 рублей в месяц по текущему курсу. Для владельцев сотен тысяч сайтов, которые годами создавали контент, это было ударом.

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

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

Представители uCoz поспешили успокоить аудиторию: они объявили о «рекламном карантине» — трехмесячном периоде, в течение которого на сайтах не будет никакой рекламы. Малопосещаемые ресурсы (до 50 человек в сутки) обещали оставить без рекламы навсегда. Кроме того, для школ и детских садов предусмотрели специальный льготный тариф.

Практическая сторона: как проходил переезд

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

• Адрес сохранялся: Все сайты оставались доступны по старым адресам вида login.narod.ru — никаких изменений для посетителей.
• Вход в панель управления: Пользователям нужно было зайти на сайт www.narod.ru/admin и авторизоваться через свой аккаунт на Яндексе.
• Принятие соглашения: После авторизации владельцы знакомились с пользовательским соглашением uCoz и принимали его.
• Установка пароля: Придумывался новый пароль для входа в панель управления uCoz.
• FTP-доступ: Для работы по FTP нужно было задать новый пароль через настройки в панели управления.

Важно отметить, что в течение всего периода переезда сайты оставались доступны для посетителей. Переезд происходил «за кулисами» и не мешал работе ресурсов. При этом файлы, загруженные на файлообменник «Народ», оставались в ведении Яндекса, а почтовые ящики @narod.ru продолжали работать в «Яндекс.Почте» как ни в чем не бывало.

Что получали пользователи взамен: преимущества uCoz

Несмотря на недовольство рекламой, переезд на uCoz давал владельцам сайтов серьезные преимущества — и одно из главных касалось как раз поддержки мобильных устройств. Вот что получали «народники»:

• PDA-версия: uCoz автоматически создавал упрощенную версию сайта для мобильных устройств, доступную по адресу login.narod.ru/pda. В 2013 году это было настоящим спасением для владельцев сайтов, которые сами не умели верстать под маленькие экраны.
• Современные шаблоны: В каталоге uCoz появились шаблоны, которые более-менее сносно смотрелись на экранах смартфонов — конечно, если не требовать от них чуда.
• Модульная система: Вместо простого набора страниц, пользователи получали 23 модуля: форум, фотогалерею, каталог статей, интернет-магазин, гостевую книгу, опросы. Все эти модули имели встроенную поддержку PDA-версий.
• Собственный домен: Появилась возможность привязать к сайту домен второго уровня (site.ru вместо login.narod.ru), что позволяло гибче настраивать отображение для разных устройств.
• Хостинг: Серверы uCoz были шустрее старых народных, что влияло на скорость загрузки — важный фактор для мобильных пользователей с их медленным 3G.

Мобильная оптимизация по-русски: что работает уже сейчас

Давайте честно: в апреле 2013 года мобильная оптимизация в рунете только начиналась. Массовый вебмастер ещё не использует сложные технологии — всё делается проще.

Самый популярный способ сделать сайт доступным для мобильных — это создать отдельную PDA-версию. Обычно она располагается на поддомене pda.site.ru или site.ru/pda и представляет собой облегченную текстовую версию без тяжелых картинок и сложной верстки.

uCoz предлагает именно такое решение — автоматическую генерацию PDA-версии. Для владельцев сайтов, переехавших с «Народа», это огромный шаг вперед. Раньше их сайты на мобильных телефонах просто не открывались нормально. Теперь же посетители с телефонов видят читаемый текст.

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

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

Почему о мобильной оптимизации нужно думать уже сейчас

Итак, почему владельцам сайтов, особенно тем, кто только переехал с «Народа» на uCoz, стоит заняться мобильной оптимизацией прямо сейчас?

Первое: аудитория мобильных устройств растет. Если ваш сайт неудобен для просмотра на экране смартфона — вы теряете до 15-18% посетителей. Через год эта цифра может вырасти.

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

Третье: поведенческие факторы. Если пользователь заходит на сайт с телефона, а сайт неудобен — он быстро уходит обратно в поиск. Это увеличивает процент отказов и в итоге влияет на позиции.

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

Что можно сделать прямо сейчас

Для пользователей uCoz, переехавших с «Народа», мобильная оптимизация делается просто:

• Включите PDA-версию. Зайдите в админку uCoz, найдите настройки PDA-версии и включите её. Ваш сайт станет доступен по адресу login.narod.ru/pda.
• Настройте внешний вид PDA-версии. В настройках можно изменить цвета, шрифты и отображаемые элементы. Например, можно убрать из мобильной версии тяжелые картинки.
• Попробуйте «резиновый» шаблон. В каталоге шаблонов uCoz поищите шаблоны, которые хорошо растягиваются под разную ширину экрана.
• Оптимизируйте изображения. Для мобильных пользователей тяжелые картинки — проблема. Уменьшайте размер изображений перед загрузкой.

Как проверить мобильную оптимизацию

Специализированных онлайн-инструментов пока немного, но проверить сайт можно самостоятельно:

• Посмотрите сами. Возьмите смартфон или планшет и откройте свой сайт. Попробуйте почитать текст, нажать на ссылки. Если приходится постоянно увеличивать экран и промахиваться мимо ссылок — сайт неудобен.
• Спросите знакомых. Дайте ссылку на сайт друзьям с мобильниками и спросите их мнение.
• Эмуляция в браузере. Уменьшите окно браузера на компьютере до ширины 320-480 пикселей и посмотрите, как сайт реагирует.
• Opera Mini. Популярный мобильный браузер Opera Mini показывает сайты в сжатом виде. Если ваш ресурс нормально открывается в нём — это хороший знак.

Кстати, пользователи uCoz могут проверить PDA-версию своего сайта прямо в админке — там есть предпросмотр.

Что дальше

История с передачей «Народа» uCoz — отличная иллюстрация того, как меняется интернет. То, что работало в 2000 году, к 2013 уже устарело. Простые сайты-визитки уступают место многофункциональным порталам, а десктопная версия перестает быть единственной — приходит эра мобильного интернета.

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

Для пользователей uCoz, которые только что переехали с «Народа», сейчас открывается окно возможностей. Пока конкуренты спят, можно настроить PDA-версию своего сайта, привлечь дополнительный трафик и закрепиться в поисковой выдаче.

Выводы

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

Что нужно сделать прямо сейчас?

• Включите PDA-версию своего сайта в настройках uCoz.
• Проверьте, как сайт выглядит на реальных мобильных устройствах.
• Оптимизируйте контент — уберите тяжелые картинки из мобильной версии.
• Следите за новостями — скоро поисковики начнут учитывать мобильную оптимизацию при ранжировании.

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