How much and how does the presence of headings affect "search engine optimization"?

Question

HTML

On my site, in addition to the traditional h1, h2 tags, there are hidden tags for screen readers and other readers.

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

For example, there is such a hidden h3 tag near the pagination, in each individual widget there is a visible h3 tag with the widget title. In the body of a single post, there is a hidden tech h3 in the category links section.
It seems to me that the document is more clearly divided by headings and has a more intelligible structure. Not to mention the ability to use heading navigation.
But how is all this perceived by search engines? Or, in order to promote, should I generally refuse all headings except for the key ones?

Answer 1

Hello, just in case, I will remind the logic of the hierarchy here .
In fact, when crawling, the bot can only see headers that are intended for a specific extension i.e. if you have specified the same h3 only for displays up to 420px, then the bot will see this title only when scanning "for mobile devices".
Accordingly, if you define headers only for specific devices, they will not conflict in any way in SEO.

Answer 2

I highly do not recommend such designs, because. they can frankly be regarded as search engine spam. See webmaster recommendations page - quote "We try not to index or rank high:....... Pages with invisible or barely visible text or links.".
At the same time, it will be difficult to determine in advance the relationship specifically to your project in this case, which initially contains hidden headers. I wouldn't risk it.