Hide Subheader / Title
When the “Hide Title & Subheader” option is enabled in the page settings, the H1 tag is removed and not rendered in the frontend at all.
For SEO purposes, the H1 should still be present in the HTML (DOM) even if it is visually hidden. Currently, Google cannot detect an H1 on pages where this option is enabled, which can negatively impact SEO.
Is there currently any setting or recommended method to keep the H1 tag for Google while still hiding the page title visually?
https://diefotobox.at
Comments
Hi,
You can add H1 with the heading element into your pages with BeBuilder, and hide it with Responsive Visiblity options.
https://support.muffingroup.com/video-tutorials/responsive-editing-in-bebuilder/
Best regards
That's clear to me...
My question was more about whether it's possible to hide the title and subheader using the "hide title" and "hide subheader" checkboxes, BUT still keep them visible for Google and SEO.
Nope, when you check to hide the title or the Subheader, it is completely removed from the website source, and there is no option to keep it. That is why I suggested a workaround with the heading element.
Best regards
I hide the subheader with a little CSS, so the content in the DOM remains intact.
#Subheader .title {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
}
#Subheader {
padding: 0 !important;
margin: 0 !important;
min-height: 0 !important;
height: 0 !important;
background: transparent !important;
border: 0 !important;
}
#Subheader .container,
#Subheader .column.one {
padding: 0 !important;
margin: 0 !important;
height: 0 !important;
}
#Content,
.content_wrapper {
padding-top: 0 !important;
margin-top: 0 !important;
}
.mfn-header-tmpl-sticky-spacer,
.header_placeholder {
height: 0 !important;
}