Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Раскрутка сайта » SEO » Семантика HTML5 - как правильно использовать элементы
Семантика HTML5 - как правильно использовать элементы
mrx
Сообщений: 288
Репутация: 45

Сообщение # 1 | 20:45:32
В общем, перекопал тонну информации по тегам HTML5, но ни фига не понял остался без ответа. А ответ, точнее совет, нужен к моему частному случаю верстки страницы. Ниже привожу примерный макет и прошу продвинутых гуру ответить насколько он выглядит семантичненько:

Код

<html>

<head>
<title>Название сайта</title>
</head>

<body>

<header>
<h1><a href="http://mysite.com/">Название сайта</a></h1>
<h2>Подпись сайта</h2>
</header>

<section>
<nav>Главное меню сайта</nav>
<main>
Уникальный контент
</main>
<form>Форма поиска по сайту</form>
</section>

<aside>
<nav>Меню данного раздела</nav>
<section>Какая-нибудь дополнительная инфа или баннер</section>
<section>Случайный опрос</section>
</aside>

<footer>Подвал</footer>

</body>

</html>


Особенно интересует мнение о вложении <main> в <section>. Может стоит заменить <section> на старый добрый <div>? Дело в том, что сделать позиции <nav>, <main> и <form> независимыми невозможно по задумке дизайна. Они обязательно должны находиться в блоке, который визуально отделён от <header>, <aside> и <footer>.

Короче, всё это можно было сверстать на таблицах и не париться, но хочется сделать так, чтобы задобрить роботов.
webanet
Личный менеджер
Сообщений: 23189
Репутация: 4877

Сообщение # 2 | 20:57:02
mrx, какая связь между дивами и роботами? хотите задобрить рисуйте адаптивный
а это
Код
<h1><a href="http://mysite.com/">Название сайта</a></h1>
просто не кошерно

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
mrx
Сообщений: 288
Репутация: 45

Сообщение # 3 | 21:07:20
Цитата webanet ()
хотите задобрить рисуйте адаптивный

Разумеется, он будет адаптивный.
Цитата webanet ()
просто не кошерно

Где-то читал (по-моему это был комент от представителя Яндекса), что для логотипов и названий сайта в header'е допускается использование ссылок, вложенных в h1, а также наличие нескольких h1 на странице. Даже на том же http://habrahabr.ru/ все заголовки статей на странице представляют собой h1, в котором заключены <a> и <span>.
webanet
Личный менеджер
Сообщений: 23189
Репутация: 4877

Сообщение # 4 | 21:22:05
mrx, ну сделайте как на хабре. там 10 аш1 на главной ссылками. но там ссылки заголовки статей. а у вас что? и у вас не хабр, а есть ещё гугл
а вот внутри материалов даже на хабре все кошерно.
рисуйте код для пользователей ну или для себя, а не для поисковиков. а то начитаетесь всего везде и всюду и получится каша на сайте
главное чтобы удобно и более менее красиво было
и вообще рассуждать о семантике по скелету сайта по меньшей мере странно

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Сообщество uCoz » Вебмастеру » Раскрутка сайта » SEO » Семантика HTML5 - как правильно использовать элементы
Страница 1 из 11
Поиск: