Модератор форума: Yuri_G |
Сообщество uCoz Вебмастеру Юзабилити Как оптимизировать сайт для мобильных устройств? (У кого есть опыт и сколько это стоит?) |
Как оптимизировать сайт для мобильных устройств? |
Что делать пришло сообщение:
Сайт http://wista.at.ua/ не оптимизирован для мобильных устройств Google Webmaster Tools Team 30 января 2015, 01:49:20 Message type: [WNC-451500] Инструменты для веб-мастеров Сайт http://wista.at.ua/ не оптимизирован для мобильных устройств To: Веб-мастеру сайта http://wista.at.ua/ Мы проверили 282 стр. Вашего сайта и обнаружили, что 100% из них неудобно просматривать на мобильных устройствах. Из-за ошибок на этих 282 стр. у пользователей складывается плохое впечатление о ресурсе. Эти страницы не считаются оптимизированными для мобильных устройств с точки зрения Поиска Google, и они будут отображаться и ранжироваться в результатах поиска на смартфонах соответствующим образом. Вот что мы рекомендуем сделать: 1 Выясните, какие страницы содержат ошибки Просмотрите отчет об ошибках на страницах, не оптимизированных для мобильных устройств. Просмотреть отчет 2 Узнайте, как адаптировать сайт для мобильных устройств Есть много способов сделать сайт удобным для мобильных пользователей. Для начала ознакомьтесь с информацией об ошибках, предоставленной в Инструментах для веб-мастеров. Изучить рекомендации 3 Устраните ошибки на своем сайте Исправьте ошибки, из-за которых сайт некорректно отображается на мобильных устройствах. Дополнительные рекомендации • Если на Вашем сайте применяется система управления контентом (например, Wordpress, Joomla или другая), ознакомьтесь с этим руководством. • Изучите наши советы по разработке сайтов, оптимизированных для мобильных устройств. • Задайте вопросы на форуме для веб-мастеров (не забудьте указать тип сообщения – [WNC-451500]). © Google Inc., 2014. 1600 Amphitheatre Parkway, Mountain View, CA 94043, США. | Отменить подписку Добавьте адреса, на которые следует отправлять уведомления Google для этого аккаунта Инструментов для веб-мастеров. ОтветитьПереслать Инструкция по оптимизации сайта на uCoz для мобильных устройств http://manual.ucoz.net/board/10-1-0-564 |
Помогите пожалуйста оптемизирувать сайт http://tornado.3dn.ru/, пишет вот такие ошибки Интерактивные элементы расположены слишком близко
Контент шире экрана |
Добавь в шапку всех страниц пда код <meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=2.0; user-scalable=no">
Увеличь шрифты текста Добавлено (01 Янв 2017, 17:53:36) Помогите пожалуйста оптемизирувать сайт http://tornado.3dn.ru/, пишет вот такие ошибки Интерактивные элементы расположены слишком близко Забей. Или увеличь расстояние между строками и буквами. Ucoz нагло чистит сайты. Мой удалили и морозятся. 7 лет работал над проектом http://sg-ql.at.ua. Удалили без предупреждения и шанса на исправление возможных нарушений. Никому больше не советую ukoz!
|
Подскажите пожалуйста, если я перейду на мобильный шаблон с устаревшего(сейчас 971), вся разметка страниц нарушится и придется все править вручную? В случае неудачи я смогу все вернуть назад с помощью бэкапа шаблонов?
Добавлено (25 Янв 2017, 08:46:50) |
Сайт проверил при помощи https://search.google.com/search-....edirect пишет что оптимизирован для мобильных устройств однако Яндекс пишет что не оптимизирован (PDA отключен) как быть.
|
С помощью бэкапа - да. Подскажите пожалуйста, если я перейду на мобильный шаблон с устаревшего(сейчас 971), вся разметка страниц нарушится и придется все править вручную? Что значит "перейдёте"? Учитесь читать, читая - вчитывайтесь, вчитываясь - вдумывайтесь, вдумываясь - понимайте, поняв - делайте. ©
|
Откройте свой сайт на мобильном устройстве и посмотрите, как он выглядит. Если красиво - значит оптимизирован. Шаблон "оптимизирован" тогда, когда он удобен пользователю - это грубо говоря. В случае, когда очень хочется (или нужно) чтобы всё было сто процентов отлично, когда сами не понимаете, хорошо у вас или нет - обращайтесь за профессиональной помощью. Например сюда: https://upartner.pro Учитесь читать, читая - вчитывайтесь, вчитываясь - вдумывайтесь, вдумываясь - понимайте, поняв - делайте. ©
|
добрый день. есть сайт с адаптированным дизайном от upartner lisa36.ru если перейти в категории, например http://lisa36.ru/shop/khalaty-tuniki-sarafany-molodezhnye то подкатегории располагаются по три в ряд, используется $CATALOG$(3,5)
но при заходе на сайт с мобильного устройства, соответственно появляется полоса прокрутки снизу т.к. также подкатегории по три в ряд. Как сделать, чтоб с компьютера всё оставалось также три в ряд, а при переходе на мобильный подкатегории располагались по одной в ряд, вертикально ... т.е. чтоб небыло полосы прокрутки? |
Оптимизировал сайт с помощью Мета-тега Viewport http://obkon.ucoz.com/ .
Не все страницы оптимизировались . Заметил, что где на странице есть видео (640 - 560рх) - страницы не оптимизируются (Контент шире экрана). Оптимизацию делал через (шаблон ПДА). WEBANET!, или кто знает! Подскажите какие скрипты и куда надо подставить? Заранее спасибо. Владимир. Добавлено (02 Дек 2018, 07:37:13) Сообщение отредактировал Раша - Суббота, 24 Ноя 2018, 13:33:05
|
Раша, зачем дублировать одно и тоже и подымать, если можно было один раз дать ссылку на страницу где есть видео. если у вас там ифреймы от ютуба, то в таблицу стилей пропишите
iframe{width: 100%} |
В таблица стилей (CSS) в общие шаблоны записал это - iframe{width: 100%} В разделах сайта это работает, а на форуме, где есть фотографии - нет.( Контент шире экрана ) А мне нужен форум. webanet ! Подскажите как быть! Сообщение отредактировал Раша - Вторник, 11 Дек 2018, 02:26:48
|
Раша, вы разберитесь со спектром своих проблем. сначала были проблемы с видео. я написала как лечить видео, вставленное через ифреймы и ютуб. теперь фото и опять без ссылки страниц с проблемными фото
|
Вот ссылка, как пример, http://obkon.ucoz.com/forum/62-5730-1 , где видео и картинка = 560рх. Убираем картинки - страница адаптируется. Сообщение отредактировал Раша - Вторник, 11 Дек 2018, 10:18:44
|
Раша, поправьте стили которые вам советовали и замените их на:
Код img, iframe, object, embed {width: 100%!important;height:auto!important;} |
| |||