Зачем делать мобильную версию сайта, и чем поможет адаптивный дизайн

Дата: / Автор поста:


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

У меня samsung galaxy s3. Я им очень доволен, скорость интернета радует и производительность отличная.

Ну и соответственно интернет не стоит на месте, каждый месяц выходят новые модификации, каких то года 4 назад GPRS был верхом совершенства, а сейчас уже 3G не котируется, на смену ему пришел 4G, который быстрее моего домашнего, и это не предел. И это не удивительно, каждый день увеличивается число этих пользователей, а соответственно где спрос там и предложение.

Так о чем этот пост? О том что и мы рядовые блоггеры должны так же идти в ногу со временем, и адаптировать наши блоги. Вы должны знать, что гугл, а в скором времени и яндекс, выше ставит сайты которые оптимизированы под мобильные устройства. Проще говоря нам надо сделать так, чтобы сайт отлично смотрелся как на ПК так и на всем остальном.

Какие есть способы.

  1. Отдельная тема. То есть у вас стоит одна тема, а при заходе, предположим с андроида, загружается другая адаптированная. Вариант не особо распространен, ввиду своей трудно настраиваемости, и возможных глюков.
  2. Перенаправление на другой домен. Таким способом пользуются большие фирмы, например одноклассники и авито, суть способа в том, что при заходе пользователя на сайт, предположим с планшета, с определенной операционной системой, APP и ему подобные, то он автоматом, перекидывается на домен третьего уровня, с уже адаптированным под это устройство дизайном. Например, если заходить в одноклассники с компьютера, то адрес сайта OK.ru, если со смартфона, то он превращается m.OK.ru, вот так оно работает. Но это опять не для нас, надо иметь большие знания.
  3. Плагины для вордпресса. Классный вариант если вы вообще не знакомы хотя бы с языком CSS, поставил и забыл, работает себе и работает. Но нагруз дают просто колоссальный, о времени загрузки можете вообще забыть. Скажу честно, нашел только один достойный, но и про него тоже пишут не хорошие отзывы, обо всем по порядку в следующих статьях.
  4. Адаптивный дизайн, то что нам нужно. Весь процесс сводиться к изменению файлов стилей, если он один, то вообще прекрасно. Все до безобразия просто, берем элемент, который нам надо оптимизировать под устройства, и подгоняем под определенные размеры и разрешения. Этот способ основан на принципе резиновой верстки, очень популярной в данное время. Наш добрый товарищ google, даже рекомендует использовать адаптивный дизайн на своих ресурсах, за что ему большое спасибо.

Чем грозит отказ от изменений.

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

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

Вывод таков, если у вас не супер посещаемый портал, и у вас нет денег, тогда адаптивный дизайн, то что вам нужно, ничего трудного нет, только надо вникнуть в сам процесс, а там уже не сможете остановиться, очень интересный процесс.

P.S. Готовимся к следующей статье, в которой уже в плотную начнем настраивать адаптивный дизайн.

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(2 голоса, в среднем: 5 из 5)

С уважением к читателям Лифанов Валентин.

Нажмите на кнопку социальных сетей, вам не сложно, а мне приятно.

Комментарии к этой супер статье.

  • Андрей

    Именно из-за того что у моего блога нет адаптивного дизайна Гугл понизил статьи и трафик пропал.

    • Лифанов Валентин

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

  • Интернет Маркетолог

    Я вспомнил как лет таки шесть назад делал на своем школьном сайте мобильную версию сайта, я реализовал яваскриптом, определялось разрешение с экрана у посетителя и перенаправляло на мобильную версию

    • Лифанов Валентин

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

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

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

*

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Лифанов Валентин. ©2015-2016 Все права защищены. Полное или частичное копирование запрещено.