Особенности создания мобильных сайтов

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

mobile

Примеры хорошего и плохого отображения сайта на мобильном устройстве

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

  • Текстовая информация, размещаемая на страницах сайта должна быть максимально видна на экране мобильного устройства.
  • При создании адаптивного дизайна пропишите специальные мета-теги, позволяющие задать область просмотра контента.
  • При использовании мобильной версии сайта, укажите ссылку на нее. Например, она может иметь следующий вид:  <link rel=»alternate» media=»only screen and (max-width: 640px)» href=»http://m.longars.ru/»/>
  • Помните, что мобильные устройства не способны отобразить некоторые технологии, используемые ри создании сайтов. К ним относят Flash, Silverlight или Applet. По возможности стоит отказаться от таких элементов или проводить верстку при помощи HTML5.
  • Текст, размещенный на странице, должен вмещаться в рамки экрана по горизонтали.
  • Подберите такой размер текста, который будет удобен при чтении с мобильного устройства
Поделитесь, если полезно:)Share on VKShare on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

Особенности создания мобильных сайтов: 1 комментарий

  • Почти все браузеры для мобильных поддерживают управление жестами. Используйте эту особенность при создании мобильной версии. Jquery Mobile позволяет привязать к жестам такие действия как листание страниц, перемещение между слайдами в галерее и многие другие.

Обсуждение закрыто.