Today’s post will make the task of “scanning” webpage content easier, smarter and more efficient: both the addons listed here create a short outline of the current page and let you quickly jump to the part of the page that seems to be most relevant.
Navigate the Page Using Subheadings
HeadingsMap is a handy FireFox addon that generates the page map based on its headings and subheadings.
Headings and subheadings are the elements of the page marked-up using <h1> – <h6> tags. Website content creators use the tags to structure the page based on topics and subtopics. Here’s an easy way to describe what page headings are about:
Back in school when you were taught how to write papers, you had your main idea with the main heading (H1) and then supporting facts with subheadings (H2) and often those supporting facts had their own supporting facts (H3).
Website content creators are guided by the same principle when creating a web page content – therefore extracting those subheadings is a great way to generate the outline of the current article. The HeadingsMap addon makes this outline and it also makes it clickable.
The heading map is triggered in the sidebar once you click the <h/> icon in the status bar:
Here’s the heading map of one of the recent MUO articles, for example:
Notice that the addon highlights the places where the structure is somewhat broken: in our case, that’s h4 tag coming above h3 tag.
Notice also that it brings you to the subheading on the page and highlights it in yellow once you click it in the heading map.
Note: website owners are not always really consistent when it comes to using the h1-h6 tags, so the outline won’t always be correct (but it will still represent the contests of the page):
- Some subheadings get omitted and missed;
- Some elements of the page are marked-up with h1-h3 tags for “search engines” (as these are believed to be good places to put your keywords).
Navigate the Page Using the Tag Cloud
While the above addon relies on website owners and how they use the heading tags, this tool uses its own built-in algorithm to do the text analysis of any page and to generate a tag cloud representing its most frequent words and pages.
Once you have the addon installed, use the keyboard shortcut Alt+Shift+U to generate a tag cloud for the current web page (Note: the same shortcut generates the tag cloud for a part of the page as well: just select the area you want the tag cloud for and use the shortcut – this is very handy when you, for example, want to omit readers’ comments, navigation, etc).
Here’s a tag cloud for the exact same MUO article:
Now just click any tag that you want more context for and you’ll be taken to its first occurrence on the web page; click again and you’ll be taken to its next occurrence (the type of behavior you have with the addons that allow to highlight Google search terms on the target page):
Are there any other addons that offer some alternative and interesting ways to navigate the current page? Please share them in the comments!