Купить рекламу на WPnew.ru
Автопилот для контекста

Теперь и 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.

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

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

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

по хронологии
по рейтингу сначала новые по хронологии
Денис Маркевич

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

Цена у Виталика адекватная, скидкой воспользуюсь.

Виталий http://mojwp.ru/

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

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

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

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

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

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

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

Эдуард

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

Автор
Пётр Александров 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;}

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

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

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

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

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

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

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

Дмитрий

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

Виталий http://mojwp.ru/

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

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

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

Владимир

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

beklem25 http://beklem25.ru

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

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

seoonly.ru http://seoonly.ru/

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

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

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

Denis http://wpixel.ru

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

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

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

Сергей Медведев http://sergmedvedev.ru

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

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

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

Denis http://wpixel.ru

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

Андрей http://zarobitok.ru

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

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

Спасибо 🙂

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

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

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

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

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

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

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

AKharitonov http://a-kharitonov.ru

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

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

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

Анастасия

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

И в форме комментариев в поле сайта опечатка

Wpmen http://wpmen.ru/

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

Виталий

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

Denis http://wpixel.ru

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

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

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

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

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

Alex http://fisherlive.ru/

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

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

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

alright http://intmoney.com.ua

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

Да и расширение тут не главное, а просто вертикальный размер экрана )

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

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

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

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

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

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

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

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

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

Наверх