Форум Практика оптимизации Общие вопросы оптимизации

Верная структура OL, LI

B
На сайте с 27.05.2018
Offline
140
Biomusor
185

Добрый день! Как верно разметить структуру инструкцию пошаговой OL LI. Данная структура предложена GPT, но на всех сайтах нет <p> в LI. Это важный момент. Кроме того, заметил, что img оборачивается иногда в <p>, что по логике неверно, так как это текстовый абзацавый тег (я так считаю)

<ol>
 <li>
  <p>нажмите кнопку «Установить».</p>
  <figure>
    <img src="install-button.jpg" alt="Кнопка Установить" />    
  </figure>
 </li>
</ol>

Если да, почему WP не добавляет <p><p> в LI и не оборачивает img <figcaption>? Может есть фича какая по структуре OL/LI, особенно когда нажимаешь Enter после LI, чтобы вставить картинку и LI закрывается сразу тегом OL, что обрывает последовательность. Почему в WP не сделали по умолчанию как ВК редакторе <ol start="4"> <ol start="9"> и т.п.

S3
На сайте с 29.03.2012
Online
362
Sly32
#1
Biomusor :
Если да, почему WP не добавляет <p><p> в LI
А кто сказал что ВП это эталон разметки? Ты можешь как угодно формировать разметку с помощью списков. Посмотри тот же бутстрап:
<ol class="list-group list-group-numbered">
  <li class="list-group-item d-flex justify-content-between align-items-start">
    <div class="ms-2 me-auto">
      <div class="fw-bold">Subheading</div>
      Content for list item
    </div>
    <span class="badge text-bg-primary rounded-pill">14</span>
  </li>
  <li class="list-group-item d-flex justify-content-between align-items-start">
    <div class="ms-2 me-auto">
      <div class="fw-bold">Subheading</div>
      Content for list item
    </div>
    <span class="badge text-bg-primary rounded-pill">14</span>
  </li>
  <li class="list-group-item d-flex justify-content-between align-items-start">
    <div class="ms-2 me-auto">
      <div class="fw-bold">Subheading</div>
      Content for list item
    </div>
    <span class="badge text-bg-primary rounded-pill">14</span>
  </li>
</ol>

B
На сайте с 27.05.2018
Offline
140
Biomusor
#2

Как я понял поисковым ботом пофиг на теги, текст написанный понимают и ладно. Больше для удобства получается?

Нет разницы если инструкция ol.li или обычно цифрами обозначения Шаг 1. Шаг 2 и т.п. ?

П,С/ В общем пописал в ЖПТ и он каждый раз по разному структрирует OL, то можно просто img, то img нужно обернуть в  <figure>, то текст в LI нужно завернуть в <p>, то нет :D Дичь полная в голове. Буду писать просто Шаг 1. Шаг 2 и т.п.

У кого вернулся траф? Конкурс на лучший баннер Влияет ли тег на
Сергей про е-ком
На сайте с 11.05.2008
Offline
331
Сергей про е-ком
#3

Ты вопрос прям неправильно задал. Если по существу вопроса, то внутри li можешь хоть заголовки ставить. Если оно тебе надо. Тут вопрос именно в подаче смысла: нумерованный список.

Если тебе интересно, как делать инструкцию правильно, то дорога твоя ведёт к мекроразметке и структуре данных. Есть встроенная для многих тем и SEO-плагинов (Rankmath, AISEO точно). В том числе в бесплатных версиях. 

https://schema.org/HowTo

P.S: ВП добавляет параграф, потому что считает, что предложение внутри списка - параграф. Это не ошибка, но и делать так необязательно.

Thing
  • schema.org
Property Expected Type Description Properties from HowTo Properties from CreativeWork The human sensory perceptual system or cognitive faculty through which a person may process or perceive information. Values should be drawn from the approved vocabulary. A list of single or combined accessModes that are sufficient to understand all the...
Крутейшая тема и конструктор на WP - https://shop.greenshiftwp.com/?from=3338
Новый курс: Большие деньги Как правильно сделать похожий Подскажите SEO-френдли CMS для

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий