| Декабрь 2015 → | ||||||
|
1
|
2
|
3
|
4
|
5
|
6
|
|
|---|---|---|---|---|---|---|
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
|
14
|
19
|
20
|
||||
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
|
28
|
29
|
30
|
31
|
|||
За последние 60 дней ни разу не выходила
Сайт рассылки:
http://delaemsait.info
Открыта:
15-12-2015
Статистика
0 за неделю
Делаем свой сайт - Адаптация под мобильные устройства под Гугл
Как быстро избавиться от сообщения Google «Сайт не оптимизирован для мобильных устройств»Гугл декларирует, что учитывает в своем поиске оптимизацию сайта для мобильных устройств. Если вы добавили свой сайт в google webmasters, то возможно у сайта появилась пометка «Сайт не оптимизирован для мобильных устройств». Это означает, что нужно провести работу по улучшению видимости сайта в глазах google. Для проверки будем пользоваться сервисом googlehttps://developers.google.com/speed/pagespeed/insights. Указываем адрес сайта и жмем кнопку «Анализировать». Видно, что для этого сайта степень удобства для мобильных пользователей оценивается в 69 процентов, и кроме того, есть сообщение «Возможно, страница не пройдет проверку удобства просмотра на мобильных
устройствах». Ниже видна детализация проблем и ссылки на инструкции по их устранению. Поставим себе цель улучшить показатель хотя бы до 90%, что в глазах гугла считается хорошим. В первую очередь обращаем внимание на сообщение «Настройте область просмотра». Начать лучше с этого пункта, потому что исправление этой проблемы автоматически повлияет на оценки гуглом размеров шрифтов и активных элементов. Нажимаем ссылку «Как исправить» и видим следующий текст о необходимости указания тега viewport. <meta name=viewport content="width=device-width, initial-scale=1"> Добавляем тег на сайт и ради интереса проверяем после этого, как изменился показатель удобства сайта для мобильных пользователей. Если у вас на сайте включено кэширование, то надо перед проверкой либо отключать кэш или удалять кэшированные файлы, иначе проверка может осуществляться по старым файлам. Далее смотрим проблему в красной зоне «Адаптируйте размер контента для области просмотра». Проблема заключается в том, что гугл делает проверку для устройства шириной в 375 пикселов, а размер некоторых элементов сайта превышает этот показатель. Дело в том, что многие шаблоны, сделанные ранее, содержат абсолютные размеры элементов сайта. Например, в файле style.css могут быть инструкции такого вида #wrapper { width: 1000px; } wrapper — в данном случае это основной контейнер страницы сайта. Такой элемент, естественно, не помещается на экран шириной 375 пикселов. Также можно обнаружить и другие подобные инструкции для других элементов сайта. Мы будем исправлять эту проблему с помощью следующего приема. Перепишем приведенные выше стили следующим образом: #wrapper { max-width: 1000px; width: 100%; } Броузер при формировании страницы в качестве ширины элемента будет использовать минимальное значение из двух: max-width и width. В этом случае, если ширина экрана пользователя превышает 1000px, то будет использоваться значение 1000, а если ширина экрана меньше 1000px, будет использоваться значение, равное ширине экрана (100%). Находим и переписываем таким образом все инструкции в наших стилях, где размер элементов превышает проверяемый google — 375x. После внесения всех изменений проверяем сайт Рекомендую добавить еще 1 инструкцию в файл style.css img, iframe { max-width:100% !important; } Это для того, чтобы картинка и фрейм всегда помещались на экране. |
| В избранное | ||
