ブログタイトルを画像で表示する際の注意点

ここでは、「 ブログタイトルを画像で表示する際の注意点」 に関する記事を紹介しています。
◎ ブログタイトルを画像で表示する際の注意点
 ※ SEO対策として


ブログやホームページのタイトルは、サイトで最も重要なキーワードである場合が多いので、
通常は、タイトル文字をテキストで記入し、<H1>〜</H1> で囲みますが、サイトの体裁上、
どうしても、タイトルを画像で表示したいという方もいらっしゃるでしょう。

そのような場合には、タイトル画像をH1タグで囲むようにして下さい。
ただし、ALT属性(代替テキスト)は忘れずに記入してください。
ALT属性がないと、H1タグで囲んでも意味はありません。
(※ALT属性はアクセシビリティの観点からも、すべての画像に記入してください。)

更に、タイトル画像に、アンカータグを付ければ、より効果的です。
(※アンカータグにはタイトル属性「title="タイトル"」を挿入するとベスト)

実際の記入例
<h1><a href="サイトURL" title="タイトル"><img
src="画像へのパス" alt="タイトル"
width="468" height="60" border="0"></a></h1>

表示例 (ここでは、H1タグを指定していません)
無料ホームページ作成講座

ただし、SEOを重視するのであれば、タイトルに画像は使わずに、
テキストで記入した方が、よりベターだと思います。

関連タグ : HTML,

コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック