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

Личный блог Олега Буянова

 Сувенирка Олега Буянова

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

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

Адаптация сайта под мобильные устройства. Зачем она нужна. Какие варианты решения существуют. Мой ответ Гуглу на его письмо, и новый шаг в развитие блога. Блог теперь адаптирован под мобильные устройства!

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

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

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

В марте 2015 года, я написал статью «Письмо от Гугл», где рассказал о нашей переписке с представителями поисковой системы Гугл. Как они прислали мне письмо счастья, в котором сказали, что мой блог не адаптирован под мобильные устройства.

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

Для чего адаптировать блог под мобильные устройства?

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

Они захватывают мир, уже, наверное, захватили. И у меня есть и планшет, и смартфон и ноутбук. Технологии IT — технологии, интеренет стремительно развиваются, особенно в последние годы.

Со всех этих устройств люди всё чаще приходят на разные сайты, читают, общаются в социальных сетях. Так ведь? Вы ведь тоже их используете? А несколько лет назад никто и не знал, что они появятся.

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

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

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

Варианты решений мобильной адаптации.

удобство пользователей

 

 

Главное в адаптации – это удобство для пользователей. Размер шрифта, отступы, заголовки. Чтобы можно было пролистывать страницу большим пальцем.

 

 

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

 1. С помощью плагинов.

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

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

2. Мобильный шаблон.

Второй вариант – сделать отдельный шаблон. Специальный мобильный шаблон и подключить его к основному блогу. Этот вариант получше первого. Но такие шаблоны не дешёвые, и мало кто их делает.

Как-то это вариант сильно не прижился у блогеров.

3. Адаптация шаблона.

И третий вариант — адаптация под мобильные устройства в самом шаблоне, средствами кода html, скриптов и стилей.

Это просто доработка основного шаблона. Этот вариант самый лучший, по всем показателям. И стоимость такой работы приемлема. Лишний плагин не ставить и результат достигается быстро, за несколько дней.

Мой ответ Гуглу.

Вот и я решил проблему мобильной адаптации своего блога. Прошло время. Уже 31 декабря перед самым Новый годом началась работа по мобильной адаптации моего блога. И вот, пару дней назад мой блог стал, адаптирован под разные мобильные устройства.

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

Я заказывал адаптацию на сайте http://kwork.ru/, где много людей которые выполняют разные работы. Ник у исполнителя - Mycode, имени его не знаю. Работай я вполне доволен. Там я заказываю почти все свои последние доработки по блогу.

До адаптации было так. Все 66% удобства.

мобильные устройства

После работы — показатели такие. 99% удобства. Два элемента решить не удалось, поэтому только 99% из 100, что тоже отличный результат.

После работы адаптация 99%

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

Решили этот вопрос, ответили Гуглу. Теперь любой читатель может зайти со своего смартфона на мой блог и, так же как и на компьютере почитать мою новую статью, оставить свой комментарий, посмотреть новости блога.

Конечно, там материалы отражаются по — другому, по – мобильному, так сказать, но тоже очень удобно и хорошо. Есть выпадающее меню страниц, и меню рубрик. Очень удобно и мне всё нравиться.

Адаптация сайта под мобильные устройства – это новый шаг в развитии моего блога. Ещё один шаг после новогоднего обновления блога.

Работы по блогу.

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

У нас в городе мороз, 25 -30 градусов днём, ночью ещё ниже. Эти три дня буду работать над блогом, принимать работы у фрилансеров. И конечно доделывать новую книгу ”Эффективные методы укрепления здоровья”.

Обложку я уже сделал, подписные страницы сделал, всё уже готово для запуска. Рассылку настроил и протестировал. Осталось доделать саму книгу. Эти три дня этим и буду заниматься. Скоро она появиться на свет и будет доступна для скачивания.

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

      Да прибудут с нами пользователи с мобильных устройств.

