2022 年 8 月 26 日

WordPress での画像の挿入と編集について知っておくべきこと

WordPress で画像を編集するときはいつでも、作業の効果を高める可能性のある大量の「ルール」を観察します。 適切な画像を得るために何をする必要があるかについての決定的なリストはありません。 ただし、WordPress サイトでの画像の挿入と編集について知っておくべき最も重要なことのリストをまとめました.

サイトをどこにホスティングするかは、サイト上の画像をどのように設定するかと同じくらい重要です。信頼できるホスティングプロバイダーによって適切に構築されたサイトは、常に成功の鍵となります。WordPressサイトのホスティング先をまだ検討中の方は、このホスティングソリューションをご覧ください。適切に管理されたサーバーにサイトをセットアップしたら、安心してウェブサイトの画像編集に取り掛かることができます。さあ、始めましょう。

画像を圧縮する

HTTP Archiveが行った分析によると、画像はウェブページ全体の容量の約21%を占めている。これはかなりの容量だ。問題は、高画質の画像が多すぎると、さらに容量が増加する傾向があることだ。その結果、ページが肥大化し、読み込み速度が遅くなり、Googleの検索エンジンが処理しにくくなる可能性がある。

こうした理由から、画像をブログにアップロードする前に圧縮することは、SEO対策として有効とされています。TinyPNGをはじめとするWordPressプラグインを使えば、簡単に圧縮できます。ワークステーションにPhotoshopがインストールされていれば、さらに作業は楽になります。ブログ全体で使いやすさと調整性を保つために、背景除去ツールの使用をお勧めします。

画像の品質を損なうことなくサイズを縮小できるWP Smushをお勧めします。どのプラグインを選ぶにしても、圧縮処理を外部サーバーで行うものを選んでください。これにより、サイトへの負荷を大幅に軽減できます。

次世代フォーマットを使用する

最近、GoogleのPageSpeed Insightsを使ってみましたか?もし使ったことがあるなら、「次世代フォーマットで画像を表示してください」というメッセージが表示されたはずです。

このメッセージを通して、Googleには2つの意図があります。1つは、サイトの読み込み速度を向上させる形式で画像をアップロードできるようにすること、もう1つは、画像をGoogleのオープンソースであるWebP形式に変換できるようにすることです。

WebP でアップロードされた画像は、JPEG、GIF、および PNG で見慣れている品質と同じか、それ以上ではありません。 ブロガーが利用できる形式は WebP 形式だけではありません。 同様に優れた画像圧縮機能を持つ JPEG 2000 を選択することもできます。 このような次世代フォーマットを使用すると、一石二鳥です。サイトの読み込みが速くなり、アルゴリズムが変更された場合に備えて、Google 検索の良い面に立つことができます。

キャプション付きで画像を説明する

Google は長年にわたって、画像の内容と内容を認識する能力を向上させてきましたが、その能力だけに頼るべきではありません。 Google の AI が一部の画像を誤って読み取る可能性があることに驚かれることでしょう。

幸いなことに、独自の画像にコンテキストを提供しても問題はありません。キャプションを入力してください。 テキスト キャプションは、Google 検索だけでなく、どの検索エンジンでも、サイトで起こっていることを文脈化しようとするときに非常に重要です。

さらに良いことに、キャプションは読者が記事をざっと見て、読む前にその内容を把握するのに役立つ(ニールセンは1997年には既にそれを学んでいた)。ニールセンは続けてこう書いている。

「スキャンを容易にする要素には、太字のテキスト、見出し、キャプション、見出し、目次、トピック センテンス、グラフィックなどがあります。」

KissMetricsは2012年に同様の点を指摘していた。

「写真の下部にあるキャプションは、記事本文の他の部分よりも平均して 300% 多く読まれ、スキャンされます。そのため、キャプションを誤って使用したり、まったく使用しなかったりすると、最大の部分に関与する絶好の機会を逃すことになります。あなたの将来の読者の数。」

まとめて処理する必要がある場合は、Auto image alt textのようなプラグインを使用すると作業が簡単になります。

構造化画像データの追加

構造化データは、イベント、レビュー、レシピ、さらには製品をマークアップするために使用され、Google 画像検索がこのデータを簡単に取得して検索結果に表示できるようにします。

したがって、サイトが音声起動アクション、インタラクティブなモバイル結果、スニペット、またはナレッジ グラフ内のリストに依存している場合、構造化データでマークアップされた画像とページが必要です。

構造化データとは、検索エンジンが容易に理解できるように、画像やウェブサイト全体に組み込むデータ要素のことです。これには、 Schema.orgが提供する特別な語彙を使用する必要があります。Schema.orgのライブラリは、ウェブ上の主要な検索エンジンすべてで使用されています。

構造化データを含む画像はどれほど重要なのでしょうか? サイトと画像に構造化データを組み込むことは、Google がそれらの画像をリッチリザルトとして表示することを意味します。 Google は、構造化データがページのランキングに影響を与えないことをすぐに明らかにしましたが、構造化データがユーザーが画像検索でより肉付けされたリストを達成するのに役立つことを確認しました. それ以上です。

たとえば、料理のウェブサイトやレシピ リポジトリを運営していて、画像に構造化データを組み込んでいる場合、Google Image はそれらを認識し、関連するすべての画像にバッジを追加します。 これは、特定の画像が関連するレシピに属していることを示すのに役立ちます。 Google 画像は、これらのレシピ、動画、製品の構造化データをサポートします。

Googleは、サイト所有者がGoogleのリッチ画像検索に画像を表示させたい場合に遵守しなければならない独自のガイドラインを定めています。その中でも最も重要なのは、画像がインデックス可能でクロール可能であることです。以下に、それらのガイドラインの包括的なリストを示します。

スクリーンショットを組み込む

スクリーンショットは、すでに説明したポイントを強調する強力な画像要素です。 ほとんどの場合、スクリーンショットは、ブログ投稿で述べたことを詳しく説明しています。 スクリーンショットには、通常の画像に適用される従来のルールが適用されます。他の人のスクリーンショットを使用する場合は、クレジットを表示する必要があります。 これは、スクリーンショットが他の種類のコンテンツと同様に著作権保護を受けることを意味します。

結論

そして、WordPress サイトでの画像の挿入と編集について知っておくべきことです。 画像のサイズ、アップロードに使用する形式、画像を説明するキャプションに注意してください。 構造化データの組み込みも不可欠です。

著者: メアリー・デローサ

メアリー・デローサ

著者紹介: 

イムラン・ウディン

自然言語処理 (NLP) の愛好家であれば、2 つの概念に気づくでしょう。


{"email": "メールアドレスが無効です"、 "url": "ウェブサイトのアドレスが無効です"、 "必須": "必須フィールドがありません"}