How to Hide an H1 without Hurting SEO or Accessibility

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: