Jump to content

Оптимизация H1 для мобильных устройств


Recommended Posts

Как оптимизировать заголовок Н1, чтобы он, при просмотре с мобильного телефона, не уползал сильно вправо?

Link to post
Share on other sites
support
10 час назад, KiraA сказал:

Как оптимизировать заголовок Н1, чтобы он, при просмотре с мобильного телефона, не уползал сильно вправо?

Ничего никуда не уползает по умолчанию.

Может длинные названия слишком у товаров?!

Покажите пример, что Вы имеете в виду под уползанием.

Link to post
Share on other sites
support
22 минуты назад, KiraA сказал:

Это не в товарах. Это в самом верху страницы.58eca51cb91a6_.jpg.8f0ed5bac9c2500b31daf

Я Вам уже говорил, что неправильно использовать картинки с текстом.

Но раз используете, тогда хотя бы добавьте трибут class к картинке, что б она была адаптивной и сжималась под размер экрана, тогда, по идее, всё влазить будет.

т.е. нужно Вам поменять:

<img src="/img/zagolovok2.jpg" />

на:

<img src="/img/zagolovok2.jpg" class="img-responsive" />

В Админке - ОФормление - Шаблоны - Основной шаблон.

Link to post
Share on other sites

Да, сделала, теперь H1 адаптивный. У меня немного раньше был текст, но он тоже уползал. Поэтому я и выбрала уползающую, но картинку. Пока оставлю картинку. Спасибо. Вы нереально много помогаете!

Link to post
Share on other sites

Сегодня посмотрела в validator.w3.org, да, пугающие строчки:  Empty heading

</div>
  <h1><img src="{base_path}/img/картинка.jpg" class="img-responsive"/></h1>
     </div>

А надо сюда добавлять alt=" "  ?

Менять шаблон я не буду, текстом писать H1 - некрасиво. Можно что-то сделать, чтобы и картинка осталась и H1 существовал?

Link to post
Share on other sites
support
9 часов назад, KiraA сказал:

Сегодня посмотрела в validator.w3.org, да, пугающие строчки:  Empty heading

</div>
  <h1><img src="{base_path}/img/картинка.jpg" class="img-responsive"/></h1>
     </div>

А надо сюда добавлять alt=" "  ?

Менять шаблон я не буду, текстом писать H1 - некрасиво. Можно что-то сделать, чтобы и картинка осталась и H1 существовал?

Нельзя внутри h1 использовать картинку, H1 - для текста.

Раз не можете нормально сделать - оставляйте как есть.

Link to post
Share on other sites
×
×
  • Create New...