Буянов Олег
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Рейтинг: 5 из 5 (1 голос)
Поделитесь статьёй с друзьями
Подпишись на новости сайта
  1. Игорь
    Молодец Олег. Решил все же проблему с адаптацией под мобильные устройства
    Ответить на комментарий
    • Буянов Олег
      Да уж. Не идеально конечно. Но главное что решил этот вопрос. Так Гуглу ответил.
      Ответить на комментарий
      • Игорь
        Ну я также решил.Но есть мелкие нюансики.Но Гугл с Яшей не возмущаются.
        Ответить на комментарий
        • Буянов Олег
          Это хорошо. У меня тоже не всё гладко. В чём то стало лучше, в чём то похуже идеально сделать не получается.
          Ответить на комментарий
        • Игорь
          Ну в принципе,современные планшеты и сотики.Без всякой адаптации сайты воспринимают. Скоро отойдет старье и адаптировать не нужно будет.
          Ответить на комментарий
        • Татьяна
          В наше время все так быстро развивается, а блогерам надо успевать следить за всеми изменениями.
          Ответить на комментарий
        • Игорь
          Так и стараемся следить. Только и успеваешь что то переделать или подделать.
          Ответить на комментарий
        • Андрей
          Анонсирование планшетов давно было, наконец то они появились почти у всех. Больше нечего придумывать.
          Ответить на комментарий
        • Игорь
          Ох и не знай, прогресс идет вперед, еще что нибудь выдумают
          Ответить на комментарий
        • Андрей
          Я сколько ни фантазировал, придумать не мог. Может управление компьютером взглядом придумают.
          Ответить на комментарий
        • Игорь
          Удачи вам в разработке ))))
          Ответить на комментарий
        • Андрей
          Удачи разработчикам, я не разрабатываю.
          Ответить на комментарий
        • Игорь
          Ну мало ли, может будете разработчиком.Но идея хорошая
          Ответить на комментарий
        • Андрей
          Хотелось бы стать им, но ума не хватает.
          Ответить на комментарий
        • Игорь
          Плохо вы о себе думаете))))
          Ответить на комментарий
      • Андрей
        Олег, почему не идеально? 99 из 100 — отличный реультат, самый максимум.
        Ответить на комментарий
        • Игорь
          Конечно охота что бы сто процентный результат был)))
          Ответить на комментарий
        • Андрей
          Разница в один процент совершенно нзаметна пользователю.
          Ответить на комментарий
        • Игорь
          Это понятно, но всеже
          Ответить на комментарий
        • Андрей
          А что, всё же?
          Ответить на комментарий
        • Игорь
          Результат не сто процентный)))))
          Ответить на комментарий
  2. Петр Зайцев
    Молодец Олег! Неплохо смотрится блог 🙂
    Ответить на комментарий
    • Буянов Олег
      Сделали мастера. Тут много доработок. Пусть ребята работают. Я пока новую книгу делаю. Скоро запуск! К 24 января к воскресенью доделаю.
      Ответить на комментарий
      • Игорь
        Заинтриговал.Ну что же,будем ждать книгу.
        Ответить на комментарий
        • Буянов Олег
          Жаль что вы ребята вопросы мне не написали, какие темы в этой книге рассмотреть. Поэтому пишу о чём сам думаю. В книге я рассмотрел методы которые не требуют больших финансов. Каждый может их применить. И главное что об этих методах, я буду рассказывать на блоге дальше. По теме здоровья именно в этих направлениях.
          Ответить на комментарий
        • Игорь
          Вот мы прочитаем книгу и будем задавать вопросы.А ты или дополниш ее или еще одну напишишь.
          Ответить на комментарий
        • Буянов Олег
          Вообще дополнить хотел. Но сейчас уже она доступна для скачивания. Уже полностью готова.
          Ответить на комментарий
        • Игорь
          Да видел я и статью читал. Только что то пока ссылка мне не приходит.
          Ответить на комментарий
  3. Петр Зайцев
    Вот только что-то не так с соединением. Показывает https желтым цветом, мол соединение не защищено, будьте осторожны. Что это вообще такое?
    Ответить на комментарий
    • Буянов Олег
      Это где показывает? На компьютере, или на смартфоне? Показывает при переходе на что? На какую ссылку? https — это уже новая доработка на блоге, расскажу в одной из статей. Так сказать защищённое соединение.
      Ответить на комментарий
      • Петр Зайцев
        Оно одинаково показывает. На компьютере просто желтая штука в адресной строке. На планшете еще и предупреждает о незащищенном соеденении.
        Ответить на комментарий
        • Андрей
          Пётр, вам пока ключ сертификата не пришёл на устройство.
          Ответить на комментарий
        • Игорь
          А от Петра не слуху не духу)))
          Ответить на комментарий
        • Андрей
          Пётр иногда забегает на сайт и в быстрых конкурсах участвует.
          Ответить на комментарий
        • Игорь
          Эт точно.Хотя в последнем конкурсе он не участвовал, да там никто и не победил))))
          Ответить на комментарий
      • Петр Зайцев
        Я посмотрел, похоже это на всех страницах блога. Нужно настроить.
        Ответить на комментарий
        • Игорь
          А у меня все нормально. Может у вас какой то блокатор стоит?
          Ответить на комментарий
        • Буянов Олег
          Да, соединение должно быть зелёным, это новая доработка. Напишу скоро об этом. Будет целая статья. Что это такое и для чего.
          Ответить на комментарий
        • Игорь
          У меня зеленым горит, когда к тебе заходишь.
          Ответить на комментарий
        • Петр Зайцев
          Да нет, ничего такого нет 🙁
          Ответить на комментарий
  4. Петр Зайцев
    Вот так у вас: s017.radikal.ru/i439/1601/48/82ed20767924.jpg А так я думаю должно быть: s018.radikal.ru/i517/1601/25/fcaa3f74fef0.jpg
    Ответить на комментарий
    • Буянов Олег
      Да всё правильно Пётр. Можно ссылки с http:// писать, теперь они будут неактивны. Теперь они будут неактивны. Можно их так закрыть,
      Ответить на комментарий
      • Петр Зайцев
        Ничего, я понял.
        Ответить на комментарий
  5. Андрей
    Гугл свой Андроид продвигает, поэтому и учитывает адаптацию к мобильным устройствам.
    Ответить на комментарий
    • Игорь
      Ну так кто бы сомневался.В Гугле люди продвинутые работают.
      Ответить на комментарий
      • Андрей
        Сразу понятно было, свой товар как то продвигать надо, виндоуз наступает.
        Ответить на комментарий
        • Игорь
          Ну а вы разве не воспользовались бы тоже возможностью продвинуть товар
          Ответить на комментарий
        • Андрей
          Я бы воспользовался любой возможностью продвижения товара.
          Ответить на комментарий
        • Игорь
          Ну да, лишь бы откат был от этого
          Ответить на комментарий
  6. Андрей
    Проверил эту страницу сервисом PageSpeed Insights, который вы рекомендовали, результат Удобство для пользователей не изменился — 99/100!
    Ответить на комментарий
    • Игорь
      Мне тоже интересно было.Так же решил проверить и результат тот же самый оказался.
      Ответить на комментарий
      • Андрей
        Значит за это время ничего в удобстве не изменилось, всё стабильно работает.
        Ответить на комментарий
        • Игорь
          Выходит что так. И я рад за Олегов блог
          Ответить на комментарий
  7. Jine
    У меня есть свой блог, который я веду достаточно давно. Дело в том, что с увеличением посещения моего блога я поставил несколько блоков рекламы. но она некорректно отображалась в мобильных устройства, пользователи, заходившие в мой блог жаловались на всевозможные ошибки, баги и очень мелкий шрифт текста Потом я решил сделать адаптацию сайта под мобильные устройства. Один я даже не решил пробовать оптимизировать, потому что во-первых я в этом не разбираюсь, а во-вторых там очень много страниц текста. Нашел специалистов на www.mobile-version.ru Цена совсем не большая, по сравнению с той, что я увидел на сайтах других мастеров в моём городе. Тем более, что специалист Сергей, который оптимизировал мой блог, оказался толковым парнем. Блог оптимизировали за три дня. В это время я вносил свои коррективы и пожелания, например к шрифту и расположению. Потом я решил проверить соответствия сайта поисковиками. Яндекс-Вебмастер признал мой сайт адаптированным. Теперь мой сайт соответствует всем техническим параметрам и выдаётся в поиске с мобильных устройств. Сейчас немного увеличился прирост пользователей с мобильных устройств, не на много конечно, но +30% дохода с рекламы у меня увеличилась.
    Ответить на комментарий
Оставить свой комментарий