Я знаю, как сделать очень быстрый сайт.
Мобильная версия сайта

Мобильная версия сайта

Нужна ли мобильная версия сайта?

Ответ: нужна.

По статистике пользователи всё чаще посещают сайты через мобильные устройства - смартфоны и планшеты.

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

Требования Яндекса к мобильной версии сайта

Проверка мобильных страниц в Яндексе

На данной картинке представлена проверка сайта в Яндексе. Можно зайти в вебмастер Яндекс и посмотреть соответствует ли мобильная версия Вашего сайта требованиям Яндекса. Анализ можно сделать перейдя в нужный раздел:

  1. Заходим в вебмастер яндекс
  2. Переходим в раздел "Инструменты"
  3. Переходим в подраздел "Проверка мобильных страниц"
  4. Вводим название сайта, нажимаем кнопку "проверить"

Если мобильная версия сайта соответствует ожиданиям Яндекса, то Яндекс так и напишет "Всё в порядке!"

Требования Google к мобильной версии сайта

Онлайн проверка мобильной версии сайта в Гугл

На второй картинке - аналогичная проверка в Google. Онлайн проверку может сделать любой пользователь интернета, не нужно нигде регистрироваться. Заходим по ссылке, вводим адрес сайта и нажимаем кнопку "Анализировать". Здесь можно проверить как гугл оценивает не только мобильную версию сайта, но и обычную компьютерную. Оценка проставляется в процентах от 0 до 100%.

  • Красная зона от 0 - 40% говорит о том, что Google очень не нравится страница и требуется выполнить работы по улучшению быстродействия и качества.
  • Жёлтая зона от 40 - 85% говорит о том, что сайт настроен более-менее, но всё равно требуются доработки.
  • Зелёная зона от 85 - 100% говорит о том, что сайт настроен почти идеально и нравится поисковой системе Google.

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

Шаблон мобильной версии сайта Битрикс

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

Дизайн мобильной версии сайта
Управляющие элементы в мобильной версии
Меню в мобильной версии сайта
Пример мобильной версии сайта
Меню в мобильной версии сайта пример номер 2
Адаптивный дизайн для планшета

Макет имеет управляющие элементы:

  1. Ссылка на главную страницу
  2. Кнопка вызывает функцию звонка по телефону на указанный номер
  3. Открывается форма обратной связи
  4. Кнопка 4 открывает вертикальное меню
  5. Кнопка 5 открывает вертикальное меню
  6. Зелёная кнопка открывает чат, через который пользователь может задать интересующие его вопросы

В меню указаны основные разделы сайта. При желании какие-то разделы можно убрать с мобильной версии.

У шаблона нет горизонтальной прокрутки, шаблон адаптируется под устройство. Также у шаблона нет лишних java-скриптов, которые замедляют отображение страницы пользователю, или как то её тормозят. Java-скрипты настроены по минимуму и необходимы только для работы мобильной версии.

В шаблоне используется адаптивная вёрстка. Минимальный размер ширины шаблона составляет 300 пикселей. Это число подобрано исходя из наблюдений за устройствами пользователей. Верхняя граница ширины экрана, на которую я обычно ориентируюсь, составляет 1199 пикселей. Свыше этого значения идёт обычная версия сайта.

Если пользователь заходит с мобильного устройства (смартфона или планшета), то система автоматически это определяет и выдаёт мобильный шаблон сайта. Перенаправление на мобильную версию сайта осуществляется на основе названия браузера устройства пользователя. Строчка браузера телефона, как правило, содержит такие слова как: iPhone, Android, webOS, BlackBerry, iPod, iPad. При перенаправлении на мобильную версию сайта не меняется URL-адрес страницы.

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

Цена мобильной версии сайта Битрикс

Заказать мобильную версию сайта можно у меня. Стоимость установки такого шаблона на сайт - 5000 рублей. Если на сайте есть какой то большой раздел (например каталог товаров, новости, статьи и прочее), то стоимость адаптации такого раздела под мобильные устройства оговаривается отдельно, и зависит от объёма работы.

Если нужна разработка с другим дизайном, или у вас есть какие-то идеи - сделаю мобильную версию по Вашему желанию.

Нужна мобильная версия сайта? - Обращайтесь, настроим!


sait-optimize.ru - Для нас нет нерешаемых задач!

<- Вернуться к списку