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

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

Вы хотите обновить дизайн своего блога ? Тогда посмотрите русские шаблоны wordpress, многие из них также оптимизированы под мобильные устройства.

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

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

 

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

Еще: вы, наверное, прекрасно понимаете, что если не оптимизировать сайт под экраны с меньшим разрешением, то процент отказов будет больше с мобильных устройств, а это все скажется на поведенческих факторах, как для Google, так и для Яндекса. А это уже сейчас влияет на позиции сайта.

Как узнать, оптимизирован ли сайт под мобильные устройства? Очень просто. У Google есть специальный сервис для этого, вот ссылка на него: https://www.google.com/webmasters/tools/mobile-friendly/.

Вводим адрес нашего сайта и видим сообщение:

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

Или вот такое сообщение:

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

Да-да, как вы поняли из скриншота выше, наконец-то у моего блога появилась мобильная версия сайта. Многие меня просили сделать это. Я все откладывал и откладывал, да и занятие это, как я думал, довольно дорогое. Запрашивал цены у проггеров – все говорили, что будет стоить более $100. Поэтому я вообще забил на эту тему.

Потом я вспомнил про своего хорошего товарища, коллегу – Виталия – mojwp.ru. Я часто обращаюсь на его блог, если нужно что-то добавить, что-то подпилить. А вот сам Виталий оказывает еще и различные услуги, причем за АДЕКВАТНЫЕ цены, что довольно редко встретишь. Попробовал написать ему, он согласился взяться за эту работу и сделал мобильную версию моего сайта за явно меньше $100. Тут цены для каждого индивидуальные, все зависит от Вашего ТЗ, требуемого функционала. Я выпросил у Виталия скидку для моих читателей, если ему сообщить код “wpnew” он обещал сделать скидку 10%, как для своих. Если интересно, писать ему сюда admin(собака)mojwp.ru.

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

Огромная просьба, попробуйте, пожалуйста, зайти на мой блог с мобильного телефона и напишите в комментариях: все ли удобно, все ли хорошо, может есть какие-то идеи, что-то улучшить/доработать? Очень важны ваши мысли. Спасибо заранее!

P.s. Для вас важно положение в обществе? Тогда вам скорее всего нужны красивые мобильные номера для того, чтобы произвести впечатление. Удивите своих окружающих.

С уважением, Пётр Александров.
Подпишитесь на бесплатные уроки

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

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

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

Нажав на кнопку «Отправить комментарий» вы принимаете соглашение на обработку персональных данных .

