На какой карте видно движение автобусов. Основные правила настройки и использования приложения Яндекс.Транспорт

«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Рассказываем о трех методах создания мобильной версии сайта, моментах, на которые стоит обратить внимание и способах избежать типичных ошибок мобильных версий.»

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

• 79% владельцев смартфонов используют свои устройства при выборе и покупке конкретного товара
• 76% пользователей заявляют, что могут найти обучающее видео со своего смартфона на любую тему
• 80% пользователей начинают поиск дополнительной информации о заинтересовавшем продукте из онлайн или оффлайн рекламы, используя мобильный телефон
• 44% пользователей хотя бы раз в неделю открывают YouTube в поисках развлекательного или вдохновляющего контента
• 76% пользователей задумываются о покупке не типичного для них товара, увидев его упоминание на своем смартфоне
• 54% пользователей заявляют, что информация о товаре, полученная со смартфона в момент покупки, влияет на их решение

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

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

Платон Щукин , виртуальный эксперт Яндекс, в своем блоге дал рекомендации, как адаптировать сайт к мобильным гаджетам:

Мобильный сайт по версии Яндекса

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

• отдельная мобильная версия сайта , разработанная специально для мобильных экранов с учетом специфики (ограниченности) взаимодействия, размещенная на поддомене. В этом случае мы видим в адресной строке: m.site.com
• адаптивная верстка - одна и та же версия сайта по-разному отображается на разных типах устройств.
• динамическая верстка - сервер сайта определяет, с какого типа устройства происходит доступ к сайту, и отправляет разный размер запрашиваемых страниц для разных типов устройств.

Поисковые системы не отдают предпочтение какой-либо конкретной версии. Особые рекомендации касаются лишь отдельной мобильной версии:

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

Важные моменты в создании мобильного сайта

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

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

Важно также протестировать, как отображается контент на экране мобильного телефона. Стоит учесть, что сейчас наиболее популярной становится диагональ от 4,7 до 5,2 дюймов.

Проверить качество мобильной версии можно инструментом Яндекса «Проверка мобильных страниц», доступным в новой версии Вебмастера. Инструмент помогает определить типичные ошибки мобильных сайтов:

Горизонтальная прокрутка

Горизонтальная прокрутка появляется, когда ширина мобильного сайта больше среднестатистической ширины дисплея. Около 70% пользователей заходят в интернет с устройств, среднее разрешение которых 320рх. В некоторых случаях браузеры автоматически адаптируют ширину отображаемого сайта к разрешению дисплея, поэтому при самостоятельном тестировании горизонтальная прокрутка может не отображаться. Однако это не гарантирует, что браузер пользователя отобразит сайт таким же образом. Платон рекомендует проверять отступы, используемые в дизайне картинки, графические элементы (к примеру, логотипы), которые влияют на ширину страницы.

Ошибки мета-тега «viewport»

Мета-тег «viewport» указывает браузеру, что ресурс адаптивный. По стандарту HTML тег размещается в контейнере . Если задать динамическую область просмотра в зависимости от разрешения дисплея гаджета, то это избавит от необходимости задавать фиксированную величину сайту и от горизонтальной прокрутки:

Слишком мелкий шрифт

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

Невоспроизводимое видео

Мобильные браузеры не читают форматы Flash, Applet, Silverlight, это становится одной из причин, почему видео-контент на мобильном сайте не воспроизводится. Рекомендованный формат видео-контента - HTML5.

Какой наземный транспорт проезжает поблизости и когда автобус, троллейбус или трамвай прибудет на остановку, теперь можно узнать с помощью мобильного приложения Spb Transport Online. Оно обрабатывает данные с портала общественного транспорта Санкт-Петербурга , которые получают с помощью системы GLONASS. Ей с недавних пор оснащают весь наземный транспорт города.

Приложение можно скачать бесплатно на сайте разработчиков , Google Play или iTunes . Оно работает на смартфонах на базе iOS, Windows и Android.

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

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

Spb Transport Online определяет координаты пользователя и предлагает ему выбрать подходящий вид транспорта: автобус, трамвай или троллейбус. После этого приложение показывает, какие маршруты проходят поблизости, обозначает их местоположение на карте и рассчитывает примерное время прибытия на остановку. Данные обновляются при каждом перемещении телефона, нажатии кнопки «Обновить» или каждые 10 секунд при включенной функции автообновления.

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