Is it alright to use multiple h1 tags on the same page, but style them differently? [closed]

by

Matt Cutts from Google answered to More than one H1 on a page: good or bad? (Mar 5, 2009) with:

Well, if there’s a logical reason to have multiple sections, it’s not
so bad to have, you know multiple h1s. I would pay attention to
overdoing it. If your entire page is h1, that looks pretty Creti,
right? So don’t do all h1 and then you CSS to make it look like
regular text because we see people, who are competitors complain about
that if users ever turn off CSS or the CSS doesn’t load, it looks
really bad. So, you know, it’s ok to have a little bit of h1 here
and then maybe there’s two sections on a page, and so maybe have a
little bit of h1 here.

But you really should use it for headers or headings, which is what
the intent is. Not to just throw h1 everywhere you can on a page.
Because I can tell you, if you just throw h1 everywhere on a page,
people have tried to abuse that and so our algorithms try to take that
into account so it doesn’t really do you that much good. So I would
use it where it makes sense and more sparingly, but you can have it
multiple times.

More Related Contents:

  1. Two column width 50% css [closed]
  2. vertical-align with Bootstrap 3
  3. One flex/grid item sets the size limit for siblings
  4. How to align content of a div to the bottom
  5. CSS Pseudo-classes with inline styles
  6. Are the decimal places in a CSS width respected?
  7. How to apply a style to an embedded SVG?
  8. How do I get this CSS text-decoration override to work?
  9. Why does position:relative; appear to change the z-index?
  10. Color for Unicode Emoji
  11. Browser Caching of CSS files
  12. Flexbox and Internet Explorer 11 (display:flex in ?)
  13. How to change scroll bar position with CSS?
  14. Bootstrap: add margin/padding space between columns
  15. Dual-Color Text
  16. Changing highlight color
  17. DISABLE the Horizontal Scroll [closed]
  18. How to remove focus around buttons on click
  19. Why doesn’t “display: block” & “width: auto” stretch a button to fill the container? [duplicate]
  20. How to cut a circular part from an image?
  21. Why isn’t position:sticky with left:0 working inside a scrollable container?
  22. Why do Firefox and Opera ignore max-width inside of display: table-cell?
  23. Why doesn’t width/height work with non positioned pseudo elements?
  24. What is the best way to move an element that’s on the top to the bottom in Responsive design
  25. CSS way to horizontally align table
  26. How to place Text and an Image next to each other in HTML?
  27. wrap anchor tag around li element
  28. How can I control the height of an Option element in Webkit?
  29. How to make input autofocus in internet explorer?
  30. How to always show the vertical scrollbar in a browser?

Leave a Comment