- 検索エンジン【WODGE】ディレクトリ - 検索エンジン【WODGE】Links - 郵便番号 検索 - 旅の宿 -
検索エンジン/検索サイト
検索サイト・検索エンジン【WODGE】
検索エンジン【WODGE】は、あなたのネットライフを応援します。
WODGE Google Yahoo!
| WODGE概要 | サイトマップ | ヘルプ | 利用規約・免責 | 問い合わせ |

alt属性がよくわからない

FAQ > WODGEカテゴリ > 登録申請前に関連する質問 >

[ alt属性がよくわからない ]

回答
必要最低限のことだけ書いておくことにします。

下記以上のことをお知りになりたい方は、
  ホームページ 作成
  初心者 HTML
  ホームページ 作り方
などで検索してみてください。

まず、ホームページを製作するには【HTML】という文法を使います。

HTMLでの表記でリンクすることを指すタグは「a」です。
そして画像を指すタグは「img」です。

alt属性は、画像が何を意味しているかを説明するタグで、画像を認識できないブラウザでも何の画像か識別ができるようになります。

もしも、画像がリンク切れの場合は、画像を表示できるブラウザでも画像部分に文字列として表示されます。

リンク時に、alt属性があれば、画像がテキストと同じ意味合いを持ち、リンク先がどういうページなのかを判断できるようになります。

まず、画像を使ってリンクするためのタグ例です。

<a href="リンクするURL" target="_blank"><img
src="画像の名前" width="88" height="31" border="0"></a>

上記は、表示する画像にリンクをつけた状態になります。

※リンクするURLとは、リンク場所から移動したいページのことです。
例:index.html
例:http://www.wodge.biz/
※画像の名前は自分で保存した画像名に変更してください。
 例:wodge.gif


では、次にalt属性についてです。

リンクするURL例:http://www.wodge.biz/
画像名:wodge.gif
alt属性として挿入したい文字例:検索エンジン【WODGE】

だとします。
上記に書きました、リンク記載例を使用して、リンク貼り付けをします。

<a href="http://www.wodge.biz/" target="_blank"><img
src="wodge.gif" width="88" height="31" border="0"></a>

これだけでは、alt属性は入っていない状態です。
では、alt属性を挿入してみましょう。

<a href="http://www.wodge.biz/" target="_blank"><img
src="wodge.gif" width="88" height="31" border="0"
alt="検索エンジン【WODGE】"></a>

となります。
alt="検索エンジン【WODGE】"
が新しく加わりました。
これだけでalt属性は挿入された形になります。
※最下部にタグ例を記載しております。

では、alt属性が挿入されると、どうなるか?について書きます。
下記のバナー2つに1個ずつマウスを少しの間、乗せてみてください。
上記のバナーがalt属性が入っているバナー。
下記のバナーはalt属性が入っていないバナーです。

検索エンジン【WODGE】



上記バナーは検索エンジン【WODGE】の文字がバナーから表示され、下記バナーは出ないはずです。
※FireFoxなど一部ブラウザでは表示されないこともあります
これが、alt属性の効果です。

検索エンジンのクローラーは、バナーを見れないので、バナーにalt属性を挿入すると、何を意味する画像か認識できるようになります。

つまり、テキストリンクと同じように、「○○○」を意味するページにリンクしていると認識するのです。
これをすることにより、SEOが高まるということです。
※SEOの詳細は、検索でSEO、SEO対策などで調べてみてください。いろいろ記載されているサイトがあります。

なお、ホームページビルダーを使用している方の場合、

  貼り付けたい場所に画像を挿入
    ↓
  画像の上で右クリック
    ↓
  リンクの挿入
    ↓
  「URLへ」タブをクリック
    ↓
  「URL」と書かれたボックス内にURLを入力

で、リンクが貼られます。
新しい画面で開きたい場合は、

  「ターゲット」という項目の右側の矢印をクリック
    ↓
  「新しいウィンドウ」を選択

とします。
これで、画像にリンクが張られました。

次に、alt属性の挿入は、

  画像の上で右クリック
    ↓
  属性の変更
    ↓
  代替テキストの項目にalt属性で指定する文字列を入力

で完了です。


下記がalt属性を挿入する時のタグ例です。
ただし、下記のタグを貼り付けても、画像は表示されません。
URL、画像名、alt属性に挿入したい語句を、変更してご使用ください。

当サイト指定のリンクタグを挿入すると、自動で表示されるようになります。
詳しくは、「リンクについて」のページをご覧下さい。
※下記はミニバナー用に制作しております。サイズ変更したい場合、
  width="88" height="31"
の部分を変更してください。
widthが横幅、heightが縦幅になります。


関連する質問集
Copyright © 2017 検索エンジン【WODGE】 All rights reserved