Частые ошибки вебсайтов для смартфонов

Частые ошибки вебсайтов для смартфонов

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

Непроигрываемое видео

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

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

Неправильное перенаправление

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

Несколько стандартных примеров:

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

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

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

Перенаправление некоторых мобильных устройств, но не всех. Например, сайт может перенаправлять на мобильный сайт только пользователей Android, и не перенаправлять пользователей iPhone или Windows Phone.

Свойственные только смартфонам ошибки 404

Некоторые сайты по URL’у доставляют содержимое пользователям настольных компьютеров, но показывают страницу с ошибкой пользователям смартфонов.

Чтобы обеспечить самое лучше впечатление пользователей:

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

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

Загрузка приложений

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

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

Исходной браузерной и системной поддержки, такой как Умные баннеры приложений для Safari на iOS6 (Smart App Banners for Safari on iOS6).

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

Неправильные перекрестные ссылки

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

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

Скорость страницы

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

Источник: https://developers.google.com/

Редакция: Команда webformyself.

Практика верстки сайта под мобильные устройства

Изучите курс по созданию адаптивных сайтов

Научиться

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Арсений Богданов

    Спасибо за статью, очень полезная для меня информация.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree