Search code examples
htmlcssseo

<h1> tag on home page?

On the home page, is it best to use <h1> for the blog title or description?

By default Thematic (the theme I'm building my child theme on) uses <h1> for the blog description.

Also, I've replaced the blog title text with an image logo. Is this ok or should I still display the text and use text-indent: -9999px to hide it?

Solution

  • It all depends a bit on how related to your site your site description is. If it's any important I'd wrap my site title between <h1> tags and my site description between <h2> tags. If less important I'd wrap my site description between <p> tags.

    I'd avoid using display:none to hide stuff, as Google or any other search engine is often confused when doing so.

    There's a pretty good alternative though (also used within the WordPress TwentyEleven theme). A good tutorial about this is listed here: http://themeshaper.com/2011/02/17/css-tip-hiding-content-with-clip/