KiraA

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

Recommended Posts

KiraA

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

Share this post


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

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

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

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

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

Share this post


Link to post
Share on other sites
KiraA

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

Share this post


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" />

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

Share this post


Link to post
Share on other sites
KiraA

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

Share this post


Link to post
Share on other sites
support

Не за что

Share this post


Link to post
Share on other sites
KiraA

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

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

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

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

Share this post


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 - для текста.

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.