Главная » Управление и настройка системы uCoz » Дополнительные функции » Как сделать так, что бы сайт лучше отображался с мобильных

Как сделать так, что бы сайт лучше отображался с мобильных

11.03.2015 в 14:37
Автор: sergeymitrichev   

Содержание


Подготовка к работе

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


Убедитесь, что используемая тема оформления оптимизирована для мобильных устройств

Посетите страницы своего сайта не только на обычном ПК, но и на мобильном устройстве, чтобы убедиться в их корректном отображении. Далее действия могут отличаться в зависимости от того, какой шаблоны вы используете.


1. Я использую стандартную тему оформления uCoz

Перейдите в панель управления сайтом в разделе главного меню выберите “Настройки - Общие настройки”. Посмотрите номер темы оформления:

Список тем, которые оптимизированы для мобильных устройств:

1041, 1051, 1061, 1062, 1063, 1064, 1071, 1072, 1073, 1074, 1075, 1080, 1081, 1082, 1083, 1084, 1085, 1086, 1087, 1088, 1089, 1090, 1091, 1101, 1131, 1132, 1133, 1134, 1141, 1161, 1171, 1181, 1211, 1221, 1231, 1241, 1251, 1252, 1253, 1254, 1255, 1256, 1257, 1261, 1271, 1281, 1311, 1321, 1322, 1323, 2001, 2011, 2012


2. Я использую премиум тему оформления от uTemplate.pro

Посетите раздел “Адаптивные” в магазине шаблонов uTemplate.pro. Если ваша тема присутствует в этом разделе, значит она по умолчанию оптимизирована для мобильных устройств.


3. Я использую тему оформления, которой нет в предыдущих списках

Проверьте шаблон на удобство просмотра на мобильных устройствах.

Можно также проверить быстродействие используемого шаблона, применив инструмент PageSpeed Insights. Убедитесь, что в разделе "Скорость" нет ошибок с рекомендацией "Исправьте обязательно".


Как оптимизировать сайт для мобильных устройств?


1. Установить новую тему оформления


1.1 Стандартная тема оформления uCoz

Выберите тему оформления, которая основана на принципе адаптивного дизайна из списка стандартных тем, которые оптимизированы под мобильные устройства:

1041, 1051, 1061, 1062, 1063, 1064, 1071, 1072, 1073, 1074, 1075, 1080, 1081, 1082, 1083, 1084, 1085, 1086, 1087, 1088, 1089, 1090, 1091, 1101, 1131, 1132, 1133, 1134, 1141, 1161, 1171, 1181, 1211, 1221, 1231, 1241, 1251, 1252, 1253, 1254, 1255, 1256, 1257, 1261, 1271, 1281, 1311, 1321, 1322, 1323, 2001, 2011, 2012

Как установить тему оформления читайте в документации на стандартные шаблоны uCoz.


1.2 Премиум тема оформления от uTemplate.pro

При установке премиум темы из раздела “Адаптивные” в магазине шаблонов uTemplate.pro используйте инструкцию, которая прилагается к шаблону.

Теперь ваш сайт будет выглядеть одинаково хорошо как на ПК, так и на мобильных устройствах. Страницы будут подстраиваться под браузер пользователя, используя один и тот же код HTML, CSS и JavaScript.


2. Подключить отдельную версию сайта для мобильных устройств

Для этого перейдите в панель управления сайтом. В главном меню выберите Настройки - Общие настройки и установить флаг “Активизировать шаблоны для PDA версии сайта”:

Чтобы задать вопрос, обратитесь на форум сообщества uCoz в тему PDA версия сайта.

Посетите раздел ”Мобильные” в магазине шаблонов uTemplate.pro, чтобы установить тему оформления для PDA версии сайта:


3. Изменить существующую тему оформления

Это тема повышенной сложности, требующая глубоких знаний HTML и CSS. Вот некоторые источники информации:


Удалось ли мне оптимизировать сайт uCoz для мобильных устройств?

Надеемся, теперь ваш сайт оптимизирован для мобильных устройств. Предлагаем проверить это.

Если результаты теста окажутся неудовлетворительными или у вас возникнут вопросы, посетите форум Google для веб-мастеров, где вы сможете получить дополнительную информацию и поддержку.


Рейтинг: 4  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 9777          Комментариев: 8
03.05.2015 в 11:01      0  

Please reccomend to out site
03.05.2015 в 12:29      0  

Извините, что? smile
03.04.2015 в 15:46      0  

Нужна помощь! Гугл выкинул сайт из индексации, посещаемость упала в разы. PR с 3 опустилось до 0. 
Кто нибудь занимается оптимизацией сайта?
Сам не могу догнать, да и время занято другим
03.04.2015 в 15:53      0  

Если ваш сайт находиться на домене ucoz.ru, читайте тему на форуме начиная с этого сообщения: http://forum.ucoz.ru/forum/66-72070-1248333-16-1425975075
21.03.2015 в 06:28      0  

как создать поддомен так m.site.ru чтобы по этому адресу через мобыльный автоматически заходил
24.03.2015 в 13:32      0  

Не получится сделать так, что бы у вашего сайта работал и домен site.ru и домен m.site.ru. Для мобильной версии сайта следует использовать site.ru/pda
20.03.2015 в 21:40      0  

простите
у меня такой вопрос
как сделать пда версию сайта через поддомен
например у меня домен site.ru и другой домен mobil.ru как сделать так что виглядил так m.site.ru
а когда захожу через тел заходил на m.site.ru а не на site.ru
спасибо за ранье
20.03.2015 в 22:08      0  

Не уловил связи между site.ru и mobil.ru
Но на одном сайте вы не можете "держать" два домена: один для работы с ПК, другой - с ПДА версиями.