Контент шире экрана

Discussion in 'Внешний вид, шаблоны, графика' started by parustelekom, Dec 7, 2016.

  1. Offline

    parustelekom Недавно здесь

    Joined:
    Dec 4, 2016
    Messages:
    8
    Likes Received:
    1
    Gender:
    Male
    Добрый день!

    Яндекс и гугл вебмастер пишет "контент шире экрана"
    или "страница не оптимизирована для мобильных устройств"
    Сайт alpa-rus.ru

    Тег прописал "viewport" content="width=device-width"

    но видимо неправильно.

    Подскажите, как победить.
     
    Last edited: Dec 7, 2016
  2.  
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Код (html):
    1. <meta name="viewport" content="width=device-width, initial-scale=1.0">
     
  4. Offline

    parustelekom Недавно здесь

    Joined:
    Dec 4, 2016
    Messages:
    8
    Likes Received:
    1
    Gender:
    Male
    Который раз помогаете решить задачи по Джумле. Благодарю Вас!
    Изменил тег на этот и кажется стало еще хуже.
    Гугл пишет Страница не оптимизирована для мобильных устройств Контент шире экрана
    Яндекс начал писать , что теперь Есть горизонтальная прокрутка, а раньше не было.

    Похоже, что с помощью этого тега проблема не решилась.
     
    lionarda9 likes this.
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    это код с рабочего сайта,который прошел проверку гугл
    Код (html):
    1. <jdoc:include type="head" />
    2. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    3. <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     
    stendapuss likes this.
  6. Offline

    stendapuss Пользователь

    Joined:
    Sep 9, 2011
    Messages:
    324
    Likes Received:
    4
    Gender:
    Male
    Да гугл перестал ругаться, вставил ваш код.
    Было так
    Код (html):
    1. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    2. <jdoc:include type="head" />
    3. <!--[if lt IE 9]><script src="<?php echo JUri::root(true); ?>/media/jui/js/html5.js"></script><![endif]-->
    Спасибо.
     
    Last edited: Dec 7, 2016
  7. Offline

    parustelekom Недавно здесь

    Joined:
    Dec 4, 2016
    Messages:
    8
    Likes Received:
    1
    Gender:
    Male
    Проверил все варианты.
    В итоге только этот код <meta name="viewport" content="width=device-width"> более-менее нравится Яндексу
    обрезает только вверху по ширине телефонов, но все помещается на экран
    • Тег viewport указан
    • Горизонтальной прокрутки нет
    • Нет Flash-элементов
    • Нет Java-апплетов
    • Нет Silverlight-плагинов
    • Много мелкого текста
    И в телефончике своем рисует нормально. Шаблон JBlank, хотя думаю эта информация не поможет
    С 2.5 на 3 переходить нет особого желания, да и мозгов, что скрывать...

    У Гугла какой-то свой телефон, которому все не нравится
    :hz:
     
    Last edited: Dec 7, 2016

Share This Page

Loading...