[
2006/10/17(火) ]
◎ ブログタイトルを画像で表示する際の注意点
※ 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を重視するのであれば、タイトルに画像は使わずに、
テキストで記入した方が、よりベターだと思います。
※ 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,