Вы хотите обновить дизайн своего блога ? Тогда посмотрите русские шаблоны wordpress, многие из них также оптимизированы под мобильные устройства.
Привет, друзья! Я думаю, что Все вы, как и я же, получали письмо от Google, который гласит: наш сайт не оптимизирован для мобильных устройств:
На данный момент Google пока никак не пессимизирует сайты, которые не адаптированы под мобильные устройства. Но я более чем уверен, что в скором времени Гугл начнет учитывать этот фактор. Именно поэтому сейчас самый крупный поисковик в мире заставил всех зашевелиться.
Еще: вы, наверное, прекрасно понимаете, что если не оптимизировать сайт под экраны с меньшим разрешением, то процент отказов будет больше с мобильных устройств, а это все скажется на поведенческих факторах, как для Google, так и для Яндекса. А это уже сейчас влияет на позиции сайта.
Как узнать, оптимизирован ли сайт под мобильные устройства? Очень просто. У Google есть специальный сервис для этого, вот ссылка на него: https://www.google.com/webmasters/tools/mobile-friendly/.
Вводим адрес нашего сайта и видим сообщение:
Или вот такое сообщение:
Да-да, как вы поняли из скриншота выше, наконец-то у моего блога появилась мобильная версия сайта. Многие меня просили сделать это. Я все откладывал и откладывал, да и занятие это, как я думал, довольно дорогое. Запрашивал цены у проггеров – все говорили, что будет стоить более $100. Поэтому я вообще забил на эту тему.
Потом я вспомнил про своего хорошего товарища, коллегу – Виталия – mojwp.ru. Я часто обращаюсь на его блог, если нужно что-то добавить, что-то подпилить. А вот сам Виталий оказывает еще и различные услуги, причем за АДЕКВАТНЫЕ цены, что довольно редко встретишь. Попробовал написать ему, он согласился взяться за эту работу и сделал мобильную версию моего сайта за явно меньше $100. Тут цены для каждого индивидуальные, все зависит от Вашего ТЗ, требуемого функционала. Я выпросил у Виталия скидку для моих читателей, если ему сообщить код “reclampa” он обещал сделать скидку 10%, как для своих. Если интересно, писать ему сюда admin(собака)mojwp.ru.
Я давно хотел мобильную версию своего сайта, ведь сам очень часто заглядываю к себе через свой старенький iPhone. Теперь одно удовольствие читать статьи на блоге, смотреть свежие комментарии, отвечать на них и прочее.
Огромная просьба, попробуйте, пожалуйста, зайти на мой блог с мобильного телефона и напишите в комментариях: все ли удобно, все ли хорошо, может есть какие-то идеи, что-то улучшить/доработать? Очень важны ваши мысли. Спасибо заранее!
P.s. Для вас важно положение в обществе? Тогда вам скорее всего нужны красивые мобильные номера для того, чтобы произвести впечатление. Удивите своих окружающих.
Здравствуй Петр, еще утром заметил мобильную версию. Понравилась. Замечание – после того как в мобильной версии нажал на просмотр полной в следующий раз открывается в полной.
Цена у Виталика адекватная, скидкой воспользуюсь.
Наверное, логичнее оставить так: если человек 1 раз выбрал “полную версию”, то ему удобнее просматривать таким образом и не стоит заставлять каждый раз его нажимать на “полная версия”.
Ссылка перед подвалом. В обоих версиях.
Так хорошо, вопрос снимается.
Страница результатов поиска не идеальна.
Добрый день. А можете подсказать как как убрать подчёркивание ссылок в виджетах сайдбара? Т.е интересует только в сайдбаре, никак не могу найти нужную информацию. Заранее спасибо.
С помощью firebug https://reclampa.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}
Получилось убрать подчёркивание и в сайдбаре и в записях. Может быть что не записано в сталях вывод в блоке сайдбара в шаблоне? Не могу уже второй день настроить).
Возьмите название класса сайдбара (например, у вас написано div class=”sidebar”) и пропишите в стилях:
.sidebar a, sidebar a:hover {text-decoration:none;}
Если вдруг не получится, свяжитесь со мной, подскажу)
Смущает то, что в мобильной версии не показываются реклама РСЯ и AdSense. Если эту проблему решат, то с удовольствием тоже перейду на мобильную версию.
А мне так наоборот – это лишнее. Загромождать ненужными блоками – вызывает раздражение. В браузере еще прокрутить не проблема, а здесь все должно быть “легко и воздушно”. 🙂
Да без проблем рекламу любую вставить. Просто Петр видимо решил пока не “загружать” вас рекламой)
Очень круто получилось! Теперь удобнее гораздо! Скоро сам буду заказывать мобильную версию, если вообще не соберусь полностью шаблон сменить)
🙂 Ты прям скачешь туда-сюда, то шапку поменял, то теперь полностью дизайн сменить хочешь 🙂 Определись уже)
Неее)) Дизайн тот же) Хочу именно шаблон сменить, чтобы был без технических косяков) Это, знаешь, как вкладывать сотни тысяч рублей в “Жигули”, чтобы пытаться его “заделать” или просто взять иномарку и забыть о геморрое) Вот думаю, сделать мобильную версию для существующего шаблона блога или полностью сменить шаблон, но оставить дизайн) Как бы ты поступил?
Вроде все нормально работает с iphone
мне ничего подобного не приходило и не придет конечно же. Более того я даже свое приложение создала, правда только на Windows и WP платформы.
Если кому нужно могу бесплатно тоже создать приложение, никакой скрытой рекламы или заработка , мне просто нравиться такая работа.
КРуто, а сколько % мобильных юзеров?
15-20% от общего количества. Я считаю это хорошие цифры.
Я так понимаю используется мобильный шаблон? Верстка не стала адаптивной?
Да, мобильный шаблон. Я не люблю адаптивную верстку, много геммора с ней для работы с настольной версией.
Геммора как раз с ней нет и бутстрап на этот шаблон вписался бы идеально.
В принципе никакого геммороя, Петр. Я сам себе сделал адаптивную тему, допилил ее и отлично все работает…
Меня бесит, когда нужно разместить баннер или еще что-то 🙂
Доброе время суток Петр. На мобильном сайт смототрится отлично
Спасибо 🙂
Пришлось ради такого случая у супруги телефон на андроиде взять для просмотра мобильной версии:-) смотрися шикарно;-)
Спасибо большое)
У меня на смартфоне под управлением Android 4.0.4 и планшете на Android 4.1.1 всё норм. Надо и у себя замутить такую штуку, а то Гугл тоже уже предупреждал недавно.
Да, мне кажется это нужно всем.
Петь, из-за длинной гугловской ссылки на “инструменты веб-мастера” ширина сайта на телефоне получается чуть больше экрана) Поэтому появляется горизонтальный скролл
Пётр ! Смотрела со смартфона на основе ОС Android версии 4.0.4 и Windows Phone версии 8.1 , сайт смотрится замечательно ! Даже не хотелось покидать сайт, на Android так и осталась читать Ваши всегда полезные уроки и статьи 😉
Мне нравится, только раздел и количество комментариев для маленьких экранов лучше по центру выровнять, чтобы не съезжало
И в форме комментариев в поле сайта опечатка
Все воспринимается отлично, ничего лишнего. Хорошо поработали 😉
Оптимизировали сайт под гугл проверку vidozon.com , до адаптации он выглядел как и на мониторе, адаптировался под ширину экрана ( резиновый ), считаю, что было удобнее в поиске, после адаптации проверку то проходит, но вид хуже, листается по одному слоту, конечно крупнее, но эдак можно всю жизнь листать… до адаптации удобнее было, но гуглу виднее..
Не нужно было адаптивный делать просто, а отдельный шаблон под мобильные телефоны.
У вас не адаптивный шаблон
Здравствуйте. А зачем пользоваться платной услугой? Установил специальный плагин и всё.
Недавно попытался тоже сделать мобильную версию, на мой взгляд получилось неплохо, но некоторые пользователи, которые посещали сайт с андройда, попросили убрать этот шаблон, так как их все устраивало, в итоге отказался от этой затеи. Я думаю лучше угодить своему читателю, чем очередному маразму от гугл, к тому же в большинстве случаев разрешение большинства смартфонов позволяет с комфортом просматривать страницы, а если срочно нужно найти информацию, тогда совсем не загоняешься на счет дизайна, главное что бы буквы были читаемы.
Я с вами согласен. Большинство современных смартфонов имеют разрешение экрана 800×480 и более. На таком разрешении в горизонтальном режиме сайты смотрятся отлично, и надобность в мобильном шаблоне, по моему мнению, отсутствует. Я уже молчу про Планшетные ПК с разрешениями FullHD и выше.
Да нет, есть хорошие версии мобильных сайтов, но их мало. Тот же RecLampa в мобильном виде мне вообще не нравится. Всегда переключаюсь в полную версию сайта.
Да и расширение тут не главное, а просто вертикальный размер экрана )
Ну как сказать… Когда разрешения мобильных телефонов были от 128×128 до 320×240, и пользоваться интернетом можно было только через Opera Mini, которая адекватно отображала web-сайты, в это время мобильные версии сайта нужны были просто по зарез. А их не было. Сейчас, когда телефоны могут показать все пиксели сайта по вертикали и по горизонтали, мобильная версия сайта – это только вопрос удобства. Кому как нравится.
Но всё же. К чему я это всё расписал.
Очень странно, в мобильных версиях сайта некоторых сайтах в одной строчки текста вмещается по 3-4 слова. Это дико бесит, и читать такой текст жутко неудобно. Благо, на reclampa.ru в одной строке текста 5-7 слов, что очень радует. 🙂
Пётр, а как можно сделать кнопку-переключатель «Полная/мобильная версия сайта»? Это плагин спец альный подключить надо?
как добавить такие кнопки соц сетей как у вас?
В поиске сайта наберите фразу “как красиво расположить элементы”.