メンズエステ ホームページ基礎知識

画像タグ(イメージタグ)について [ホームページ基礎知識]

こんにちは、ホームページ制作のメンズエステ ホームページ専科 福岡です。

今日は画像タグについて書きます。

自身で撮った写真やPhotoshopやIllustratorなどで制作した画像を貼る場合はタグを使用します。

<img src="https://○○○.com(画像のURL)" alt="画像説明テキスト" width="800(画像の横幅)" height="150(画像の縦幅)" >

「src」が表示する画像ファイルを指定します。(表示するには、画像を事前にアップロードする必要があります。)
「alt」 画像の説明。
「width」は画像の横幅をピクセル、パーセンテージで指定します。
「height」は画像の高さをピクセル、パーセンテージで指定します。

「alt」で入力したテキストは画像には表示されないのになんで必要なの?と思われますが、altを記述すると、検索エンジン(GoogleやYahooなど)にコンテンツの内容を正確に伝えられるというメリットがあり、画像検索において上位表示を狙う場合には重要な要素です。
また、画像検索結果で表示されるので、メリットといえます。

ホームページを制作する上で、必要なタグなので覚えておきましょう。

それではまた次回!