ウェブサイトでH1タグを非表示にしても問題ないか

Question

いつもこちらでお力添えいただいている者です。
調べていたのですが欲しい答えが見つからず、ご存じの方いらっしゃいましたらご回答いただけないでしょうか。
サイト上見た目の観点から<H1>タグを見せたくなかったため、CSSで文字を端によけ、非表示にしています。隠しテキストを目的とはしておりません。
H1自体がないことについてはとくに問題ないという下記の記事▼を発見したのですが、
https://www.seroundtable.com/google-no-penalty-no-h1-34072.html
「H1があるけど非表示にする」件については、「ペナルティ違反になるのでやめた方がいい」という記事しかのです。
個人的には故意的では無ければ問題ないのではないかと思っているのですが、存在するH1を隠すことはやはり問題なのでしょうか。。。？
CSSの非表示方法によっても違反いなる、ならない、等ありましたらご教授いただきたいです。
もしもご存じの方が、お力添えいただけないでしょうか。
よろしくお願いいたします。

suzukik (Kenichi Suzuki) · Accepted Answer

h1 は大見出しを指定する重要な HMTL 要素です。
「大見出しを表示したくない」という要望が理解できません。
新聞の記事の見出しが、別のページの枠外に突然書かれていたら明らかに変ですよね？
見出しを表示したくないのであれば、h1 タグを指定しなければいいのではないでしょうか？
ペナルティどうこう以前に、HTML のセマンティックを無視した使い方です。

yu-suke murayama · Accepted Answer

勉強中です さん
こんにちは、記載いただきました件につきまして返信させていただきます。
私も suzukik さんと同意見となり、h1非表示は避けたほうがよいと考えております。
個人的には故意的では無ければ問題ないのではないかと思っているのですが、存在するH1を隠すことはやはり問題なのでしょうか。。。？
検索エンジン側は故意的かどうかをどのように判断すればよいでしょうか。
仮に故意的に隠している方も故意的ではないと主張すれば正当化されるのでしょうか。
HTMLとしてのh1も当然ながら、該当URLをはじめて閲覧した方が
スクロールせずにそのURLではどのようなコンテンツを表示しているのかを示すためにも
h1でコンテンツの概要を説明するというのはユーザビリティとしても良いケースが多いように思います。
以上、ご参考になれば幸いです。
ご確認の程よろしくお願いいたします。