■alt属性がよくわからない

必要最低限のことだけ書いておくことにします。
下記以上のことをお知りになりたい方は、【ホームページ　作成】【初心者 HTML】【ホームページ 作り方】などで検索してみてください。


まず、ホームページを製作するには【HTML】という文法を使います。
HTMLでの表記でリンクすることを指すタグは「a」です。
そして画像を指すタグは「img」です。
alt属性とは、画像が何を意味しているかを説明するタグです。リンクした時に、alt属性が入っていれば、テキストリンクと同じような意味合いを持たすことができます。


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


<a href="リンクするURL" target="_blank"><img src="画像の名前" width="88" height="31" border="0"></a>
と上記のようにタグを挿入した場合、画像にリンクしたいURLへリンクを挿入した形になります。
※リンクする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】の文字がバナーから表示されましたよね？下記は出ないはずです。
※ネットスケープなど一部のブラウザでは表示されないこともあります
これが、alt属性の効果です。


な〜んだ、これだけのことか。と思うかもしれませんが、検索エンジンのクローラーは、バナーを見ることができません。ですから、バナーにalt属性を挿入することにより、どういう画像が張られているかを認識します。そしてリンクにalt属性を挿入した場合、テキストリンクと同じように、「○○○」というサイトにリンクしているのだな。と認識するのです。
これをすることにより、SEOが高まるということです。
※SEOについてもっと知りたければ、検索でSEO、SEO対策などで調べてみてください。いろいろ記載されているサイトがあります。


なお、ホームページビルダーを使用している方の場合、貼り付けたい場所に画像を挿入します。そして、画像の上で右クリックして「リンクの挿入」→「URLへ」タブをクリック→「URL」と書かれたボックス内にURLを入力します。
新しい画面で開きたい場合は、「ターゲット」という項目の右側の矢印をクリックして「新しいウィンドウ」を選択すると、自動的にリンクタグが挿入されます。これで、画像にリンクが張られました。
次に、画像の上で右クリックをし、「属性の変更」→「代替テキスト」という項目がありますので、そこに「検索エンジン【WODGE】」と挿入すれば、自動的にalt属性が挿入されます。




下記がalt属性を挿入する時のタグ例です。ただし、下記のタグを貼り付けても、画像は表示されません。URL、画像名、alt属性に挿入したい語句を、記載後にご使用ください。
当サイト指定のリンクタグを挿入すると、自動で表示されるようになります。詳しくは、「リンクについて」のページをご覧下さい。
※下記はミニバナーをベースに制作しておりますので、サイズ変更したい場合、「width="88" height="31"」の部分を変更してください。widthが横幅、heightが縦幅になります。

<a href="リンクしたいURL" target="_blank"><img src="画像の名前" width="88" height="31" border="0" alt="alt属性を挿入する語句"></a>

△このページのTOPへ戻る