How to Hide an H1 without Hurting SEO or Accessibility

- Resources, Tips, Tutorials, Lettering

I always hide the h1 for the homepage of a site. This is the most modern way that I have found to hide it without hurting anything. Just add the “.home-h1” class below:

.home-h1 {
    font-size: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    clip: rect(1px, 1px, 1px, 1px);
}
Please follow and like us:

May 18, 2022 by Jerad

Tagged: , , ,

Reply or Comment

Your email address will not be published. Required fields are marked *


error

Enjoy this blog? Please spread the word :)