Главная » Дизайн сайта » Адаптация сайта под мобильные устройства

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

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

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


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

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

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

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

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

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


Об Дмитрий Юров

Родился в 1975, в интернет бизнесе более трёх лет, занимаюсь полной установкой сайтов и интернет магазинов на WordPress. Запомните одну истину нет халявных денег, их нужно научиться зарабатывать своим умом. Связаться со мной вы можете по контактам: Email: info@busineslive.ru Skype: dimetro8. Не люблю говорить много, но успех зависит только от вас если вы хотите что то достигнуть делайте.

Больше новостей

Заработок в интернет плюсы и минусы

Заработок в интернет плюсы и минусы, или как построить свой бизнес Я вас приветствую на …

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

8 комментариев

  1. Интересный плагин.Я переделала шаблон своего блога на Артистере 4, поэтому теперь он адаптирован под мобильные устройства. Но вот тем, у кого нет возможности переделать шаблон, плагин будет как нельзя кстати!  :good:

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

  2. Привеи!!!!!!!!!!! УУ меня вопрос: 

  3. Здравствуйте Дмитрий! Скажите пожалуйста, как оптимизировать под мобильные устройства самописный сайт, без какой либо CMS.

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

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

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

2 × три =