Адаптация сайта под мобильные устройства, как правильно всё настроить!

Приветствую Вас многоуважаемый посетитель моего сайта на связи Дмитрий. Далеко не секрет что сейчас технологии идут вперёд сейчас у каждого человека есть и мобильный и планшет и ещё пара устройств где можно попасть в интернет, без интернета сейчас люди не могут обходится. Это раньше когда ещё не было не телефонов ничего что могло бы нас затянуть, раньше люди писали письма отправляли по почте вот и была у нас такая связь. Но с появлением интернета люди к сожалению забыли элементарного общения друг с другом, теперь интернет заменяет всё общение в социальных сетях, не возможно оторваться если человек приходит с работы то первым делом садится за компьютер и давай рубиться в игрушки в одноклассниках, и такое сплошь и рядом. Я тоже каждый день прихожу с работы уставший сажусь за комп и начинаю рыть весь интернет в поисках заработка, просто нужно с умом проводить время за компьютером. Мне тоже нравилось в игрушки играть до поры до времени пока не начал всерьёз задумываться о том чтобы построить свой бизнес. И знаете ощущения совсем другие, мне теперь не понятно как у человека хватает выдержки на то чтобы страдать ерундой сидя в трусах перед монитором и ничего не делая. Как говорится каждому своё для нас бизнесменов сейчас волнует другое и что такое Адаптация сайта под мобильные устройства, не секрет после создания сайта нужен трафик, посещения на сайт чтобы он мог развиваться но сейчас очень много трафика идёт именно с мобильных устройств планшетов, почему сейчас так важно адаптировать свой сайт именно на такой трафик.


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

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

Ещё одно различение по возрасту т.е. на сайт заходят не только молодые люди но и более пожилые люди смотрите рисунок, может быть по этому так и важен данный вид трафика, потому что сейчас алгоритмы поисковых систем это всё отслеживается. Как видно на рисунке где оранжевым цветом выделено визиты людей от 45 лет и старше данный возраст вызывает у многих интерес, потому что нужно прежде упор делать на данную категорию посетителей потому что можно иметь постоянных клиентов. Далее цветовая схема идёт разная посещения начиная с возраста от 18-24 лет здесь конечно толку мало потому что пользователей интернета становится всё больше но толку мало такие в большинстве своём случаев ищут то чего нет в интернете, т.е. халявы или не определились с выбором чем они хотят заниматься. Дальше идёт категория 25-34 года ну здесь тоже моё мнение что данная категория тоже ищет чем нибудь поживиться на дармовщинку, это конечно плюс ресурсу что на него заходят люди разной возрастной категории но не факт что от этого будет какой либо прок. Далее возрастная категория это от 35-44 лет на этом нужно заострить внимание потому что где категория за сорок есть у Вас возможность не только заиметь клиентов на постоянной основе но и иметь хороших и надёжных партнёров, потому что люди умудрённые опытом имеют за плечами жизненные устои и им не нужно к примеру халява, а они хотят иметь свой бизнес который будет приносить доход. Но в данном случае нужно прежде всего это полезный материал на сайте размещать чтобы заинтересовать аудиторию, которая будет к Вам относиться  с уважением и пониманием того что с вами можно иметь дело.

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

И так приступим заходим в админ панель своего сайта, в разделе плагины набираем в поиске WPtouch, плагин сам довольно интересный по своей структуре загружаем устанавливаем потом переходим во вкладку самого плагина и выбираем сам базовые настройки смотрите рисунок важно правильно всё настроить выбор названия сайта и определение региона остальное оставляете как есть потому что всё идёт в автоматическом режиме. Что делаем дальше? Заходим во вкладку темы и расширения и мы видим такой рисунок выбираем данную тему и настраиваем очень внимательно настройки должны быть проведены очень внимательно иначе сам плагин работать не будет, во вкладке общие мы с Вами ставим цифру семь разобраться в настройках Вы сможете без труда. Но сейчас напишу правильно всё как нужно цифру мы поменяли можно поставить конечно пять но тогда отображаться не будут важные статьи которыми мы хотим привлечь посетителя, остальные параметры мы оставляем всё как есть ничего не меняем в данном случае спускаемся в низ и сохраняем настройки. Если вы пользуетесь браузером ГуглХром, то рядом с настройками будет кнопка проверить тему нажав её вы сразу увидите как будет отображаться сайт на мобильном устройстве. Проверить как он будет отображаться на других устройствах есть один сервис наберите в Гугл сообщение проверка сайта на мобильных устройствах, первое что он Вам выдаст это вот данный сервис  это даст возможность сразу сделать анализ сайта на удобство под планшеты и мобильные устройства, я зашёл и он мне сразу показал надпись зелёным цветом как видите мой сайт отображается на мобильном устройстве. Смотрите внедряйте отображение будет таким когда установите плагин мне было в новинку делать то что задали оптимизаторы поисковых систем, я решил воспользоваться плагином и результат оправдал все ожидания. Теперь дам некоторые советы для тех кто делает сайт на программе Артистер 3.0 и четвёртой версии программы, начнём с третьей данная программа не делает расширения под мобильные устройства не знаю почему но данной функции в ней не заложено, наверно потому что она проста в освоении и не требует таких знаний по этому разработчики не ввели функцию расширения для программы. Четвёртая версия программы имеет более расширенные настройки по этому сделать шаблон для сайта адаптированный под мобильные и планшеты есть такая возможность. Для этого просто нужно зайти в функцию макет для начала выбрать сам макет который нужен для сайта, смотрите на мой сайт выбираем функцию ширина листа нажимаем стрелочку и выбираем настройку ширины листа у Вас сразу откроется боковая колонка и самый первый раздел будет называться макет листа, спускаемся вниз и вручную прописываем 1020 px делаем сразу адаптивный дизайн будущего сайта. Артистер 4.0 сама по себе отличная программа которая пригодится любому специалисту в веб-дизайне который занимается этим серьёзно. Мне как человеку в нише создания сайтов очень важны данные навыки которым я обучился в своё время, если вы не знаете как работать с данной программой я показываю в курсе Принцип создания сайта данный видео курс состоит только из практики и никакой воды, там я наглядно демонстрирую пример работы с программой которая ещё раз повторю важна в создании сайтов, кто-бы что не говорил что данные программы с плохим кодом но моё мнение такое что работа с ними упростит в разы задачу при создании сайта.

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