ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

Homeウェブデザイン基礎講座 > タイトルタグの使い方

タイトルタグの使い方

投稿日:2006年6月20日   レベル:初級    ソフトウェア:DreamWeaverGoLiveFrontPage



「タイトルタグ」はあなたのサイトにとって秘密兵器のような存在ですが、多くの会社がその有用性に気付いていません。これらのタグはあなたの情報を検索エンジンが引き出すのを助けるのです。

最後の、私のトピックではメタタグについて話しました。そこでは、メタタグに埋め込むキーワードを、あなたのウェブサイトの中で実際に使われている言葉から選ぶ重要性について紹介しました。

ここでは、もう1つのタイトルタグを含む、重要なウェブサイトの最適化について話していきます。

イメージへのタイトルタグ

“Googleのイメージ検索”は近頃、多くの人に知られ、利用されていますよね。みんな、イメージを検索するのがとても好きなようです。あなたのビジネスに関係した、イメージを検索にかかりやすくするにはどうしたらよいのでしょうか?

あなたが、車を売っているとしましょう、サイトの販売車種リストが”Googleイメージ検索”にかかればうれしくないですか?ネット閲覧者がより、あなたのサイトを発見しやすくなります。

コツその壱 イメージに有効なタイトルをつける際に

タイトルを作成したり、”Alt”属性を有効にすれば、検索エンジンにそのイメージが何に関するモノなのかということを知らせます。

前に触れたように、検索エンジンはあなたのサイトを通り過ぎるロボットに他なりません。イメージをじっと見るようなことはありません、コードを読んでいくだけなのです。

タイトルを付けたり、Alt属性をイメージに埋め込むことは検索エンジンに対して、イメージを読み取らせ、サイトランキングの向上に有効となるでしょう。

ここに例を載せておきます・・

100_101_030_1.gif


そのコードはこのようになります:

<a href="#"><img src="../../../example_image.gif" alt="Here's An Example Title" height="139" width="119" border="0"></a>

コツその弐 イメージリンクを考慮するなら:

イメージにほかのページへのリンクを貼るときは、イメージにあなたのサイトの内容を十分に説明した名前を付けましょう。

例.このページにリンクしたイメージリンク!

100_101_030_2.gif


1.このページ“Using Title Tags”へのリンクを貼っています。
2.イメージボタンの名前は“using_title_tags.gif”としました。
3.イメージのタイトルは“Using Title Tags”としました。

これら全てのステップによって、検索エンジンはイメージの正確な意味を読み取ることができます。これらのステップを経ていくことは、労力を要することだとは思いますが、結果としてセールスの向上を実感できると思います。苦労なんて忘れてしまいますよ!

これがイメージのためのコードです・・

<a href="http://www.smartads.info/articles/se/using_title_tags.html"><img src="../using_title_tags.gif" alt="Using Title Tags" height="24" width="135" border="0"></a>

3つの“キーフレーズ”があることに注目してください。これらによって検索エンジンがイメージの内容を読み取ることができるのです。

1.(a herf= )-他のページへのウェブリンクコマンド
2.(img src= )-イメージの場所と名前
3.(alt= )-イメージのタイトル

今回学んだことを復習しましょう・・

‐検索エンジンは“メタタグ”と“ウェブページの内容”を見るロボットである
‐メタタグは 1)タイトル 2)説明 3)キーワードを含むこと
‐メタタグはページの内容をなにより反映していること
‐ウェブリンクにはサイトに関連したタイトルを付けること
‐より多くの訪問者を獲得するためには、イメージに関連した“Alt属性”を付けること

引用:Web Design Library著者:Martin Lemieux翻訳:atuk



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング