alt属性、title属性 ~画像に文字情報を入れるタグ~

ミ:D)| ̄|_ ミィータァーナァー!! 画像に文字情報を入れていますか?

画像にも文字情報を入れないともったいないですよ??

画像にカーソルを合わせると、ポンって文字が出てくることありますよね??

あれって実はSEO対策にも有効なんですよ。

 

上の画像にカーソルを合わせてください。

・・・・・見えましたね^^

 

という感じに、文字を入れることができるのですが

なんでこれがSEO対策に有効なのかというと、クローラーが画像情報を読みとれないからです。クローラーは文字情報しか読みとれません。

 

 

 

例えば画像だらけのサイトがあったとしましょう。

そこにクローラーが回ってきます。

 

すると、クローラーははこう判断します。

クローラー

「なんもねえサイトだなここ(笑)」

 

(厳密にいえば、サイドバーとかヘッダーにも文字情報はあるので流石に何もないってことはないですが)

 

 

もちろん、クローラーに評価されないため、そのサイトや記事は検索になかなか引っ掛からないということになります。

 

画像で文字を作成しても同じです。

画像でできた文字でも、クローラーは単なる画像としか認識しません。

 

ライオンの画像だろうが、熊の画像だろうが、私の画像だろうが、ポルノ画像だろうが、クローラーには「なんかの画像がある」としか認識されません。

 

それを認識させるために用いるのが、<alt>属性、<title>属性なのです。

<alt>属性は、画像に文字情報を含めることのできるタグです。

 <title>属性も、同じく画像に文字情報を含めることのできるタグです。

 

この2つにどういう違いがあるのかというと

alt属性は、画像情報が指定したパスから読みとれなかった場合の代替テキストとしての役割を果たしてくれます。

title属性は、画像にカーソルを合わせた時テキスト情報を表示してくれます

alt属性を指定した場合

例えば以下のような場合ですね。

 

存在もしないパスを指定したため、こんな表示になりますが、中に”alt属性を指定した場合”というテキスト情報が表示されていますね?これがalt属性の役割です。

 

また、パスが正しかったとしても、ブラウザによっては画像を読みとれない場合もあるため、その時もこのように表示されますね。

title属性を指定した場合

上でもみせましたが、下のネコの画像にカーソルを合わせてみてください。

 ミ:D)| ̄|_ ミィータァーナァー!!

見えましたか?これがtitle属性の役割です^^

SEO的にはどっちを気にすればいいの??

色々言われているこのalt属性とtitle属性。

「alt属性はもうSEO対策に効果はない~」

 

とか。

 

少なくとも私が検証した結果は、alt属性は普通に効果あると思います。

実際にキーワードとして読みとられているわけですしね^^;

 

逆にtitle属性に関しては、どうも評価していないようです。

 

この辺りは正直言うと、yahoo様やgoogle様の腹具合によってコロコロルールが変わりますので、もしかしたら評価されない時が来るのかもしれません。

 

少なくとも現時点では、効果があると言っておきます。

 

alt属性は、ユーザビリティとSEO対策の観点から

title属性はユーザビリティの観点から有効である、ということですね。

alt属性、title属性の指定方法

指定方法は以下の通りです。

 

<img src =”http://~~~” title=”文字情報” alt =”文字情報”>

 

画像を挿入する際に用いる<img>タグに、title=”文字情報” alt=”文字情報”を入れるだけです。

 

 

 

 

ここまでの説明でピンと来た人なら分かるかと思いますが

「ライオンの画像に、”ネコ”って文字情報を与えたらどうなるの??」

 

 

もちろんクローラーは、その画像を”ネコ”の画像と読み取ります。

 

せっかくライオンの画像をメインにしたサイトなのに、クローラーからネコの画像と判断されたがために、”ライオン”と検索してもそのサイトは引っ掛からないのです。

 

こんな悲しい結末になる前に、きちんとalt属性は指定しておきましょうね^^

ただしキーワードの羅列はスパム扱いになる

ただし、キーワードの羅列は禁止です。

いくら効果があるからと言って、複数のキーワードをヴぁーっと羅列したら、逆に検索エンジンスパム扱いされます。

 

昔はこの手の検索エンジン対策がはやったらしいです。

画像に100個くらいの同じキーワードを埋め込んだり、背景と同じ色の見えないキーワードをヴぁーっと文中に羅列したり・・・・。

 

何とそんなものでも評価され、上位表示されていたという事実。内容のないクソブログでも、です(笑)

 

こういうことがあって、最近では内部SEO対策もかなり評価が落ちました。

 

 

だからと言って、無視していいわけでもなければやりすぎもよくない。

なので、この辺りはしっかりと意識しながら使っていってくださいね^^

小澤竜太

小澤竜太株式会社ディスカバリー・代表取締役

投稿者プロフィール

主にメルマガマーケティングやメルマガ到達率に関する知識が豊富で、そして多数のクライアント様も抱える人気コンサルタントでもある。

”起業を当たり前の世の中に”をモットーとして、起業家育成に力を入れている。

その一環として、ディスカバリーメール事業にも取り組み、メルマガのプロとしてクライアント様の情報発信による成果向上をお手伝いしている。

メルマガの知識やメルマガ配信システムをご提供する事で売り上げをアップしていただきお客様に笑顔になっていただく事はもちろんの事、当サイトでご提案させていただくメルマガの知識やメルマガ配信システムを使って配信されたメルマガを受け取った読者様も笑顔になっていただけるようなご提案をさせていただきます。

この著者の最新の記事

関連記事

