このページでははてなブログに貼り付けた画像のtitleとaltを変更する方法をご紹介いたします。
どうやら画像のtitleとaltを適切に変更するとSEO対策になるのだとか。
以下の記事で画像SEOに対するgoogleのコメントが載っていました。
文章が少ない画像(写真)ベースのブログのSEOアクセスアップ方法 - アフィリエイトシグナル|初心者の副業脱出プロジェクト
まずはtitleとaltを変更する前の状態を確認しておきましょう。
下の画像の上にマウスを乗せてみてください。
すると
という文字列が表示されるかと思います。
こんな意味不明な文字列でgoogle先生に評価されるわけがありませんね。
では画像のtitleとaltを変更していきます。
はてなブログの編集画面左上のHTML編集を押してください。
すると以下のような文字列だけの画面になるかと思います。
赤線を引いたところに変更前の画像のtitleとaltが書かれています。
なので、title="#"とalt="#"の#を画像にあった文字に変更してやるだけです。
ではtitleを
から
唐揚弁当
に変更してみます。
こちらが変更後のHTMLです。
title="唐揚弁当"になっていることがわかります。
変更後の画像がこちらです、マウスを乗せてみてください。
ちゃんと唐揚弁当って表示されたかと思います。
同様にHTMLからaltも変更しておきましょう。
altは画像を表示できない環境などで代替テキストとして活躍してくれるそうです。