装飾画像とはどのようなもので、SEOにどのような影響を与えるのか不思議に思っていませんか？
装飾画像は、他の画像タイプとは異なる扱いが必要です。
良いニュースは、装飾画像を正しく扱うのはとても簡単だということだ。
この記事で
装飾的なイメージとは？
装飾的な画像は、関連する情報を提供しない画像です。
例えば、積み上げられた本のストックフォトは、教育関係のウェブサイトでよく見られる装飾的なイメージだ。
装飾的な画像が情報価値を高めることはほとんどありませんが、ウェブサイトのスタイルを高め、ユーザーがページを楽しむのに貢献することはあります。
例えば、文芸誌やジャーナルは、ページに視覚的なセンスを加えるために、ストック画像やカスタムイラストを使用することがあります。
ここでは、装飾的なイメージは魅力的で、主に想像力に語りかけることができる。
ノーチラス』誌の「会社概要」ページがいい例だ。宇宙の不思議への航海」を約束し、夢のようなイラストが読者を引き込む。
情報的画像と装飾的画像：その違いとは？
装飾的な画像と情報的な画像の重要な違いは、後者がページのトピックに関連する情報を提供することです。
有益なイメージの例としては、以下のようなものがある：
- 抗議活動や犯罪現場などのニュースイベントの写真。
- 記事で指摘された点を増幅させる図表。
- 記事で取り上げた場所、人物、物の画像。
情報画像は機能画像とも呼ばれる。
情報豊富な画像は、ユーザーがテキストの正確さを確認し、場合によっては、より詳細に掘り下げるのに役立つ。
しかし、ノーチラス号の例で見たように、装飾的なイメージは何の情報も伝えないというのは正しくないようだ。
しかし、装飾的な画像は、テキストにない情報を提供するものではないと言える。
この2種類の画像は、SEOにおいても扱いが異なります。
その方法と理由を理解するために、altテキストの意味を再確認してみよう。
Altテキスト（代替テキスト）とは？
Altテキストは、画像を説明するテキストです。
altテキストには2つの目的がある：
- 検索エンジンはaltテキストを読んでインデックスを作成し、画像の内容を理解するのに役立ちます。
- Altテキストは、スクリーンリーダー（障がい者が使用するデバイス）によって音声で読み上げられます。
代替テキストはaltタグとも呼ばれる。これは、WordPressのようなコンテンツ管理システムが自動的に画像に追加するHTMLのことです。
装飾画像のAltテキスト
装飾画像のaltテキストを扱うのは簡単です：空白の ままにしておくのがベストプラクティスとされています。
ここでは、フィールドが空白であることを確認する方法を説明します：
- ワードプレスにログインする
- 画像のあるウェブページに移動する。
- 次に、画像をクリックして、右側のサイドバーにあるWordPressの画像設定を開きます。
そこにAlt Textフィールドがあります。
空白のままにしておくと、altテキストを追加する必要がないことを意味します。
空白にすることで、スクリーン・リーダーは装飾画像をスキップします。なぜなら、この画像を説明しても何の価値も提供しないからです。
スクリーンリーダーが読み上げるのを想像してほしい、
- 「ウェブサイトを指さす人々
- 「装飾的な緑のイメージ」、あるいは、
- 「ウェブサイト記事のイラスト
退屈だろう？
では、情報画像に対するaltテキストの扱いがどのように異なるかを見てみよう。
スクリーン・リーダーは、障害者が使用する数多くの支援技術のひとつである。
有益な画像のためのAltテキスト
例として、アヴィナッシュ・カウシクが作成したデジタル戦略モデルに関する記事を使おう。
カウシクは有名なマーケティングの先見者である。記事は彼の仕事に焦点を当てているので、彼の写真を追加した。
そしてこれが追加したaltテキストである。"会議で講演するアビナッシュ・カウシク"。
カウシクの写真からはあまり情報が得られないので、"なぜ装飾的なイメージとして扱わないのか？"と思うかもしれない。そうかもしれない。しかし、カウシクは記事の中心です。そして、検索エンジンにこのaltテキストをインデックスさせたいのです。
そうすれば、「アヴィナッシュ・カウシク」で検索したユーザーがこの写真にたどり着き、記事をクリックするかもしれない。
それでは、SEOに影響を与える可能性のある2つの画像の問題を見てみよう。
SEOのヒント画像のファイル名とサイズ
画像のファイル名とサイズを最適化することで、SEOを向上させることができます。
まずファイル名を見てみよう。
画像ファイル名とファイルタイプ
その前に、画像ファイル名は画像ファイルの種類とは異なることを知っておきましょう。ファイルタイプは "拡張子 "として表現され、画像ファイル名の最後に自動的に表示される短いテキストです。
例：写真名.jpg
これは、ファイル名が "photo-name "で、ファイル形式がjpgであることを示している。
この画像がpng形式なら、次のようになる：写真名.png。
拡張子は、そのファイルがどのようなフォーマットであるかを示す小さな情報である。
デジタル画像フォーマットには、.webpや.svgなど多くの種類があります。この拡張子は自動的に追加されるので、それらすべてを理解する必要はありません。
画像ファイル名の最適化
検索エンジンは画像ファイル名も読み取るので、明確で説明的なファイル名にしましょう。
画像ファイル名の付け方が悪いと、このように曖昧になる：
- 1100073658.jpg
- エクササイズする男性.jpg
良い画像タイトルは、具体的で画像を説明するものでなければなりません。
たとえば、米海兵隊のブートキャンプに送られる前に、新兵がどのように体力をつけるかについての記事を書くとする。
あなたの画像には、プランク運動を練習する実際の新兵が写っています。man-exercising.jpgの代わりに、あなたの画像のタイトルをmarine-recruit-holding-plank.jpgにすることもできます。
装飾画像のファイル名は、ムードやブランド感を想起させるために使われるため、あまり具体的でないことが多い。例えば、上の装飾的なノーチラスの画像は、wonder-vehicle.jpgと呼ばれています。
芸術作品を共有する場合は、作品のタイトルが画像ファイル名として適切です。
詳しくは、画像ファイル名のSEOに関する記事をご覧ください。
注意ライセンスを取得していない画像を公開すると、高額な罰金が科せられることがあります。米国では、これらの罰金は画像使用1件につき15万ドルに達することもあります。
画像ファイルサイズ
ファイルサイズが大きいとページの読み込みが遅くなる可能性があるため、自動的に画像を最適化するWordPressプラグインの使用を検討してください。
WP Rocketのようなプラグインはインストールも使い方も簡単だ。
プロからのアドバイス：画像のファイルサイズと表示サイズは2つの異なるものです。画像サイズを小さくしても、高解像度のRetina対応画像として表示することは可能です。
ウェブページのSEO訪問者を増やす
情報量の多い画像や装飾的な画像は、サイト訪問者の興味を引くのに役立ちます。また、有益な画像のaltテキストは、検索エンジンからのトラフィックを引き付けることができます。
しかし、SEOには画像のaltテキストだけではありません。
そこで All in One SEO (AIOSEO)の出番だ。
初心者でも簡単に使えるように設計されており、SEOに必要なもの（コンテンツ以外）はほとんどすべて揃っている。
WordPress.orgで何千もの5つ星レビューを持つ定評のあるプラグインです。300万人以上のユーザーがダウンロードしています。
仕組みはこうだ。
上位表示：誰もが自分のコンテンツが上位に表示されることを望んでいるが、SEOを学ぶには時間がかかる。そこでAIOSEOが鍵となる。AIOSEOはあなたのコンテンツを分析し、SEOに最適化するために何をすべきかを的確に教えてくれる。
あなたが推薦に従って行動すればするほど、TruSEOのスコアは上がっていきます。
検索結果で見栄えよく：このプラグインを使えば、あなたのウェブページを簡単にリッチスニペットとして表示させることができる。リッチスニペットは検索エンジンに表示されるスーパーデラックスな表示と考えることができます。
標準的な検索スニペットはこんな感じだ：
そしてこれがリッチスニペットだ。
コード不要：All in One SEOは、いくつかの技術的な機能を自動的に処理します。例えば、XMLやRSSサイトマップを自動的に生成します。これらのサイトマップは、検索エンジンにあなたの変更や新しいコンテンツを知らせるためにpingを送信します。
コンバージョンの計画を忘れずに
より多くのトラフィックを得るために行動している間、ウェブ訪問者にどんな行動を取ってもらいたいかを必ず把握すること。
私たちはOptinMonsterを使って 終了意図ポップアップ.これらのポップアップは、人々があなたのウェブサイトを離れる準備をしているときに表示されます。
OptinMonsterは低コストで効果的です。
HTMLのAltテキストはどのように書かれるのか？
altテキストのHTML表現に興味のある方は、以下が参考になるでしょう。
altテキストの構文は以下の通り：
<img alt="your alt text goes here">altはHTML画像要素のプロパティであり、引用符で囲まれたものがプロパティの値であることに注意してください。
<img alt="baseball player sliding into homebase">Imgタグには画像のソース（src）（URL）も含まれます：
<img src="/baseball-player-scoring.png/" alt="baseball player sliding into homebase">altテキストフィールドが空白の場合、null alt textと呼ばれ、HTMLでは次のようになります。
<img src="/baseball-player-scoring.png/" alt="">これは空の alt属性とも呼ばれます。
ヒントウェブページのコードを表示する方法をご覧ください。
イメージに関するQ&A
画像の装飾目的、altテキスト、アクセシビリティについてご質問がおありですか？よくある質問にお答えします。
その他ご質問があれば、コメント欄にご記入ください。
背景画像は装飾画像とみなされますか？
はい、CSSのbackground-imageプロパティで定義される背景画像は、装飾的なものとみなされます。このような場合、ウェブサイトのCSSコードは通常、alt属性が常に空白になるクラスを指定します。
ウェブ・アクセシビリティとは何か？
Webアクセシビリティとは、障害のある人がWebサイト上のコンテンツを簡単に閲覧および消費できるようにするために設計された一連の技術的実践および標準です。ウェブアクセシビリティ・コンテンツ・ガイドライン（WCAG）は、ウェブ開発者のためのベストプラクティスを概説していますが、初心者は基本的なことから始めるとよいでしょう。
サイトをアクセシブルにすることがSEOに直接影響するわけではありませんが、アクセシビリティは優れたSEOと一致します。アクセシビリティに最適化されたサイトが検索結果で上位に表示される可能性があるのはこのためです。
ウェブ・アクセシビリティ・ガイドラインとは何ですか？
装飾的なイメージの後に .
この記事が、装飾画像とは何か、なぜaltテキストを空白にするのがベストプラクティスなのかを理解する一助となれば幸いです。
次に、画像SEOと、スキャン可能なコンテンツを作成するために画像がどのように役立つかを学びましょう。
この記事が役に立ったなら、YouTubeチャンネルに登録してください。他にも役立つチュートリアルがたくさんあります。また、X(Twitter)、LinkedIn、またはFacebookで私たちをフォローし、常に最新情報を得ることができます。
AIOSEOを無料で試したいですか？
AIOSEO LiteをインストールするWordPressサイトのURLを入力してください。
情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。
