«Шеф-редактор блога 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.
На сегодняшний день яндекс браузер считается одним из востребованных и распространенных обозревателей.
Многомиллионные пользователи нашей страны вникают в суть новых программных обеспечений и тщательно знакомятся с основными функциями.
Трудно представить человека, который не пользуется доступом к интернету.
Практически каждый из нас ежедневно посещает различные веб-порталы с целью получения познавательной информации.
Чтобы воспользоваться обновленной версией яндекс обозревателя, необходимо выполнить определенные действия. Улучшить мобильный браузер можно с помощью нескольких простых действий. Для этого понадобится внимательно прочитать данную статью.
Главным преимущество яндекс браузера является то, что он открывается достаточно быстро и практически никогда не глючит. С помощью данного обозревателя можно открыть любой веб-портал и при этом не беспокоиться о попадании вредоносных вирусов.
Стоит отметить, что новейший мобильный яндекс обозреватель способствует обеспечению ускоренного запуска веб-порталов не только за счет функции Турбо, но также благодаря профессионально скорректированному интерфейсу. Разработчики тщательно потрудились и выпустили обновленную версию обозревателя.
Таким образом, пользователи смогут с легкостью воспользоваться новейшими функциями, которые отличаются максимальным удобством.
С каждым разом разработчики предлагают своим пользователям инновационные новшества. Благодаря усовершенствованным технологиям, IT-программистам удается с легкостью интегрировать новейшие функции.
Поэтому яндекс браузер обрел большую популярностью среди многомиллионных пользователей. Для открытия новой вкладки обновленного обозревателя, пользователям необходимо лишь кликнуть два раза на программное обеспечение и, соответственно, перейти в режим управления вкладки.
Приятная и простая процедура по установке обновленного яндекс браузера не требует лишней траты времени. Для начала вам понадобится посетить Google Play и, конечно же, открыть специальную вкладку яндекс браузера. При виде обновленного обозревателя, необходимо нажать на опцию «Скачать». Подождав несколько минут, приложение скачается и установится в вашем смартфоне.
Не секрет, что в Google Play можно найти сразу несколько яндекс обозревателей, предложенные различными поставщиками. Выбрав соответствующую версию определенного обозревателя можно проделать действия и установить на свой телефон. В некоторых случаях пользователь случайно удаляет яндекс обозреватель. Однако, не следует переживать по этому поводу.
Так как восстановить программу достаточно легко и просто. Придется лишь заново проинсталировать обозреватель, который производится в автоматическом режиме. Для установки программного обеспечения, придется лишь нажимать на опцию «Далее».
Всем привет. В этой статье, я покажу как установить Яндекс браузер на телефоне, планшете Андроид бесплатно, через сервис Плей Маркет, а также через компьютер.
С момента выхода Яндекс браузера, многие пользователи, успели оценить его достоинства, на своём компьютере. Сделав его .
Мобильная версия Яндекс браузера, тоже имеет неплохой набор функций, что выделяет его среди остальных браузеров.
Это турбо режим, значительно экономящий трафик и ускоряющий загрузку страниц при медленном интернете, табло с любимыми сайтами, и многое другое.
Если вы решили установить Яндекс браузер, на свой телефон и оценить его возможности, необходимо сделать следующее.
Как установить Яндекс браузер на телефон Андроид через Плей маркет
1. Заходим в Плей Маркет, со своего мобильного телефона или планшета, далее забиваем в строке поиска «Яндекс браузер», после жмём кнопку «Установить».
2. Теперь необходимо подождать, пока закончится загрузка браузера. 
3. По окончанию загрузки, начнётся автоматическая установка Яндекс браузера на телефон. 
4. Остаётся нажать на кнопку «Открыть». 
Как установить Яндекс браузер на телефон через компьютер
Для того чтобы установить Яндекс браузер через компьютер, необходимо сделать следующее.
1. Скачиваем АПК файл мобильного Яндекс браузера, на свой компьютер. Будьте внимательны при выборе сайта, где будете скачивать браузер. Так как очень часто, мобильные приложения не с Плей Маркета, могут содержать в себе вирусы.
2. Переносим скачанный АПК на телефон, через USB шнур.
3. В настройках Андроид, разрешаем установку приложений не с Плей Маркета. Очень важный момент, если этого не сделать, ни одно стороннее приложение не установится.
4. Находим через файл менеджер, АПК файл у себя на телефоне, запускаем установку.
Поисковые системы улучшают выдачу результатов поиска для пользователей мобильных устройств (смартфонов, планшетов). Таким пользователям вероятнее всего будет показан сайт с адаптивным дизайном, динамической версткой страниц, мобильная версия сайта или Турбо-страница .
Сайт с адаптивным дизайном
Сайт подстраивается под разрешение и размер экрана; доступен по одному URL для всех типов устройств.
Динамическая верстка страниц
Для просмотра с разных мобильных устройств сервер отправляет в ответ на запрос одного URL различные варианты кода HTML и CSS.
Мобильная версия сайта (отдельный домен или поддомен)
Для просмотра с мобильных устройств используется отдельный URL (специальный поддомен: m.example.com , mob.example.com и пр.). Чтобы в мобильном поиске участвовал мобильный поддомен, его структура должна полностью соответствовать структуре основного домена.
Турбо-страница
На основе страниц сайта формируются Турбо-страницы , содержимое которых хранится на сервере Яндекса. Это позволяет загружать эти страницы в несколько раз быстрее мобильной версии сайта.
- Ресурсы должны быть доступны для индексирующего робота Яндекса: Mozilla/5.0 (iPhone; CPU iPhone OS 8_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12B411 Safari/600.1.4 (compatible; YandexBot/3.0; +http://yandex.com/bots) . Разрешите в файле robots.txt сканирование CSS, JavaScript, от которых зависит отображение сайта на мобильных устройствах. Иначе страницы сайта могут некорректно отображаться в результатах поиска.
- Страницы сайта должны отправлять серверу ответ с HTTP-кодом 200 OK. Вы можете проверить ответ сервера в Яндекс.Вебмастере.
- Размещайте контент вашего сайта таким образом, чтобы он был максимально виден на экране мобильного устройства.
- Содержимое страниц не должно выходить за рамки экрана по горизонтали.
- Размер текста в пикселях должен быть таким, чтобы весь текст удобно читался на экране мобильного устройства.
Не используйте технологии Flash, Silverlight или Applet на страницах, ориентированных на мобильных пользователей - эти технологии могут не поддерживаться на мобильных устройствах.
Как проверить мобильные страницы сайта
Чтобы проверить:
- Отдельные страницы сайта
- Весь сайт
Выберите из списка сайт, страницу которого хотите проверить.
Проверка завершится в течение двух недель.
Примечание. Строка Сайт не оптимизирован для мобильных устройств не отображается при проверке неглавного зеркала.
После проверки на странице Диагностика → Диагностика сайта появятся рекомендации по оптимизации. Яндекс.Вебмастер регулярно проверяет сайт. Вы можете настроить уведомления о результатах проверки.
Вопросы и ответы про мобильные сайты
Может ли отличаться контент мобильной и основной версии сайта?
Вы можете оптимизировать содержание страниц сайта для мобильного поиска. Например, оставить только тот контент, который будет полезен пользователям мобильных устройств. При этом содержание страниц мобильной версии сайта не должно кардинально отличаться от контента основной версии сайта.
Как избежать дублирования контента?
Основная версия сайта и мобильная воспринимаются роботом Яндекса как отдельные сайты и индексируются отдельно друг от друга.
Чтобы помочь роботу правильно определить мобильную версию сайта, укажите на страницах основного сайта соответствующие URL мобильной версии. Например, с помощью элемента link:
Надо ли устанавливать перенаправление на мобильную версию сайта?
Вы можете перенаправлять пользователя с основного сайта на мобильную версию, учитывая user-agent устройства, с которого пользователь просматривает сайт.
Надо ли добавлять мобильную версию сайта (домен или поддомен) в Яндекс.Вебмастер?
Вы можете добавить мобильную версию сайта в Яндекс.Вебмастер, чтобы отслеживать статистику индексирования страниц.
Можно ли создать мобильную версию сайта в подкаталоге (папке)?
Если мобильная версия сайта находится в директории основного сайта, индексирующий робот Яндекса не сможет корректно проиндексировать данные и признать сайт мобилопригодным. Используйте адаптивный дизайн или динамическую верстку.
Мобильная версия на поддомене стала зеркалом основной версии
Такое может произойти, если содержимое мобильной и основной версии идентично. На признание сайта мобилопригодным и показ мобильной версии в мобильном поиске это не влияет.
