Как поместить H1 вверх кода

Тема в разделе "Верстка", создана пользователем yura_co, 3 дек 2019.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. yura_co

    yura_co

    Регистр.:
    30 апр 2008
    Сообщения:
    177
    Симпатии:
    38
    Добрый день!
    Есть ИМ

    но имеем разброс по заголовкам, тут собственно возник вопрос:
    Как разместить <H1> в начало кода? чтобы правильнее воспринималось ПС
     
  2. zALEHANz

    zALEHANz Постоялец

    Регистр.:
    26 апр 2015
    Сообщения:
    91
    Симпатии:
    34
    Дикая разметка, все на <div>! С такой разметкой необходимо использовать html5. У вас получается заголовок блога тегом H3, названия статей тегом H2.
    Нужно добавить семантики. Разделить все на блоки через <section> использовать <article> и поисковики поймут тогда все правильно.
     
  3. vada

    vada Вершитель

    Регистр.:
    16 ноя 2009
    Сообщения:
    478
    Симпатии:
    152
    Вам просто физически нужно заголовок h1 переместить над Latest Blog Posts (вообще довольно странно видеть этот заголовок на сайте с украинской локализацией).
    Структуру размещения тегов h1-h3 Вы наверняка знаете: h1 -> h2 ->h3. Если нет h2, то h3 не ставится. Вообще и к длине есть определённые требования, но вопроса это не касается.
    И не переживайте за то, что внизу у Вас заголовка не будет, он там и логически не оправдан - люди читают сверху вниз, по крайней мере, большинство. В крайнем случай поставите туда сокращённый вариант заголовка, кеглем поменьше.