Hey! Free yourself to discover the 'magic' trick that will propel your business on the Web

Which Chrome extension to see Hn headings in 2020 N

Web Design,Freelance,Business
chrome extension for Hn
Photo by Lacie Slezak on Unsplash

I have the impression that webdesigners are in a fierce competition to create the most beautiful themes possible ! Some of them even go so far as to upset the order of the heading tags ; a fatal mistake for a website. Headings must indeed respect a certain rule. To prove it, I invite you to use a chrome extension for Hn (more precisely, to see the Hn headings) on the most performing sites in SEO.

chrome extension for Hn
Photo by Daniela Brehme on Unsplash

What is headingmaps for?

If there are those who copy and paste all the text of a site on word, just to know what are the H1, H2, H3 ..., others are content to use a chrome extension for Hn. Indeed, Headings map helps you to detect and prioritize all the headings of a site, without you having to do all that long way.

How to use headingmaps?

You first install it on chrome. Then, an icon appears in the top bar. Choose the site you want to test, no matter which one, and click on this icon. You will see a sidebar on your left that lists all the headings of the site.

In my video, I used several sites as examples.

There is a YouTube video in which I describe this at the bottom of the article. Support me by subscribing to the YouTube channel "Happy Desk Design".

chrome extension for Hn
Photo by Rotekirsche20 on Unsplash

What is the point of using this chrome extension for Hn?

You can be inspired by what the big websites have done to structure their page. I have written another article on this subject, explaining why headings are important for Google and for visitors.

I show you a tip to create a website: to ensure its effectiveness, I advise you to take care of its structure before anything else (even before establishing the model). This step consists in fixing the headings.

One of the tools that can help you to do this on Webflow is the use of the style guide. If you are following my training about Webflow, you probably remember that I offered you one, for free.

However, for those who do not take the training, they can create their own style guide.

In this guide, you will have access to many things about headings:

  • their hierarchy
  • their size
  • their typography
  • etc.

Why do we need them? These guides save you time. You won't have to configure the typography, size, style... of the headings for each page, in order to make them conform.

Just change the style guide, and the rest follows.

chrome extension for Hn
Photo on Mary Fotinaki on Unsplash

Before making this guide, I use Figma first. It makes things easier. You don't have to use it too. Some web designers prefer other tools like Photoshop or whatever. In fact, it goes without saying.

All you need to do is to put together all the elements you need throughout the site. In addition to the headings (already formatted), the different logos that you will use frequently during the design of the site itself.

Determining the headings of different websites is not as easy as it sounds, especially if it is a page rich (very rich) in content. However, I understand very well your intense need to know the structure of one or several pages of a site you are interested in. In most cases, web designers use it to get inspiration before designing a website. That's why I highly recommend a chrome extension for Hn; it will make your task easier: Headingsmap.

YouTube : Chrome extension to see H1, H2 headings...

Come back to this page whenever you want. Did you find any ideas that I forgot? If so, what are they? Leave a comment below or send an email to hello@happydesk.be
Kevin Palombo, Manager of Happydesk
Make the counter explode to reach 1M subscribers together (Pssst...it's in real time)
Together it's more fun

1 Million with you.

It's really amazing how our YouTube community can be a true source of inspiration for all of us. So if you're looking for a community that will give you a boost to reach your personal and business goals, you've come to the right place!
Certified 100%
ULTRA enriching and hair-raising!
Receive a mountain of gifts


We all keep our childish soul, so we like to receive lots of gifts, a montaaaagne of gifts, a galaxiiiiiie of gifts, a.... YOUHOU, are you still with us? Since you also love gifts, receive in your mailbox energy, strategies and tools (each one more grandiose than the other) that will generate results in your business.


Clearsome time for Thursday because an intergalactic surprise awaits you.
Propel your life & your business in 30 days!


The only one, the only one, the real one where all ideas can germinate, develop and succeed. Each phase of business development is thought out down to the smallest detail (even the smallest) to accompany you in your project.

Foundations, development, support, mutual aid, coaching, website, web tools and even cookies. Joining the Happy.webacademy is to be part of this ecosystem without risk, just jump in and let yourself be guided.
AI enabled to accelerate your transformation 🤖
12 Up-to-date modules
We give you crazy training with action plans, regular updates, access for life, and 24/7 support, 365 days a year. Everything you need (and more) to make your life, your business and your skills shine.
Your thruster
We make sure that you are always on top of your questions and that you can grow with a community that has the same dreams as you, and that you can meet super inspiring people.
Never again alone
Your Website!
Who better than Web experts to create a turnkey Website and sell your offers quickly without having to break your head with the technique. No more sleepless nights tearing your hair out, we've got you covered to accelerate your online growth!
We will create you
an Asteroid
12 months Free
We answer all your business, mindset and nugget questions. It's also the best way to get your daily dose of motivation, anything is possible!
Don't forget to bring
Strategy 3.0
The Web and e-commerce are evolving at an incredible speed, and if you don't keep up, you'll lose money. That's why we're going to share with you all our latest tips, discoveries and innovations (automation, artificial intelligence,...) so that you and your business stay on top!
2 Business Coaches
Kevin & Sophie, 2 coaches in the field for 10 years who will be there to motivate you, boost your mindset, and much more! Throughout your entrepreneurial adventure on the Web & in e-commerce, we will support you to validate opportunities or help you optimize your performance. You will NEVER be alone again!
Continuous monitoring
It's sometimes hard to take a step back from your work when you're just starting out (even after), which is why we'll always be there to review your work privately BEFORE you spend any money on advertising or influencers.
Creating a profitable business requires financial optimization. That's why we'll give you the tips we use so you can learn how to invest the money you'll earn in the long run to create wealth.