У вас есть сайт, оптимизированный для мобильных устройств?
У вашего сайта адаптивный дизайн?
Считаете ли вы пользователей, которые используют Интернет на мобильных устройствах?
Если да, то вот хорошие новости от Google. Теперь Google официально добавит тег “Mobile Friendly” к тем веб-сайтам, которые подходят для мобильных устройств.
Сегодня все больше и больше пользователей используют Интернет на мобильных устройствах, поэтому крайне важно оптимизировать свой веб-сайт для этих устройств. Но как узнать, оптимизирован ли ваш сайт для мобильных устройств? Вы можете проверить это здесь.
Вы также можете пройти тест на удобство использования мобильных устройств с помощью инструментов Google для веб-мастеров.
Что следует иметь в виду при создании сайта, оптимизированного для мобильных устройств:
Быть восприимчивым
- Адаптивный дизайн позволяет вам предоставить посетителю аналогичный опыт на компьютере, планшете или смартфоне. Он не только улучшает взаимодействие с пользователем, но и прост в управлении.
Размер содержимого
- Размер текста должен быть достаточно большим, чтобы его можно было легко прочитать на экранах мобильных устройств. Он не должен быть ни слишком маленьким, ни слишком большим. Идея, лежащая в основе этого, часто заключается в том, что увеличение или уменьшение масштаба не очень удобно для пользователей.
- Точно так же кнопка и размер содержимого должны быть подходящими, чтобы пользователю не приходилось все время прокручивать. Хотя большинство современных браузеров являются интеллектуальными браузерами и регулируют размер шрифта и общий размер экрана, рекомендуется заранее принять меры предосторожности.
- Держите ссылки отдельно, чтобы пользователь случайно не нажал на неправильные ссылки.
Сделайте это кратко и просто
- Изложите свое сообщение как можно яснее и лаконичнее. Никто не захочет читать длинные абзацы на мобильном телефоне, если только кто-то не читает книгу!
- Не рекомендуется использовать вспышку, тяжелые изображения, графику и т. Д. Используйте их только в том случае, если это неизбежно или они нужны вашей теме веб-сайта.
- Если вам нужно использовать видео, используйте видеопроигрыватель HTML5, чтобы он работал на большинстве устройств.
- Время загрузки страницы должно быть сведено к минимуму, чтобы никто не оставался в ожидании, а использование памяти было оптимизировано.
- При необходимости используйте значки вместо текстовых ссылок для навигации.
Избегайте чрезмерного использования Javascript
- Разные браузеры и телефоны по-разному относятся к javascript. Кроме того, в браузерах пользователей может быть отключен javascript. Поэтому использовать его следует с осторожностью.
Мобильный дизайн
- Просмотрите свой веб-сайт на рабочем столе и измените размер браузера, уменьшив ширину и оставив веб-сайт доступным для чтения. Теперь установите эту ширину, как показано ниже.
- Если для атрибута user-scaleable установлено значение yes, пользователь сможет увеличивать и уменьшать масштаб изображения.
- Чтобы изменить размер изображений и полей ввода на мобильных устройствах, установите максимальную ширину на 100%.
- Для фоновых изображений установите размер фона для автоматического изменения размера.
- Используйте новейшие технологические стандарты в дизайне. Например, вы можете использовать атрибут placeholder для входного тега, поэтому вам не нужно использовать теги.
- Используйте медиа-запросы, чтобы применять разные CSS для разных устройств.
- Вместо того, чтобы устанавливать положение объектов как фиксированное, установите его как статическое для мобильных устройств. Фиксированное положение будет искажать вид при прокрутке.
Используйте инструменты SEO
- Если ваш веб-сайт размещен на CMS, используйте широкий спектр доступных плагинов SEO.
- Используйте такие инструменты, как Site-Ninja, которые предлагают предварительный просмотр того, как ваш контент будет выглядеть для ваших пользователей, независимо от любого устройства.
Используйте информацию GPS
- Предоставлять пользователям информацию о местоположении, например о местных скидках и предложениях.
- Устанавливает язык контента в зависимости от географического положения.
Ссылка на полную версию сайта / рабочего стола
- Мобильная версия – это миниатюрная версия. Для пользователей, которые хотят увидеть полную версию веб-сайта для настольных компьютеров, укажите ссылку в нижнем колонтитуле, чтобы им не приходилось повторно вводить URL-адрес в адресной строке.
И наконец,
Хорошо протестируйте на всех платформах, устройствах и браузерах
- Убедитесь, что вашему пользователю нравится пользоваться вашим сайтом, и он снова хочет большего.
Это всего лишь небольшая компиляция. Есть несколько способов представить вашим посетителям мобильный контент. Вы можете потерять значительный бизнес, если пренебрегаете веб-сайтом, оптимизированным для мобильных устройств, поскольку теперь Google начал показывать тег “Оптимизация для мобильных устройств” для всех адаптивных веб-сайтов на их собственных страницах результатов (например, продолжение).
вывод
Помните, что веб-сайт, ориентированный на мобильные устройства, является «удобным для пользователя» и, следовательно, «дружественным к Google». В последнем сообщении Google я предполагаю, что скоро Google также рассмотрит “мобильность” в качестве параметра ранжирования.
