画像に付けるalt属性とは?SEOおける適切な記述方法2020.04.07.ホームページ制作PRWebサイトには、様々な画像が表示されています。その画像一つ一つには「alt属性」と呼ばれるテキスト情報が設定されています。今回はそんな画像に付ける「alt属性」の役割について説明をしていきます。まとめalt属性とはalt属性とは「代替テキスト」、「altタグ」と呼ばれ画像の代わりとなるテキスト情報のことで、img要素プロパティ(属性)の一つです。何らかの理由で画像が表示されない時など、alt属性に設定した文字が代わりに表示されます。その他に画像検索の時やページの読み上げ機能を使う場合にもalt属性が利用されるため、適切なテキスト情報を入力しておく必要があります。そのためalt属性とは、その画像が何を表しているのかをユーザーや検索エンジンに伝えるためのテキストになります。alt属性の効果と目的alt属性に適切なテキスト情報を入力することでユーザーや検索エンジンに親切なサイトになります。Google公式サイトにalt属性について以下のように定義されています。属性の説明を入力します。「alt」属性を使用すると、何らかの理由で画像を表示できない場合の代替テキストを指定できます。テキストの有用性を示すイラスト。属性の内容が画像についての情報を提供するためです。テキストと同様に扱われることです。テキストリンクで同じ目的を果たせる場合は、サイトのナビゲーションに画像を使いすぎることはおすすめしません。画像検索のような画像検索プロジェクトが画像を適切に理解しやすくなります。ヘルプSEOの観点からalt属性の代替えテキストを設定することは、きちんと設定する必要があります。alt属性とtitle属性の違いalt属性とよく似た要素でtitle属性があります。alt属性は、img画像の代替テキストで簡素な画像の情報を記述するに対して、title属性はimg要素以外にも使いことができるのが特徴です。title属性を設定するとカーソルを合わせると吹き出しが表示されます。title属性はユーザービリティを配慮した補足説明を示してくるのが特徴です。alt属性とtitle属性は同じテキストをいれるのではなく、それぞれの役割をもったテキスト記述するようにしましょう。alt属性の文字数alt属性には決まった文字数制限はありませんが、Googleが公開している検索エンジン最適化(SEO)スターターガイドでは「簡潔な文言で記述する」alt属性が適しているとされています。テキストは短くてわかりやすいものが適しています。ヘルプこのように、alt属性に長い文書をコピーて張り付けたり、キーワードを羅列することはGoogleのガイドラインの「簡潔な文言で記述する」とかけ離れることになるので避けるべきです。画像にalt属性がきちんと記述しているかを調べる方法として一つは「ソースを確認する」方法があります。src」をソース内の検索にかければalt属性が記述されているかを確認することができます。viewer」を使うことによってalt属性を調べることができます。Chrome右上に「Alt」アイコンが表示されるので、アイコンをクリックするとalt属性が設定されているか調べることができます。HTML5におけるimg要素のalt属性HTML5のではalt属性の仕様が厳密に定義されています。alt属性には「、前後の文脈を繋げることのできる画像の説明を記載して、補足のような短い説明はtitle属性で指定し、装飾などの装飾画像には空白を指定するようになりました。スマートフォン、タブレットの普及によって様々な環境で見られるようになっためHTMLの仕様も少しづつ変化しています。まとめいままでの記事でもSEOについて説明してきましたが、今回はalt属性について説明してみました。alt属性を正しく適切に記述することでユーザーだけでなく検索エンジンにも正しい情報が伝わり優しいコンテンツになります。SEOにおいても効果的な適切なalt属性を設定することで検索順位が向上することもありますので、一度自社サイトのalt属性を見直してみてはいかかでしょうか。大阪のホームページ制作会社TREVOでは、ホームページ制作に関する情報を掲載しています。最短2日で仮サイトを公開するサービスやSEO対策に特化したホームページ制作、オリジナルホームページデザイン、ライティング、リスティング広告、WEBマーケティングなどのサービスをご紹介しています。3DCG制作の専門学校を卒業後、デザイン会社に就職。デザイン会社では主にWEB制作を担当し、旅館の予約システムや商店街にWEBカメラを設置したプロモーション等を展開し、4年後に転職。運用2021.02.25小さい画像でも効果はあります。favicon(ファビコン)は設定しようWEBブラウザでホームページを見ているとWEBブラウザのタブに画像が表示されています。コンテンツ企画のポイント2024.08.09効果的なブログコンテンツの作成術ブログは、誰でも始められる強力なコミュニケーションツールです。効果的なブログコンテンツを作成するためには、初心者でも実践できる具体的な方法が必要です。[...]板浪雅樹ガジェット2016.03.22移動中にwindowsタブレットでブログ記事を書く移動中と言っても、帰社する時に25分程電車で座る時間でブログ記事を書けないかと思っていました。移動中にwindowsタブレットでブログを書こうと思うと、キーボードが画面の半分~三分の一ぐらい専有してしまいます。[...]TREVOWPホームページ制作2020.01.29Googleのデスクトップ検索のデザイン変更を撤回1月中旬にGoogleのデスクトップ検索結果にファビコンが表示されていましたが、広告と検索結果の区別がつきにくいとの批判があったため、Googleが変更する方針になりました。Reserved.0120-83-8567お見積り。