こんにちはみっくです。
今回はHTMLのaltタグについてのお話です。
alt タグは画像の説明文を記述します♪
「 alt 」はオルト(alternative)で代替(だいたい)テキストを表します。
代替(だいたい)テキストと言いましてもピンと来にくいと思いますので、置き換え文字というニュアンスでよいかと思います。もしこの画像を文字に置き換えたら、何と言うかという意味です。
<p><img src=”画像のパス” alt=”画像の説明” > </p> のような形で画像の説明文を読み込んで使用します。
画像に関しては以下の記事を参考にお願い致します。
imgタグの使い方を覚える!【1分でわかるHTML編】HTML
<p><img src="image/sample_01.jpg" alt="カラフルな野菜"></p>
ブラウザでの表示
SEOとしても効果が期待できますので、altには適度にキーワードを盛り込みましょう。
画像につけるタグでシンプルですが、付け忘れが起こりやすいという事で 、難易度は★2つレベルです。
確かに付け忘れてしまいそうです。。。
画像とともに必ず使用されますので、使用頻度は ★ 5つレベルです。
画像とセットで使うんですね!
画像に必須なタグでSEOとしても重要なタグになります。重要度は ★ 4つレベルです。
ぜひ覚えておきましょう♪
「 alt 」はオルト(alternative)で代替(だいたい)テキストを表します。
代替(だいたい)テキストとは、置き換え文字というニュアンスで、もしこの画像を文字に置き換えたら何かという意味です。
<p><img src=”画像のパス” alt=”画像の説明” > </p> のような形で画像の説明文記述します。
SEOとしても効果が期待できますので、altには適度にキーワードを盛り込むのがオススメです。
シンプルですが、付け忘れが起こりやすいという事で 、難易度は★2つレベルです。
画像とともに必ず使用されますので、使用頻度は ★ 5つレベルです。
画像に必須なタグでSEOとしても重要なタグになります。重要度は ★ 4つレベルです。
SEOも意識して説明文を付けてみましょう♪