コメント

  1. 小澤さんこんにちはー
    マメボーwです^^
    alt属性大事ですよね~
    この頃はtitle属性も出てきてますしね^^

    結構altって面倒な作業ですが、
    小さな積み重ねが大きな効果をうみますよね^^

    ではでは、なまら応援ポチポチ( ´艸`)シシシ

    • 小澤竜太
      • 『脱サラプロブロガー』小澤竜太
      • 2011年 5月 04日

      マメボーwさんいつもありがとうございます^^
      alt属性もtitle属性も大事ですね。

      確かに面倒ですねw
      でもこれが後々大きな力になると思えば、ここでの労力もなんのその、ですね!
      応援バリ感謝!

    • ハンドルネーム募集中@みなもと
    • 2011年 5月 02日

    小澤さん、こんばんは~
    いつもお世話になっています、みなもとです
    ブログに訪問&コメントありがとうございました^^

    <alt>属性大切ですね・・・
    <tile>属性も大切ですね・・・
    最近ちゃんと書いてないので
    これからはちゃんと指定します(汗)

    また勉強に寄らせていただきます(*´∇`)ノ

    応援ポチッと☆

    • 小澤竜太
      • 『脱サラプロブロガー』小澤竜太
      • 2011年 5月 04日

      源さん

      こちらこそいつもお世話になっております^^
      どちらも大事ですね。

      私も、このブログ始めてからは意識して入れていますが、前のブログまでは正直気にしてなかったです(笑)
      またきてくだされー!

  2. こんにちは、小澤さん、まえむきです。

    いつも、応援、コメント、ありがとうございます。

    ”文字情報”
    ですね。
    僕は、やってないですね。
    確かに、ユーザビリティは、間違いなくありますね。
    SEO的にも、なにもないより、テキストがあったほうがいいと思います。
    これは、いい勉強になりました。
    時間を作って、ブログに設置します。

    応援ぽち。

    • 小澤竜太
      • 『脱サラプロブロガー』小澤竜太
      • 2011年 5月 04日

      まえむきさんこんばんはー!
      ですね。ユーザビリティは間違いなくあがります。

      めちゃくちゃにキーワードを詰め込んだものはないほうがいいですが、適切なキーワードであればあったほうがいいですよね。
      応援感謝!

  3. 小澤さん

    こんばんは、KEN-Tです^^
    ブログへのコメントありがとうございますm(_ _)m

    確かに画像は判断されませんよね^^;

    って知っていながら
    今まで文字を入れていませんでした・・・。

    さすがに今は入れてるので
    Googleさんごめんなさいm(_ _)m

    では応援@KEN-T

    • 小澤竜太
      • 『脱サラプロブロガー』小澤竜太
      • 2011年 5月 04日

      KEN-Tさん

      こんばんは!こちらこそありがとうございます!

      あーわかります、面倒ですもんね(笑)
      でもこの面倒が後々響くとなればやはり入れるしかないですね(´ω`;)ゞアセアセ
      私も入れてない時があったので、googleさんごめんなさいゴメ━━━゚(ノД`゚)゚。━━━ン!!

    • A太郎
    • 2012年 12月 28日

    画像指定がないところの奴
    IEは見れたけど
    SafariやGooglechromeは?とかファイルマークになってた

  1. この記事へのトラックバックはありません。

コメントリンクを nofollow free に設定することも出来ます。

月5万円〜10万円稼ぐメール講座の登録はこちら

*マークの項目は入力必須です。
氏名* 
メールアドレス* 
確認用メールアドレス* 

管理者プロフィール

詳細はこちらからどうぞ

氏名:株式会社ディスカバリー代表:小澤竜太(長澤悠太)

出身地:福岡県

現住所:東京都港区

メールマガジンを使ったマーケティングにて、創業初年度から7000万円以上の売り上げを上げる。クライアントにもメールマーケティングの方法を提案し、売り上げをアップさせたメルマガマーケティングのプロ。

ビジネス経験の無いクライアントさんを、ネット(主にメールマーケティング)を利用して0資金で成功へ導いて来た経験も多数あり。

また、自身が販売した商材でもある”アフィリエイトディスカバリー”においても売り上げ累計7,000万円・累計販売本数6,000本突破。

小澤竜太のプロフィールと、本ブログであなたに提供したいこと

ご質問、ご相談はこちらから
お気軽にご連絡ください!

お問い合わせはこちら


情報商材 ブログランキングへ

株式会社ディスカバリー販売商品

高到達率・高機能のメルマガ配信システム

2014年度インフォトップ殿堂入り!

アフィリエイトディスカバリーが、2014年度インフォトップ殿堂入りを果たしました!

・販売から1年以上経過
・継続してから一定以上の売り上げ
・売上総額上位
・売上本数上位
・購入者のサポート対応

といった条件をクリアし、殿堂入りしました。

⇒ アフィリエイトディスカバリー・インフォトップ2014年度殿堂入りの詳細はコチラより確認!

2014年7月、大学講演会を行いました!

小澤竜太Twitter

運営サイト

メールマーケティング戦略会議室

メールマーケティングにおける売上アップ方法や、メルマガ配信システムの比較・メルマガ到達率の向上方法などを解説したサイトです。

⇒ メールマーケティング戦略会議室へ移動する

株式会社ディスカバリー公式サイト

株式会社ディスカバリーの公式サイトです。弊社商品説明や、過去開催したセミナー等の紹介も行っております。

⇒ 株式会社ディスカバリー公式サイトへ移動する

ただいま通勤中

株式会社ディスカバリー・小澤竜太と、早川渉(通称:HAYA)、山崎(通称:ネギ)の3人による、通勤中の15分間に学べるキャリアップ講座です。

毎週月曜日に更新していますので、是非お聴きください。

⇒ ただいま通勤中公式サイトへ移動する

ページ上部へ戻る