読者です 読者をやめる 読者になる 読者になる

ひそかブログ

アニメでするリアルの話、リアルでするアニメの話。そういうのが好きです。

検索対策として画像のHTMLにキーワードを入れてみよう

ブログ関連の話

ブログに画像を貼るときの話です。
画像のHTMLに、画像に関連した「キーワード」を入れておくといいそうな。
何がいいのかというと、「検索エンジン対策」でページビューアップに役立つという意味で。
いわゆる「SEO」 (Search Engine Optimization;検索エンジン最適化)ってヤツですね。

「ふ~ん… 地味そうな作業ね」
蒼き鋼のアルペジオのタカオ
「まぁそう言うなよタカオ」

PR


私にその事を教えてくれたのは、B-CHANさんの ↓ こちらの記事です。

とても勉強になる記事でした。

具体例として、画像を一枚 ↓ 貼ってみます。

f:id:hisoka02:20150501070026j:plain

先月、群馬県の「赤城南面千本桜」で撮った一枚です。
ここの桜並木は、とても見ごたえのあるものでした。「赤城南面千本桜」は、皆さんにオススメしたい、素晴らしい花見スポットですね。



で、はてなブログにこの画像を貼ったとき。
画像のHTMLはどうなっているかというと、
(画像のファイル名は「2015050101」です)

<p><img class="hatena-fotolife"  
title="f:id:hisoka02:20150501070026j:plain"  
src="http://cdn-ak.f.st-hatena.com/images/  
fotolife/h/hisoka02/20150501/20150501070026.jpg"  
alt="f:id:hisoka02:20150501070026j:plain" /></p>  

↑ こうなります。
(「見たままモード」の場合。あと、見やすくなるよう「改行」を入れてあります)

これが「はてな記法」(&「Markdown記法」)の場合は、↓こうなります。

[f:id:hisoka02:20150501070026j:plain]

画像の上にマウスのポイントを合わせたとき、ポップアップ表示される文字も、同じく[f:id:hisoka02:20150501070026j:plain]です。
(ポップアップ表示されるのは、HTMLでいうと title="f:id:hisoka02:20150501070026j:plain" の
” ”に囲まれた部分)

「はてな記法」(&「Markdown記法」)の場合、ブログに添付した画像のHTMLをいじれません。ちょっと残念な仕様ですね。



このままの状態だと、画像はまったく「検索対象になっていない」と思います。
検索エンジンにとって、これは意味不明なHTMLの羅列になっているんじゃないかと。

そこで!
検索エンジン対策として、画像HTMLの<alt>部分に、画像を説明するキーワードを入れましょう、 というのがB-CHANさんが書かれた記事の要点です。
例えば上の画像ならば、

<p><img class="hatena-fotolife"  
title="f:id:hisoka02:20150501052843j:plain"  
src="http://cdn-ak.f.st-hatena.com/images/  
fotolife/h/hisoka02/20150501/20150501052843.jpg"  
alt="f:id:hisoka02:20150501052843j:plain" /></p>  

<p><img class="hatena-fotolife"  
title="f:id:hisoka02:20150501052843j:plain"  
src="http://cdn-ak.f.st-hatena.com/images/  
fotolife/h/hisoka02/20150501/20150501052843.jpg"  
alt="赤城南面千本桜" /></p>  

みたいな感じに変更。
画像を説明するためのキーワードを<alt>部分に入れてあげる。 すると、検索エンジンにとって理解の出来る(検索対象になる)HTMLになり、ブログのページビューアップにも有利に働く、ということになると思います。


B-CHANさんの記事に刺激を受け、私もこれまでに貼った画像のHTMLを一枚一枚、画像のキーワードを含んだものへと「手作業で」修正し始めました。
そう、「手作業で!」(涙目)
思わず二度言っちゃいましたが、べつに誇張したわけではなく、じっさい大変な作業です。なかなか進まない。


ちなみにfc2ブログの場合。
こちらは<alt>部分に、画像ファイル名が「そのまま」入ります。
↓ こんな感じに。

<a href="http://blog-imgs-72.fc2.com/2/0/0/2009nenaki/2015050101.jpg"  
target="_blank">  
<img  
src="http://blog-imgs-72.fc2.com/2/0/0/2009nenaki/2015050101.jpg"  
alt="2015050101.jpg" border="0" width="400" height="300" /></a>    

ですのでfc2ブログの場合
最初から画像のファイル名を、画像に関連したキーワード含みのファイル名にしておけば、あとはキーワードは自動で画像のHTMLに組み込まれる、ということになります。


くぅぅ……  知っていればそうしておいたのになぁ…… 
後悔先に立たず、であります。

現在はブログのページビューアップのため、時間をみつけては画像のHTMLを変更する作業を進めているところです。
大手のブロガーさんは、とっくにこういう対策はとっていらっしゃるんでしょうね。地道な作業の積み重ねを。数多くのページビューを集めるというのは、一朝一夕に出来ることではないと私は思います。


ということで。
「検索対策として画像のHTMLにキーワードを入れてみよう」 という話でした。


「ブログ」関連記事