2 полезных инструмента для анализа семантической структуры HTML-страниц

7339

Автор: Энн Смарти
Перевод: Всеволод Козлов

Элементы заголовков H1-H6 коротко описывают тему того блока информации, к которому они относятся. Они формируют семантическую структуру HTML-документов, которую используют пользовательские агенты, например, для автоматического составления оглавления.

Грамотно составленные заголовки веб-страниц очень важны, однако без других работ в топ сайт не вывести, как говорится, один в поле не воин.

В этой статье я познакомлю Вас с 2-мя полезными инструментами, помогающими проанализировать семантическую структуру веб-страниц.

1. Расширение для FireFox Web Developer. Активизируется по следующему пути в настройках: Information => View Document Outline:

how-to-analyze-a-page-html-semantic-structure.jpg

2. w3 Semantic data extractor:

how-to-analyze-a-page-html-semantic-structure-1.jpg

Оригинал статьи: How to Analyze a Page HTML Semantic Structure