私のウェブサイトのデザインは良いように見えますが、主要な大きな見出しを上部に配置しようとしてもナイスには見えません。しかし、私はH1タグがSEOにとってどれほど重要であるかを知っています。結局のところ、それは訪問者がいるページを説明する主要な見出しです。
そうは言っても、ページの上部に次のようなパンくずリストがあります。
Home > directory > page
パン粉のHTMLは次のようになります。
<ul>
<li><a href="/">Home</a></li>
<li class="bread-separator"> > </li>
<li><a href="/the-website-page" class="red">The website page heading</a></li>
</ul>
これで、ページに配置するH1タグはパンくずリストのタイトルと同じであるため、SEOが次のようにパンくずにH1タグを配置しても問題ありません。
<li><a href="/the-website-page" class="red"><h1>The website page heading</h1></a></li>
無効。パンくずリストは、リンクのツリー構造を表示する特定の構造です。タイトルなどのアンカー属性を適用できます。
H1またはその他のハイライト(em、cite、headings)は、ドキュメントのメタデータの抽出に役立ちます。リンクはナビゲーション用であるため、ドキュメントハイライターはそれらに影響しません。
コメントで提案されたclosetnocのようにパンくずをH1タグから分割することになった場合(これは良いアイデアだと思います)、「私のサイトは良さそうだ。しかし、上部の大きな見出しはニースには見えません。」
その場合、私はまだH1タグを使用し(あなたが非常に重要であると理解しているので)、サイズがはるかに適切になるようにCSSを単に変更するクラスを追加するだけです(小さく、私はあなたによると推測します)。このようにして、パンくずリストをH1から分割し(closetnocが示唆するように)、H1タグクラスを変更してフォントを小さくすることでWebサイトの外観を維持します。
<h1>
は、それが主見出しであることを示しています。これはGoogleにとって十分な情報です。
SEOが気になる場合は、おそらく<title>
セクションに<head>
タグをできるだけH1と一致させる必要があります。
スタイルをどのように設定するかは問題ではありません。CSS(display: none
)を使用してタグを非表示にしたり、その上に他のDOMノードを配置するなどの疑わしいことをしない限り。