Навигационное меню сайта, содержание страницы

Всё больше времени оптимизаторы уделяют удобству сайта. Навигационное меню сайта как раз поможет сделать более удобное использование содержание страницы. К тому же недавно было доказано, что это учитывается как фактор для ранжирования в Яндекс и Google.
Но что бы поставить навигацию, нужны страницы с большим содержанием информации для того, что бы было что искать. Думаю это так же один из способов выделиться из серой массы других сайтов.

Что такое Навигационное меню сайта

Навигационное меню – это меню с содержанием основной информации на сайте, которое ускоряет процесс нахождения нужной информации. Как правило, в такое меню используют название заголовков h1-h3, которые отображают суть информации написанной под заголовком.

К примеру, кликнув на любой из элементов, содержащихся в меню, ваш экран сразу прокрутится до нужной информации и будет отображаться в верхней части экрана. В нынешнее время, все CMS обладают такой функцией. Такой вид меню используется в основном на информационных сайтах, где трудно ориентироваться, например Wikipedia.

Как поставить навигационное меню на страницу

Для того, что бы поставить навигационное меню на страницу, потребуется переключиться в html текст, куда ставим следующий код:
Маркированый список – ul, нумированный — ol, a href=«1» ссылка.

[php]
<nav class="toc">
<h4>Cодержание</h4>
<ul>
<li><a href="#1">Что такое навигационное меню </a></li>
<li><a href="#2">Как поставить навигационное меню на страницу </a></li>
<li><a href="#3">Вывод </a></li>
</ul>
</nav>
[/php]

После того, как сформировали содержимое навигации, ставим id месту, куда ссылаемся, иначе не будет работать.
h2 – подзаголовок страницы, в скобках тот id, который относится к меню «#1», но пишется без решетки id=«1».

[php]
<h2 id="1">Что такое навигационное меню</h2>
[/php]

Вывод

Не стоит ставить навигационное меню сайта на страницы, где содержание менее 300 слов или 3 000 символов, потому что спрос на меню появляется лишь на большом содержание текста. Wikipedia хороший пример по использованию nav menu сайта.