image - ロゴ テキストと画像

Question

現在、画像ロゴの代わりにテキストロゴを使用している多くのウェブサイトを目にします。ウェブサイトのテキストと画像の違いは何ですか? 何かアイデアがあれば、共有してください。

例：

• http://getbootstrap.com/
• https://ghost.org/

上記の両方の Web サイトのロゴの要素を調べます。ロゴに画像ではなくテキストを使用しているのを見ました。

Answer 1

画像の代わりにテキストを使用する正当な理由は、SEO (検索エンジン最適化) です。

<h1>検索エンジンは、ページに何が含まれているかを示す最も強力な指標の 1 つとして、要素内のテキストを探します。要素がない場合<h1>、または画像のみが含まれている場合、検索エンジンはページに何が含まれているかを判断できなくなります。

a<title>と an<h1>が少なくとも部分的に等しいページは、良い検索結果が得られる可能性が高くなります。

素敵な画像をロゴとして使用し、テキストを検索エンジンに表示する方法の 1 つは、<h1>要素にテキストを配置し、CSS を使用してテキストを非表示にし、代わりに画像を表示することです。