web-dev-qa-db-ja.com

ヘッダーのロゴのH1タグ

そのため、ロゴがH1であるテーマがあります。ロゴ自体はSVGファイルです。これがSEOの目的にとって悪い慣行であるかどうかは興味があります。私の監査では、これが原因でページに2つのH1タグが表示されるため、ヘッダーのロゴからH1タグを削除する必要があるかどうか興味があります。私のロゴはテキストベースではないので、そこに置いても意味がありません。

コードの配置方法は次のとおりです。

<h1 class="logo-collapse">
                        <a href="https://example.com/" title="My Brand Name" class="logo">
                            <img src="https://example.com/path/to/logo/logo.svg" alt="My Brand Name" width="150"height="55">
                        </a>
                    </h1>
seoheading
5
DarkMatter

H1タグには、ウェブページの内容をテキストでユーザーに直接示すいくつかの種類のフレーズを含める必要があります。

このテキストがないと、ロボットはページを理解するのに苦労し、その結果、適切にインデックスが作成されません。実際、ページのインデックスが作成されると予想される検索エンジンによっては、インデックスがまったく作成されない場合があります。

私がやることは、ロゴ画像をH1とは別にするか、ロゴの一部としてテキストが必要な場合は、CSSを使用することです。

H1の有効な使用例は次のとおりです。

<h1>Some corporation</h1>
<a href="logoinfo.htm">
<img src="someimage.jpg" width=100 height=100>
</a>
<p>This is a page about some corporation.</p>
1
Mike

ロゴのH1タグは、テキストのロゴを作成する場合にのみ有効なオプションです。それ以外の場合は、CSSを変更し、そこからh1タグを分離し、DIVタグを配置して、配置が妨げられないようにします。

例えば：

<div class="logo-collapse">
   <a href="https://example.com/" title="My Brand Name" class="logo">
       <img src="https://example.com/path/to/logo/logo.svg" alt="My Brand Name" width="150"height="55">
   </a>
</div>

ロゴはsvgファイルであるため、変更可能なH1タグとは関係ありません。

1
Pushpreet Singh Sethi