Здравствуйте. Тут вдруг поглядев несколько интернет-магазинов и задался вопросом. В какие же теги оборачивать категории в каталоге товаров интернет-магазина? У других я вижу обёртку в тег li , т.е. списки. Лучшее ли это решение с точки зрения SEO? У меня обёрнут в span. Выводил вьюсом термины таксономии.
Да, только не забывайте, что li надо оборачивать в ul или ol
А вообще, если непонятно, какой тег лучше - надо ставить div
Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.
Документация по совместной работе с репозиторием drupal.ru – https://docs.drupal.ru/code
Drupal – торговая марка Дриса Бёйтарта
Комментарии
Когда то давно в далекой далекой галактике создали теги и т.ч. ul -> li для списков. Но время идет а кушать всем хочется, и теперь вместо fieldset модно использовать div и вместо ul -> li div или span никто не запрещает, кто как хочет - так тебе и надо...
span - строчный тег. Соответственно содержимое нескольких подряд таких тегов поисковик воспримет, как сплошной текст
Т.е. в моём случае лучше использовать тег li?
Да, только не забывайте, что li надо оборачивать в ul или ol
А вообще, если непонятно, какой тег лучше - надо ставить div
Спасибо. На счёт связки ul li я помню!)
Категорически не соглашусь!
Главное - чтоб страница была семантически правильная.
В сети есть куча абсолютно идиотских примеров (особенно в мире SPA) создания одних элементов из других, например кнопок из блоков/ссылок, или селектов из списков. Все это только в угоду верстал-леньтяев. Вот такое не нужно практиковать!
Инструменты нужно использовать по назначению. Сейчас уже не злые 00вые, и HTML на пару с CSS'ом не такие примитивы как были ранее.
Кнопки из блоков и селекты из списков - это исключительно из соображений дизайна. Тот же материал дизайн на селектах и баттонах не слепишь.
Ну, в МД, на сколько я видел - js-преобразователи из "правильного" в "нужное". И то! Это же гугло-метода, они наверняка все подкрутят когда инструменты появятся (или, вернее, станут "вечнозелеными").
Я про отдельные примеры, когда советуют, например:
вместо:
Или:
<div class="menu">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
<div>Item 4</div>
</div>
</div>
вместо:
<ul class="menu">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</nav>
Этого бесподобно мало, надо использовать элементы так как они предназначены это сокращает тот же css и html и хорошо вопсринимается поисковиками, и конечно валидироваться например через
https://validator.w3.org/ .
Остальное всё, что не запрещено, - то разрешено. Предмета спора вообще нет так как по тегам есть описание, по спекам https://www.w3.org/
неплох рускоязыяный ресурс по тегам
http://htmlbook.ru/