在FireFox中轻松创建页面标题映射

 

我之前已经概述了标题结构对可访问性和可用性的重要性，并列出了使用h1-h6标签的一些Zui佳实践。今天我正在审查一个名为HeadingsMap的令人敬畏的FireFox插件，允许使用:

快速检查页面标题结构的一致性和逻辑性;使用标题浏览页面。

总而言之，我很高兴找到这样一个有用且可用的工具。

将其作为常规FireFox插件安装，并注意添加到浏览器左下角的一个小图标:

单击该图标可以转到包含当前“文档结构”的侧边栏。

1.评估页面语义结构

该工具可以轻松快速分析页面标题是否正确使用:

它显示了文档中的所有标题，包括那些隐藏了CSS技术或没有内容的标题。当文档中没有标题时，它会发出警告。当标题结构中存在跳过级别时，它会发出警告。

2.从标题快速导航到标题

该工具的另一个重要功能是通过单击侧栏中的快速从标题到标题。当在侧边栏中选择一个项目时，标题会突出显示，因此您可以跳转到它（我尝试过它，似乎节省了很多时间。它使“扫描”和“网页更容易”）。

选项对话框允许修改突出显示的颜色以及禁用任何功能，以防您不需要一个:

CategorySEOTools