web-dev-qa-db-ja.com

2つの重複した<h1>タグと1つの非表示

それはSEOにとって悪いことですか？

<h1 class="responsive-hidden">This is my title</h1>
<h1 class="hidden responsive-show">This is my title</h1>
seohtmlcsshidden-text
3
Nepo Znat

はい、H1は1つだけです。
しかし、簡単な解決策がありますが、それには独自の欠陥があります（SEOの結果に非常に奇妙なタイトルが表示される可能性があります！）：

<h1>
    <span class="responsive-hidden">This is my title</span>
    <span class="hidden responsive-show">This is my title</span>
</h1>

これは完璧な解決策ではありません！これはページ内の重要度の低い要素には最適ですが、タイトルにはあま​​り適していません。

これが長すぎる文字列のためである場合：

h1{
    text-overflow: Ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

これにより、文字列がコンテナの最大値まで視覚的に切り取られ、最後に3つのドットが配置されます...

5
Martijn

H1はメインの見出しに使用できます。検索スパイダーごとに、ページごとに1つのh1タグのみを使用することをお勧めします。そして確かにそれはあなたのSEOに影響します。

たとえば、1冊の本で複数のタイトルを見たことがありますか？はいの場合、コンテンツについて読者を混乱させると思いませんか？そうでない場合、自分のウェブサイトで同じことをどのように想像できますか？

ありがとうスニル

0
sharplessons