alt属性とは？SEOへの効果や記述する際の注意点も解説【2024年最新版】

Webマーケティングにおいて「alt属性」は重要な意味を持つキーワードです。しかし、alt属性の存在自体は把握していても、その詳細について詳しく知らない人も多いのではないでしょうか。

そこでこの記事ではホームページ制作など、さまざまな分野の発注先を比較検討できる「アイミツ」が、alt属性について基本から解説します。SEO（検索エンジン最適化）への効果や記述する際の注意点も紹介するので、ぜひ参考にしてください。

【関連ページ】
ホームページ制作にかかる費用・相場感や、あなたの目的別にホームページ制作会社をお探しいただけます。
ホームページ作成費用と相場
SEO対策に強いホームページ制作会社一覧

alt属性とは、Webページに表示する画像を説明するための属性のことです。「alt」はalternative（代替手段）に由来します。何らかの原因で画像が表示されない場合、代わりにalt属性で指定したテキストが画面に表示されるしくみです。

Webページの表示内容を定義するHTMLファイルにおいて、画像を埋め込む場合は「img」というタグを用います。alt属性を記述する場合は、imgタグの属性の1つとして記述するのが基本です。具体的な記述方法については後述します。

alt属性は必要に応じて記述する理由として、次の2つが挙げられます。

・スクリーンリーダーで把握できるようにするため
・通信不安定時などにも画像の内容がわかるようにするため

続いては、それぞれの理由を詳しく解説します。

alt属性を記述すると「スクリーンリーダー」で画像の内容を把握できるようになります。スクリーンリーダーとは、画面に表示された情報を音声データなどに変換できるソフトウェアのことです。

通常、視覚障害を持つ人がWebサイト上の画像データを把握することは容易ではありません。その点、alt属性に画像の説明が記述されていれば、スクリーンリーダーが読み上げることで画像の内容を把握できます。ユーザーの利便性を高めることで、より多くの人がWebサイトを利用しやすくなるでしょう。

通信が不安定な環境など、Webサイトの画像が正しく表示されないケースも考えられます。重要な画像が表示されないと、コンテンツの流れがわからなくなってしまうでしょう。

このような場合にalt属性が記述されていると、本来画像が表示される部分に代替テキストが表示されます。画像の説明がわかりやすく記述されていれば、画像が表示されなかったとしても内容を把握しやすいです。画像の内容をユーザーに伝えられることで、サイトを離脱するリスクを減らせるでしょう。

alt属性を設定することは、SEO（検索エンジン最適化）の観点でも効果的な取り組みといえます。画像の内容を検索エンジンに伝えられることで、検索の表示順位アップにつながりやすくなるためです。

検索エンジンの表示順序を決める上で必要な情報を収集するために、「クローラー」というロボットが世界中のWebサイトを日々巡回しています。しかし現状のクローラーは、画像データの中身を細かく判断することはできません。

その点、alt属性はテキストデータのため、クローラーでも画像の内容を把握することが可能です。その結果、画像検索でコンテンツ内の画像が上位表示される可能性が高まります。また、コンテンツの流れに沿った画像の説明が記述されていれば、コンテンツ全体の評価アップにもつながりやすいでしょう。

「自社にあった会社が見つからない」「会社選びに時間が割けない」とお悩みの方は、お気軽に「アイミツ」にお問い合わせください。数あるホームページ制作会社からあなたの要望にあった会社をピックアップして無料でご紹介いたします。

前述したように、alt属性は画像を埋め込むimgタグ内で記述します。基本的な記述方法は、下記のとおりです。

<img src="画像URL" alt="画像の説明">

src属性に画像が格納された場所（URL）を記述し、alt属性に画像の説明を記述します。このように記述することで、指定URLにある画像の説明としてalt属性の内容が適用されます。alt属性には、画像の内容に合っていてわかりやすい説明を記述しましょう。

alt属性を記述する際の注意点は下記3つです。

・キーワードを詰め込みすぎない
・すべての画像に記述する必要はない
・「～画像」と記載するのはNG

1つずつ、順番に解説します。

検索上位を狙いたいキーワードを、alt属性に詰め込みすぎるのは良くありません。必要以上のキーワードが含まれていると、サイト訪問者が見る際に画像の内容が伝わりづらくなってしまいます。

また不自然にキーワードを詰め込むと、スパム行為として検索エンジンからペナルティを受ける恐れもあるため要注意です。ペナルティを受ければ、当然ながら検索結果に表示されなくなってしまいます。alt属性に入れるキーワードは、必要最小限にとどめましょう。

alt属性をすべての画像に記述する必要はありません。alt属性は、画像が表示されないとコンテンツの流れがわからなくなる場合において必要です。一方で、コンテンツにおいて特別な意味を持たない背景画像などの場合、alt属性を設定する必要はありません。

ただしimgタグにおいてaltは省略できない属性です。そのため「alt=""」のように画像の説明を入れない記述としましょう。

alt属性に「～画像」という記載は基本的に必要ありません。alt属性が画像の説明である以上、それが画像であることは明らかです。

意図していなかったとしても、検索エンジンに「画像」がキーワードと認識されるケースがあります。「画像」というキーワードがないと説明できないようなケースを除いて「～画像」という表現は避けましょう。

当然ながら、Googleなどの検索エンジンは、alt属性だけでコンテンツを評価しているわけではありません。WebサイトやWebページの評価を上げるためには、ほかにも多くのSEOに関する知識が必要です。

SEOで成果を上げるのであれば、ホームページ制作会社に依頼することをおすすめします。豊富な知識を持つSEOのプロに依頼すれば、検索上位表示を狙えるWebサイトやWebページを制作できるでしょう。

ホームページ制作会社を探す際には、さまざまな要素で発注先を比較検討できる「アイミツ」がおすすめです。アイミツがおすすめするSEOに強いホームページ制作会社を知りたい方は、次のリンクをご覧ください。

つづいては、ホームページ制作にかかる費用相場をご紹介します。ホームページ制作の価格は、依頼する内容やページ数、機能により大きく変わります。具体的な費用目安は以下の通りです。

ホームページ制作の費用相場をご紹介しました。より正確な費用を知りたい方は料金シミュレーターをご利用ください。

この記事では、alt属性について詳しく解説しました。alt属性とは、Webページに表示する画像を説明するための属性のことです。サイト訪問者や検索エンジンに画像の内容を伝えられるメリットがあり、SEOにおいても重要な意味を持ちます。

ただし、alt属性以外にもコンテンツ制作において対策すべき事項は多く、豊富な知識がないと効果的なSEOは行えません。SEOに精通した人材が社内にいない場合、プロのサポートを利用するのが確実です。自社にノウハウがなくとも、SEOに強いホームページ制作会社であれば、安心して依頼できるでしょう。

アイミツではご要望を伺った上で、条件に合うホームページ制作会社を無料で複数社ご紹介可能です。会社選びでお困りの方は、お気軽にご相談ください。

【相談前にまずは会社一覧を見たいという方はこちら】
SEO対策に強いホームページ制作会社一覧