Курс на мобильную оптимизацию

Мобильная версия сайта давно уже пользуется спросом у населения. Буквально несколько часов назад получила сообщение от Google AdSense о поголовной мобилизации сайтов для мобильных устройств. Дождались высшего указа... Однако приятная обязаловка для юзабилити сайтов. Сообщили, что в поисковом рейтинге наш

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

телефоном и без него. Заблудиться можно на сенсорных панелях ;) Предлагают воспользоваться инструментом для проверки сайта. То есть, как будет выглядеть сайт на всех мобильных штучках. Начинаем мобильную оптимизацию своих ресурсов. Я не буду растягивать свой пост и подробно расписывать, сколько процентов

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

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

Как сделать мобильную версию сайта wordpress 

Скачать плагин, как я посчитала, самый оптимальный для WordPress, так как многие  на своём блоге проэкспериментировала . Однажды после одного плагина, не помню название, попала под немилость Яши - на блог проник вирус, который делал перенаправление и все прочие казусы на разные, не очень

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

Скачиваем  плагин wptouch   сохраняем на рабочем столе.
Как загрузить и установить плагин, читайте здесь  или здесь 

Читайте также  Яндекс вышел на охоту конкурс «Естественная ссылка — 2015»

Следуя подсказкам моих скриншотов, можете пошагово установить плагин, не переходя по ссылкам

Курс на мобильную оптимизацию

следующий шаг

Курс на мобильную оптимизацию

выбираем файл

Курс на мобильную оптимизацию

Ищем файл на рабочем столе

Курс на мобильную оптимизацию

 

Устанавливаем

Курс на мобильную оптимизацию

 

Активируем плагин

Курс на мобильную оптимизацию

Ищем настройки плагина. Панель вордпресс слева, опускаемся вниз, ищем иконку WPtouch, выглядит таким образом

Курс на мобильную оптимизацию

Заходим в настройки плагина

Панель вордпресс слева, опускаемся вниз, ищем иконку WPtouch, выглядит таким образом

Заходим в настройки wptouch, настраиваем по изображениям.

Курс на мобильную оптимизацию

Следующий шаг

Курс на мобильную оптимизацию

Еще ниже смотрите в своей панели

Курс на мобильную оптимизацию

В базовых настройках уже всё настроено, сохраните изменения. Общая совместимость: здесь показан комплект всех плагинов, устновленных вами - тоже сохраните изменения. Рядом с кнопкой Сохранить изменения есть кнопочка Просмотреть тему, Посмотрите, как будет смотреться ваш ресурс на Андроидах и планшетах. У меня вот такой вид:

Курс на мобильную оптимизацию

Если прокрутить в самый низ, смотрится таким образом

Курс на мобильную оптимизацию

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

Параметры тем вкладка

Курс на мобильную оптимизацию

 

Базовые  настройки ниже

Курс на мобильную оптимизацию

Сохраняем изменения, просматриваем тему, как на мобильном всё смотрится.

Курс на мобильную оптимизацию

Просмотрите тему, вдруг что не устраивает по моим настройкам, измените. Все в ваших руках. Я считаю, чем проще, тем удобнее.

Фирменная символика вкладка

В фирменной символике я оставила всё, как есть. Соц. Ссылки Примечания: если не появились самостоятельно, а они должны сразу прописаться автоматически, проставьте полные URL - адреса вашего профиля на Фейсбуке, в Твиттер и в Гугл плюс. В дальнейших настройках версия PRO.  Откройте в новой вкладке, что такое версия PRO и обрадуйтесь ценам.

Меню вкладка

1. Тематические меню оставить как есть.

2. Menu Icons - меню иконок оставила кое - что, как есть, некоторые значки сменила. Меняются они просто: выбираете иконку левой мышкой на правой стороне, зажимаете и перетаскиваете на любой значок налево на своей теме

Курс на мобильную оптимизацию

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

Курс на мобильную оптимизацию
Возможно со временем что - то и я изменю.

3. Загрузка и наборы значков.

Читайте также  Язык поисковых систем

Курс на мобильную оптимизацию

Нажала установить, пишут Установлено. Как и к чему применять - пока БМП - без малейшего понятия. Может у вас какие - то соображения и подсказки есть на этот счёт, как их претворить в жизнь мобильной версии сайта, буду рада услышать в комментариях и в обратную связь блога.

Давайте проверим, насколько ваш блог соответствует требованиям Гугла.

Проверка в Инструментах вебмастера Гугла

Как загрузить свой ресурс в инструменты Гугла, почитайте в этой статье  Инструменты Гугл
Здесь проверяем удобство просмотра на мобильных устройствах.

https://www.google.com/webmasters/tools/mobile-friendly/

Мне оценили отлично

Курс на мобильную оптимизацию

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

Курс на мобильную оптимизацию

Дальнейшие подробности еще будем рассматривать: Как робот Googlebot видит страницу, подробности о страницах, которые были оптимизированы для мобильных устройств. На сегодня у меня всё. Желаю вам легко установить плагин и пусть вам идет стабильно огромный трафик на ваш ресурс!

Удачи вам во всех делах!

С  Уважением Надежда Интернет для начинающих

Возможно Вас другие статьи заинтересуют:

● Как обезопасить сайт от обновления алгоритмов Google
Последние обновления поисковых фильтров заставили серьезно понервничать многих вебмастеров. Сначала вышел фильтр Panda, а когда все немного приноровились и научились работать ...
● Мощный плагин для WordPress по улучшению сайта
Идеалов для WordPress не существует. Но можно приблизить все настройки сайта на ВордПресс к нему.  Плагин создали практикующие вебмастера и ...
● Принципы работы поисковых систем. О сложном простыми словами
Статья простым языком описывает алгоритм работы "Яндекса", дает представление о релевантности и ранжировании, о факторах, влияющих на порядковый номер сайта ...
● Каталог сайтов DMOZ — как попасть
Многие вебмастера знают о том, что для сайтов существуют специальные каталоги, регистрация в которых в той или иной степени помогает ...
● Фильтры Яндекса и их влияние на сайт
Ваша площадка теряет позиции, снизился трафик, новые страницы никак не могут добавиться в индекс? Причина проста – ваш сайт попал ...

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

  • Прошлась еще раз по всем настройкам сразу, чтобы не откладывать в ящик. Все, проверила, тоже написали, что все отлично, страница оптимизирована под мобильные устройства. Будем считать, что этого достаточно пока? Платно что-то делать у меня пока нет смысла и денег тоже.
    Спасибо, Надя, все понятно и хорошо объяснила.

    • Оля, платно ничего не надо делать. Этого достаточно пока. Ты установила плагин, Гугл одобрил — это самое главное, теперь все пойдет по накатанной плоскости. Спокойствие главное, жди терпеливо, Судьба любит терпеливых. Оля, всегда рада за успехи других. Все хорошо! Привет от мамы — она рядом.

      • Спасибо, Надюша. И маме твоей привет. Повезло ей с такой дочкой, как ты! здоровья вам обеим.
        А терпения у нас хватает!

        • Моя золотая, Спасибо Тебе, что Ты есть! Вот такие подарочки Небеса подбрасывают людям — всем без исключения. Самое главное — понимать и быть мудрыми в этой жизни. А ведь твоей Маме тоже повезло с тобой. Ты такая классная! Жаль, что мы живем в разных республиках, но ничего, все это поправимо. Все хорошее только начинается. Маме твоей Приветище от Мамы и меня и Здоровья + долголетия. Мамы так нам нужны Оленька!!!

          Я однажды прикололась: Мамуль, давай я тебе заведу блог, ты будешь рассказывать про свою жизнь, я буду писать статьи про тебя, фотки выложу твои с молодости, заведу аккаунты в соцсетях, лайки… Она на меня посмотрела: Доченька, ты чо? Мало тебе своего интернета с блогом и огорода со всеми травами, поездки в город))) На этом и закончилось мое рацпредложение, посидели посмеялись. И жизнь продолжается со всеми чудесными уроками и сюрпризами.

  • Я вот этот плагин поставила-WPtouch Mobile Plugin .Но мне кажется, Надежда, что сайт все равно не адаптирован под мобильную версию.
    Реклама стояла от Гугл, но код я так и не подтвердила, потому что так и не приходило письмо. Уже третий раз запросила код. если ничего не придет, попробую или другой адрес написать, мамин, или вышлю скан документов. Пока рекламу отключили.
    И не знаю, мобильную версию сайту нужно делать. Поможет ли один плагин или нет?

    • Оля, я уже прочитала следующий твой комментарий. Все ровно у тебя. И реклама будет нормально стоять. Видимо сейчас очень много запросов на рекламу, потому что я списывалась с одним человеком, она спрашивала про Адзенс и ей ответили только на 7й день, когда она уже и не ждала ответа.

  • Надежда, спасибо Вам за ответ в предыдущем комментарии. У меня один вопрос к Вам: Вот вы создали страничку Порядок ведения сайта. А дублей не будет? Или здесь есть какая — то фишка. Я немного проверил — уже соображаю и не обнаружил. Потом будете рассказывать? Ведь у Вас и стихи, и притчи, афоризмы. Это же копипаст, из — за которого многие сайты попадают в агс за копирование и неуникальность.

    • Нет, Александр, блог не попадет из — за копипаста, я об этой фишке буду рассказывать, потому что все проверила и убедилась — работает. Так что все нормально, на почту я Вам отправила, что и как. Можете применить по желанию.

  • Мне письмо от гугла не приходило, у меня есть мобильная адаптивная версия сайта, хотя на мобильниках я сама ничего не смотрела, для меня это неудобно, но под гугл всем придется подстраиваться. Время такое настало.

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

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

    • Отлично Анна, рада за Вас. Не переживайте, мы все начинали медленно двигаться. Все получится. Вот с плагинами — хорошая тема. Очень многие конфликтуют друг с другом — начинается аврал на блоге. Первое время у меня вообще 57 штук плагинов стояло… Живая вовсю и блог работает ;) У меня тоже было такое: и сайт пропадал, и другие ситуации были. Ничего, научилась, правда , не всему, учусь дальше! Рада Вас видеть у себя в гостях! Удачи Вам!

  • Надежда, здравствуйте! Я тоже ставила плагин для оптимизации под мобильные устройства. Не знаю. в этом причина или нет, но сайт стал тормозить пр изагрузке. С хостинга написали что сайт перегружен. Вы кажется меня ли хостинг? У меня Спринхост. Вы с него ушли? Я сейчас в процессе тестирования. Отключила все плагины. оставила только те, что в комплекте с шаблоном идет. И на хостинг писала и к Анфисе обратилась. сейчас она разбирается что да как.. И супер кэш поставила, вроде стал блог лучше работать. Все рано нет-нет да и зависает. А есть у вас статья по смене хостинга?

    • Ирина, здравствуйте! Это не от плагина тормоза идут. Я ушла с ТаймВеб на Макхост и более, чем счастлива. По смене хостинга статья будет 5 мая. Про Спринтхост последнее время очень много нелестных отзывов, я не знаю, в чем причина. Я тоже с шаблоном до сих пор толком не разобралась, еще многое нужно делать.

    • Ирина, обещала статью на 5 мая, но после 7 июня точно — будет. Меня бодали вирусы в ноутбуке. Скоро исправлюсь. Спасибо за понимание.

  • Надежда, спасибо за обзор необходимого плагина! :) Я давно задумывался сделать мобильную версию сайта, но все никак руки не доходили. По данной теме где-то в сети находил пример реализации мобильной версии без плагинов. Там прописывается условие при котором скрипт мобильного отображения начинает работать. Как помню там еще стили свои нужно прописывать для мобильной версии. Нужно подумать и что-то предпринять раз уже гугл прижал по данному вопросу.

    • Максим, доброго времени суток! Да, Гугл конкретно прижимает, показал свою позицию — мобилизация. Не будет мобилизации сайтов, начнется конкретное понижение позиций сайтов в поисковой выдаче. Была Максим я на одном сайте, где кодом все прописывается, но мне не понравилось конкретно. Плагин конечно один лишний, зато без мороки. Еще на один сайт зашла — там сразу на сайте создают мобильную версию, НО: платить каждый месяц я не намерена. Плагином — самый простенький вариант.

      • Надежда, спасибо! К плагину всегда можно прийти, попробую скриптами сделать, если не понравится, то воспользуюсь плагином! :)

        • Максим, пожалуйста, всегда пожалуйста! *IN LOVE* Я попозже подумаю, тоже попробую скриптом вывести. Просто пришлось бегом делать, Гугл подгонял, сроки припекали.

  • Надежда, спасибо Вам за такую огромную работу!
    Но вот не знаю, что и делать. Я поставила этот плагин ещё в начале месяца (он, кстати, есть в WP), но почему-то он у меня напортачил на сайте: часто зависало, вместо картинок — пустые окна, в ссылках на «другие статьи на эту тему» тоже наполовину пусто — пропуски миниатюр… Выключила — сразу всё встало на свои места. Если с каким-то из плагинов не дружит (не проверяла), так у меня лишних и нет, все нужные.
    По Гуглу-вебмастеру пыталась разобраться в кодах, но там не понятно, куда и что прописывать. А с плагином этим — да, тест показывал «отлично». Может я в настройках что-то просмотрела, пойду ещё поэкспериментирую, по Вашим подсказкам, за что большое спасибо………..

    • Лада, возможно он конфликтует с каким либо плагином — это предположительнее всего. Либо Вам нужно установить Hyper Cash плагин для облегчения нагрузки на сервер. Даже не знаю… У меня вот тоже картинки не отображаются, я и удаляла его — мобильный, и снова ставила. Но по моему дело в теме шаблона у меня — буду разбираться.

      Попробуйте по одному плагину деактивировать и проверять, как будут смотреться картинки, потом подключайте. Давным давно, я уже не помню, какой плагин у меня конфликтовал. Я на сео форуме задала вопрос и мне один сеошник за 3 комментария на одном сайте дал совет: выкинуть. Вначале он попросил у меня список плагинов и таким образом у меня висело 17 лишних плагинов — это когда их у меня было 57.

    • Лада! В Гугл мастере никакие коды нет необходимости прописывать. Там все просто и по шагам. Наверное я сделаю попозже видеоурок и расскажу и покажу все. Ладно? Какие мы все запаренные… Мне как пришло сообщение от Адзенса, что с 21 апреля Гугл начнет жучить, я подумала: ну вот — еще одна тема.

      • Надюша, всё сделала, но не оптимизировано: Контент шире экрана и Ссылки слишком близко друг к другу.
        Не заполняла в баз. настр.: Пользовательский Код (HTML, JavaScript, статистика или польз. код), — может из-за этого или из-за чего?

        • Лада, я тоже не заполняла пользовательский код, не очень понимаю для чего он… Там этот Ява скрипт — вообще не волоку. Блин, с этой мобилизацией обхохочешься. Мне еще кажется, что многое зависит от темы. В общем еще нужно копаться только так. Буду разбираться потихоньку еще.

      • Проверила ещё раз все настройки, ничего не делала!, а потом снова пошла на проверку: отлично и т.д.!! Вот чтО им надо было?!
        Кстати, на сайте пока глюков нет. Теперь буду наблюдать…
        В общем, спасибо ещё раз, Надежда! Будем надеяться на ok со стороны Гоши!

        • Вот и у меня такая ерунда временами бывает, даже не знаю, отчего такие вещи происходят. Антивирус — Доктор Веб, ровно так работает, многое не пускает. Всегда пожалуйста Лада. Я только что зашла в дом, весь день почти у меня был субботник, выгребла, что смогла. Тюльпаны уже скоро раскроются. Да Гоша он не такой уж и жестокий и принципиальный.

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

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

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