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

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

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

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

Эдуард

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

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

С помощью firebug http://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

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

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

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

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

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

Дмитрий

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

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

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

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

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

Владимир

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

beklem25 http://beklem25.ru

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

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

seoonly.ru http://seoonly.ru/

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

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

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

Denis http://wpixel.ru

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

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

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

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

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

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

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

Denis http://wpixel.ru

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

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

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

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

Спасибо 🙂

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

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

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

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

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

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

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

Автор
Пётр Александров http://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 слов, что очень радует. 🙂

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

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

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

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

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

Наверх Рейтинг@Mail.ru