Краткое руководство по прохождению Mobile Friendly Test
1. Шрифт 18px
2. Адаптивная ширина (можно через медиаквери или растягивающийся див, как на старых сайтах)
3. мета тег viewport в заголовке
Без п. 3 - пп. 1 и 2 Гуглем не засчитываются
Что сделал я - использовал обычный дизайн сайта (не этого), просто в CSS дописал такие строчки:
Первые три @media screen - это для экранов от 800, от 1024 и от 1152, последний - вариант для экранов, которые не набрали и 800px.
Смысл этих штук - адаптировать размеры и поведение главных блоков дизайна (контент, сайдбар, общий враппер) под соответствующие разрешения. Туда же вписал хаки для отдельных элементов, которые “плохо” вели себя на подходящих размерах.
Google сказал, что теперь сайт Mobile Friendly.
ЗЫ:Самое важное! Самое маленькое разрешение должно быть адаптировано под ширину 320 пикселов - ибо, как написано в мобайл-тесте у Гугля, таково “аппаратно-независимое” разрешение у iPhone 5. И именно под него он показывает картинку в тесте. У меня до этого момента стояло 350 пикселов в минимальной ширине (последний media screen), и часть слов при этом обрезалась (а тупой робот Гугля все равно воспринимал как Mobile Friendly). Я поправил на 320 - и картинка стала нормальной.
Вчера Konstantin Obenland представил в блоге «Make WordPress Core» дизайн новой стандартной темы WordPress под названием «Twenty Fifteen». Matt Mullenweg обратился к Takashi Irie — дизайнеру тем в Automattic — чтобы тот сделал дизайн для новой стандартной темы. Кстати, дизайн «Twenty Fourteen» тоже делал он. Читать дальше →
2013-11-21 04:09:42
Многие пользуются системой для Интернет Магазина PRESTASHOP с Выходом каждой новой версии появляются ...
+ развернуть текстсохранённая копия
Многие пользуются системой для Интернет Магазина PRESTASHOP с Выходом каждой новой версии появляются новые возможности, но и новые баги. Недавно наконецто купил себе VDS и стал пробовать версию 1.5.6 Ибо на шаред-хостинг ставилась только версия 1.4.9 в силу ограничений настроек […] Читай меня полностью...
2013-03-30 13:55:03
Сделал еще один сайтец на Вордпрессе для своих друзей и коллег. Все они занимаются инсталляциями ...
+ развернуть текстсохранённая копия
Сделал еще один сайтец на Вордпрессе для своих друзей и коллег. Все они занимаются инсталляциями ОЧЕНЬ давно, но наконец то открыли офис и посему решили запилить сайтец и группу вконтаче. Итак знакомьтесь Мастерская звука и света: основные направления деятельности - […] Читай меня полностью...
2013-03-26 16:34:41
При изучении нового видеокурса получил напоминание о том что у меня устаревший web- ...
+ развернуть текстсохранённая копия
При изучении нового видеокурса получил напоминание о том что у меня устаревший web-браузер. Это был Internet Explorer 8.0. Разумеется он не последний, но ведь так часто мы слышим призывы к кроссбраузерности контента, а тут такой пас. Конечно тут же было предложено перейти на новую 9-ю версию Internet Explorer-a либо перейти на альтернативный web-браузер Firefox, Opera или Chrome. Есть у меня все три альтернативы, 9-ку IE не поставлю потому как знаю что для этого понадобится и поменять ОС с Windows ХР на Windows 7. Я не против апдейта, но не в этом случае.
А так ли важна версия web-браузера в моем случае или автор курса просто в дань моде поднял планку при финальной сборке? Поскольку сообщение про устаревший web-бразуер версии 6.0 (хотя давно использую 8.0) при серфинге в инете получаю на сайтах периодически решил выяснить вопрос детально. Оказывается при использовании jQuery с версии 1.3 метод $.browser.version отдает неправильную версию для IE. Возможно...