В какие теги оборачивать название категорий товаров в каталоге?

Главные вкладки

Аватар пользователя RusBel RusBel 24 июня 2017 в 8:00

Здравствуйте. Тут вдруг поглядев несколько интернет-магазинов и задался вопросом. В какие же теги оборачивать категории в каталоге товаров интернет-магазина? У других я вижу обёртку в тег li , т.е. списки. Лучшее ли это решение с точки зрения SEO? У меня обёрнут в span. Выводил вьюсом термины таксономии.

Лучший ответ

Аватар пользователя gun_dose gun_dose 24 июня 2017 в 12:11
1

Да, только не забывайте, что li надо оборачивать в ul или ol

А вообще, если непонятно, какой тег лучше - надо ставить div

Комментарии

Аватар пользователя sas@drupal.org sas@drupal.org 24 июня 2017 в 9:09

Когда то давно в далекой далекой галактике создали теги и т.ч. ul -> li для списков. Но время идет а кушать всем хочется, и теперь вместо fieldset модно использовать div и вместо ul -> li div или span никто не запрещает, кто как хочет - так тебе и надо...

Аватар пользователя gun_dose gun_dose 24 июня 2017 в 10:22

span - строчный тег. Соответственно содержимое нескольких подряд таких тегов поисковик воспримет, как сплошной текст

Аватар пользователя gun_dose gun_dose 24 июня 2017 в 12:11
1

Да, только не забывайте, что li надо оборачивать в ul или ol

А вообще, если непонятно, какой тег лучше - надо ставить div

Аватар пользователя bumble bumble 24 июня 2017 в 13:09

<a href="mailto:sas@drupal.org">sas@drupal.org</a> wrote:

Когда то давно в далекой далекой галактике создали теги и т.ч. ul -> li для списков. Но время идет а кушать всем хочется, и теперь вместо fieldset модно использовать div и вместо ul -> li div или span никто не запрещает, кто как хочет - так тебе и надо...

Категорически не соглашусь!

Главное - чтоб страница была семантически правильная.

В сети есть куча абсолютно идиотских примеров (особенно в мире SPA) создания одних элементов из других, например кнопок из блоков/ссылок, или селектов из списков. Все это только в угоду верстал-леньтяев. Вот такое не нужно практиковать!

Инструменты нужно использовать по назначению. Сейчас уже не злые 00вые, и HTML на пару с CSS'ом не такие примитивы как были ранее.

Аватар пользователя gun_dose gun_dose 24 июня 2017 в 13:16

Кнопки из блоков и селекты из списков - это исключительно из соображений дизайна. Тот же материал дизайн на селектах и баттонах не слепишь.

Аватар пользователя bumble bumble 24 июня 2017 в 13:26

Ну, в МД, на сколько я видел - js-преобразователи из "правильного" в "нужное". И то! Это же гугло-метода, они наверняка все подкрутят когда инструменты появятся (или, вернее, станут "вечнозелеными").

Я про отдельные примеры, когда советуют, например:

<a href="#" role="button">Click me</a>

вместо:

<button>Click me</button>

Или:

<div role="nav">
  <div class="menu">
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
    <div>Item 4</div>
  </div>
</div>

вместо:

<nav>
  <ul class="menu">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
  </ul>
</nav>
Аватар пользователя sas@drupal.org sas@drupal.org 24 июня 2017 в 16:02

bumble wrote:

Главное - чтоб страница была семантически правильная.

Этого бесподобно мало, надо использовать элементы так как они предназначены это сокращает тот же css и html и хорошо вопсринимается поисковиками, и конечно валидироваться например через
https://validator.w3.org/ .
Остальное всё, что не запрещено, - то разрешено. Предмета спора вообще нет так как по тегам есть описание, по спекам https://www.w3.org/
неплох рускоязыяный ресурс по тегам
http://htmlbook.ru/