45 комментариев на «Теперь и WPnew.ru оптимизирован под мобильные устройства»

  1. Денис Маркевич

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

    • Пётр Александров
      https://wpnew.ru

      Наверное, логичнее оставить так: если человек 1 раз выбрал “полную версию”, то ему удобнее просматривать таким образом и не стоит заставлять каждый раз его нажимать на “полная версия”.

    • Виталий
      https://mojwp.ru/

      Ссылка перед подвалом. В обоих версиях.

      • Денис Mаркевич
        https://markevich.by

        Так хорошо, вопрос снимается.

      • Денис Mаркевич
        https://markevich.by

        Страница результатов поиска не идеальна.

  2. Эдуард

    Добрый день. А можете подсказать как как убрать подчёркивание ссылок в виджетах сайдбара? Т.е интересует только в сайдбаре, никак не могу найти нужную информацию. Заранее спасибо.

    • Пётр Александров
      https://wpnew.ru

      С помощью firebug https://wpnew.ru/udobnaya-rabota/firebug-for-firefox.html легко найти стили любого элемента вплоть до строчки где и что менять.

      • Эдуард

        У меня вот такой кусок кода:
        a{color:#222; text-decoration:underline}
        a:hover{color:#3048A6; text-decoration:underline; cursor:pointer}
        .single p a, .single li a, .page p a, .page li a {color:#3048A6; text-decoration:none; }
        .single .postcol p a:hover, .single .postcol li a:hover, .page .postcol p a:hover, .page .postcol li a:hover {color:#222; text-decoration:underline}
        Получилось убрать подчёркивание и в сайдбаре и в записях. Может быть что не записано в сталях вывод в блоке сайдбара в шаблоне? Не могу уже второй день настроить).

        • AKharitonov
          http://a-kharitonov.ru

          Возьмите название класса сайдбара (например, у вас написано div class=”sidebar”) и пропишите в стилях:
          .sidebar a, sidebar a:hover {text-decoration:none;}

          Если вдруг не получится, свяжитесь со мной, подскажу)

  3. Дмитрий

    Смущает то, что в мобильной версии не показываются реклама РСЯ и AdSense. Если эту проблему решат, то с удовольствием тоже перейду на мобильную версию.

    • Пётр Александров
      https://wpnew.ru

      А мне так наоборот – это лишнее. Загромождать ненужными блоками – вызывает раздражение. В браузере еще прокрутить не проблема, а здесь все должно быть “легко и воздушно”. 🙂

    • Виталий
      https://mojwp.ru/

      Да без проблем рекламу любую вставить. Просто Петр видимо решил пока не “загружать” вас рекламой)

  4. Никита Волков
    https://snow-motion.ru

    Очень круто получилось! Теперь удобнее гораздо! Скоро сам буду заказывать мобильную версию, если вообще не соберусь полностью шаблон сменить)

    • Пётр Александров
      https://wpnew.ru

      🙂 Ты прям скачешь туда-сюда, то шапку поменял, то теперь полностью дизайн сменить хочешь 🙂 Определись уже)

      • Никита Волков
        https://snow-motion.ru

        Неее)) Дизайн тот же) Хочу именно шаблон сменить, чтобы был без технических косяков) Это, знаешь, как вкладывать сотни тысяч рублей в “Жигули”, чтобы пытаться его “заделать” или просто взять иномарку и забыть о геморрое) Вот думаю, сделать мобильную версию для существующего шаблона блога или полностью сменить шаблон, но оставить дизайн) Как бы ты поступил?

  5. Владимир

    Вроде все нормально работает с iphone

  6. beklem25

    мне ничего подобного не приходило и не придет конечно же. Более того я даже свое приложение создала, правда только на Windows и WP платформы.
    Если кому нужно могу бесплатно тоже создать приложение, никакой скрытой рекламы или заработка , мне просто нравиться такая работа.

  7. seoonly.ru
    https://seoonly.ru/

    КРуто, а сколько % мобильных юзеров?

    • Пётр Александров
      https://wpnew.ru

      15-20% от общего количества. Я считаю это хорошие цифры.

  8. Denis

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

    • Пётр Александров
      https://wpnew.ru

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

      • Denis

        Геммора как раз с ней нет и бутстрап на этот шаблон вписался бы идеально.

      • Сергей Медведев

        В принципе никакого геммороя, Петр. Я сам себе сделал адаптивную тему, допилил ее и отлично все работает…

        • Пётр Александров
          https://wpnew.ru

          Меня бесит, когда нужно разместить баннер или еще что-то 🙂

  9. Андрей
    https://zarobitok.ru

    Доброе время суток Петр. На мобильном сайт смототрится отлично

    • Пётр Александров
      https://wpnew.ru

      Спасибо 🙂

      • Denis

        Пришлось ради такого случая у супруги телефон на андроиде взять для просмотра мобильной версии:-) смотрися шикарно;-)

        • Пётр Александров
          https://wpnew.ru

          Спасибо большое)

  10. Андрей Долгов
    http://seodale.ru

    У меня на смартфоне под управлением Android 4.0.4 и планшете на Android 4.1.1 всё норм. Надо и у себя замутить такую штуку, а то Гугл тоже уже предупреждал недавно.

    • Пётр Александров
      https://wpnew.ru

      Да, мне кажется это нужно всем.

  11. AKharitonov
    http://a-kharitonov.ru

    Петь, из-за длинной гугловской ссылки на “инструменты веб-мастера” ширина сайта на телефоне получается чуть больше экрана) Поэтому появляется горизонтальный скролл

  12. Марианна
    http://multivarkarulit.ru

    Пётр ! Смотрела со смартфона на основе ОС Android версии 4.0.4 и Windows Phone версии 8.1 , сайт смотрится замечательно ! Даже не хотелось покидать сайт, на Android так и осталась читать Ваши всегда полезные уроки и статьи 😉

  13. Анастасия

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

  14. Wpmen
    http://wpmen.ru/

    Все воспринимается отлично, ничего лишнего. Хорошо поработали 😉

  15. Виталий

    Оптимизировали сайт под гугл проверку vidozon.com , до адаптации он выглядел как и на мониторе, адаптировался под ширину экрана ( резиновый ), считаю, что было удобнее в поиске, после адаптации проверку то проходит, но вид хуже, листается по одному слоту, конечно крупнее, но эдак можно всю жизнь листать… до адаптации удобнее было, но гуглу виднее..

    • Пётр Александров
      https://wpnew.ru

      Не нужно было адаптивный делать просто, а отдельный шаблон под мобильные телефоны.

    • Denis

      У вас не адаптивный шаблон

  16. Олег
    http://suvorov-castom.ru

    Здравствуйте. А зачем пользоваться платной услугой? Установил специальный плагин и всё.

  17. Alex
    http://fisherlive.ru/

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

    • Алексей Туманов

      Я с вами согласен. Большинство современных смартфонов имеют разрешение экрана 800×480 и более. На таком разрешении в горизонтальном режиме сайты смотрятся отлично, и надобность в мобильном шаблоне, по моему мнению, отсутствует. Я уже молчу про Планшетные ПК с разрешениями FullHD и выше.

      • alright
        http://intmoney.com.ua

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

        • Алексей Туманов

          Ну как сказать… Когда разрешения мобильных телефонов были от 128×128 до 320×240, и пользоваться интернетом можно было только через Opera Mini, которая адекватно отображала web-сайты, в это время мобильные версии сайта нужны были просто по зарез. А их не было. Сейчас, когда телефоны могут показать все пиксели сайта по вертикали и по горизонтали, мобильная версия сайта – это только вопрос удобства. Кому как нравится.

          Но всё же. К чему я это всё расписал.

          Очень странно, в мобильных версиях сайта некоторых сайтах в одной строчки текста вмещается по 3-4 слова. Это дико бесит, и читать такой текст жутко неудобно. Благо, на wpnew.ru в одной строке текста 5-7 слов, что очень радует. 🙂

  18. Алексей Туманов

    Пётр, а как можно сделать кнопку-переключатель «Полная/мобильная версия сайта»? Это плагин спец альный подключить надо?

  19. Евген

    как добавить такие кнопки соц сетей как у вас?

    • Пётр Александров
      https://wpnew.ru

      В поиске сайта наберите фразу “как красиво расположить элементы”.