ウェブサイト検索

WordPress 画像 SEO の間違いとその修正方法


  1. <スパン>1. WordPress 画像管理の究極ガイド
  2. <スパン>2.あまり知られていない WordPress の画像管理の 3 つのヒント
  3. 3.現在読んでいる記事: WordPress 画像 SEO の間違いとその修正方法

適切な画像 SEO 戦略を導入しなければ、過去 2 つの記事で学んだことはすべて無駄になってしまいます。画像 SEO は SEO 戦略全体で重要な役割を果たしており、チュートリアルを共有するサイトにとっては非常に重要です。画像の名前が不適切でなかったり、「alt」タグがなかったり、さらに悪いことに、別のサーバーでホストされていた場合に失われるすべてのトラフィックを考えてください。

WordPress 画像 SEO の間違い

画像 SEO に関する主な間違いを確認し、適切な対策を推奨します。

関連画像を使用していません

ロナルドとその仲間たちに会う

あなたとあなたの友人が、次の旅行にどの交通手段を利用するかについて真剣に話し合っているところを想像してください。州間バスと飛行機はどちらも良い選択肢のように思えますが、予算と時間の議論で行き詰まっています。ロナルドとジェレミーが率いる 2 つのチームがあります。ロナルドは金曜日の会議のスケジュールを変更する必要がないように飛行機に乗りたいと考えています。一方、ジェレミーは母なる地球の崇拝者で、州間バスの旅の先にある美しい景色を楽しむために会議のスケジュールを犠牲にすることを厭いません。もちろん、旅行グループのメンバー全員がどちらかの側を選びます。10 時間の長旅を望まない人たちは、ロナルドとともに戦います。母なる自然の美しさを鑑賞したい他のチームは、バスに乗ることが絶対に必要であると考えています。

双方とも、相手に自分の側につくように説得するために最善を尽くしています。二人の人生で最も批判的な議論の一つに見えたさなか、ロンは次のような言葉を口にしてしまうという間違いを犯した。

ロン: 皆さん、私はどちらの交通手段でも大丈夫です。週末の間、誰が私の猫の子守をすべきでしょうか?
ジェレミー:何?エミリーのところに置いておいてもいいよ!待って、なぜこのことについて議論するのでしょうか?
ジェレミーのチームの男性: ええ、重要な会話の途中だということがわかりませんか?
ローランドのチームのガイ: さあ、おい!
ローランド:なんてことだ、ロン!私たちが危機の真っ只中にいることがわかりませんか?
ロン (少しびっくりして):分かった、分かった、サラをエミリーに預けるよ。へー
集団的に:くそー、ロン!あなたはいつもこれをやっています…

そして議論が再開される。

今はロンになりたくないですよね?それは関連性も同じです。画像は千の言葉に匹敵します。しかし、注意しないと、別の思考の流れで相手の注意を失ってしまう可能性があります。

あなたはおそらく今頃ニューヨークのことを考えているでしょう

投稿に画像を追加する際の最初のルールの 1 つは、 アイデアを伝える方法を強化することです。画像は価値を提供するように設計されています。

そのため、WPExplorer のチュートリアルにはスクリーンショットが満載されており、テーマ リストでは各テーマの最良の部分/デモの表示に重点が置かれています。

この値は、(a) 本質的に有益である、(b) 視覚的または感情的な影響をもたらす、または (c) 両方の混合である可能性があります。最良の画像は、ほとんどの場合、3 つを組み合わせたものです。

Github のランディング ページの例 – 作業デスクに座る開発者のイラスト

とはいえ、画像を追加するために画像を使用する意味はありません。このような行為は多くの場合逆効果です。一方、適切な画像はコンバージョンに何倍ものメリットをもたらす可能性があります。

上のスクリーンショットは、Github の多数のランディング ページのうちの 1 つです。画像を調べてみましょう。まず、この画像が実際にはベクター イラストであることがわかります。このイラストはあらゆる人種/民族の壁を乗り越えます。さらに、ページ全体の配色と調和する青色は、潜在意識によるプロファイリングを無効にします。画像を正しく使用し、素晴らしいコピーと CTA を組み合わせて優れたランディング ページを作成する優れた例です。

画像ファイル名に集中していない

わかります。質の高いチュートリアルを作成するのは大変な作業です。各ステップは明確に文書化する必要がありますが、読者が知性への侮辱と受け取るほど説明的ではありません。

1800 ワードのチュートリアルに取り組み、12 枚以上のスクリーンショットを取り上げた場合、説得されてスクリーンショット 1、スクリーンショット 17 などの名前を使用するのは非常に簡単です。

しかし実際には、それはSEOに大きなダメージを与えます。

WordPressのパーマリンク設定

考えてみてください – 誰かが上記の画像にリモートで関連するものを検索している場合、その人は「スクリーンショット-1」または「イメージ-1」を使用するでしょうか、それとも「パーマリンクをオフにする方法」を検索する可能性が高いでしょうか。 WordPress 」

これに関連して、画像 SEO に 100% の力を注ぎたい場合は、画像にも TITLE 属性を追加します。この TITLE タグの値は、画像のファイル名になる可能性があります。

ALTタグを定義していません

ALT タグは、画像の代替テキストを表します。寸法、優先度などに関係なく、すべての画像で使用する必要があります。 ALT タグは簡単に言えば、画像の説明です。あなたのイメージは文字通り何を表していますか?

ALT タグは、検索エンジンが画像をクロールするために使用します。画像をレンダリングできない場合は、代わりに画像の ALT タグが使用されます。 ALT タグは、視力を失った人のためのスクリーン リーダーでも使用されます。

たとえば、前のスクリーンショットの ALT タグまたは説明テキストは次のようになります。

Screenshot of the WordPress dashboard showing the permalinks settings, with the default option checked.

詳細な ALT タグを書くのは本当に面倒なことですが、努力は報われます。残念ながら、ALT タグの最適化によるオーガニック トラフィックの増加を示す最近の研究は見つかりませんでした。そのほとんどはフォーラムでのコメントです。そのような研究を見つけたら、ぜひ私たちと共有してください。

TITLE タグと ALT タグにキーワードを詰め込んでいます

キーワードの詰め込みは基本的に、ラストマイルの SEO 効果を得るために人気のあるキーワードをすべて追加するようなものです。しかし、実際には、十分に油を塗った製造中の車に低品質のオイルを使用しているようなものです。 Google は日々賢くなっています。つまり、Google はユーザーがいつそれを改ざんしようとしているかを認識しています。結果?あなたの SEO はペナルティを受けます。

キーワードを詰めた ALT タグの典型的な例は次のとおりです。

Screenshot of the WordPress dashboard showing the permalinks settings, with the default option checked BEST FREE AND PREMIUM WORDPRESS THEMES WPEXPLORER

私のアドバイスは?近道をしないでください。 ALT タグを定義するために熱心に取り組んできました。その成果は必ず後から現れます。

画像キャプションを使用していません

ALT タグと TITLE タグについては、読者や訪問者には実際には見えないということです。検索エンジンはそれを歓迎しますが、記事を読んでいる私は、代替テキストを表示するために画像の上にカーソルを置くことはありませんし、ましてやファイル名を確認するために新しいタブで画像を開くことはありません。 (もちろん、画像を保存する場合は、わかりやすいファイル名を付けておくと便利です。)

ALT タグと TITILE タグは、SEO にとってどれほど重要であっても、訪問者の読書エクスペリエンスにおいて実際には大きな役割を果たしていないことがわかっています。

ここでキャプションが登場します。Kissmetricsの調査によると、画像のキャプションは実際のボディコピーよりも300%多く読まれることがわかりました。それは予想をはるかに超える目玉です。

レスポンシブデザイン。これは画像キャプションの例です。

キャプションがキャッチーであれば、読者が最後まで読み進めて、あなたの言いたいことを読んでくれる可能性が高くなります。次のように考えてみましょう。

  • TITLE タグは画像ファイルの簡潔なファイル名です。
  • ALTタグは画像の内容を説明的に記述するものです
  • キャプションは読者向けです。これは、訪問者の読書体験を向上させるために設計された TITLE タグと ALT タグを組み合わせたものです。

画像サイトマップを送信していません

Web サイトは基本的に、相互リンクされた HTML ページの集合です。サイトマップは、Web サイトのすべてのページがどのように構成されているかに関する情報を含む文書です。これらには通常、Web サイトの画像に関する情報は含まれません。

ここで画像サイトマップが役に立ちます。Udinra All Image Sitemap は、この仕事に最適なプラグインです。このプラグインは、NextGen Gallery や Envira Gallery などの画像スライダー プラグインをサポートしています。 WooCommerce、Easy Digital Downloads などの e コマース プラグイン、および Visual Composer、Site Origin などのページ ビルダー プラグイン。

画像パフォーマンスの最適化

サイトの全体的なパフォーマンスは SEO において重要な要素です。パフォーマンスの最適化に関しては、完璧なものはありません。常に改善の余地があります。最近の例として、Google がロゴを 14,000 バイトから 305 バイトに削減し、今も進化し続けている例を考えてみましょう。

以下は、以前の投稿で共有した画像最適化のヒントをいくつか示します。

画像を最適化していない

  • 画像を最適化する最良の方法の 1 つは、TinyPNG などのツールを使用してファイル サイズを削減し、最適化することです。
  • また、すべての画像の最大サイズを定義し、最大サイズよりも大きいすべての画像のサイズを変更する必要があります。
  • ただし、上記の作業を始める前に、 画像を保存するための正しい形式を学ぶ必要があります。

これはすでに導入されていると思います。そうでない場合は、最初の投稿を読んでください。これが私たちが話しているすべてです。

レスポンシブ画像を使用していません

私たちは皆、レスポンシブな Web サイトを使用しています。この時代では、モバイルフレンドリーなウェブサイトを持つことは非常に重要です。そうしないと、SEO スコアは言うに及ばず、顧客を失う可能性があります。 (はい、ウェブサイトがモバイルフレンドリーでない場合、Google は実際にペナルティを課します。)

次に、レスポンシブ画像について説明します。 WordPress 4.4 では、レスポンシブ画像プロパティがデフォルトで有効になっています。画像をアップロードすると、WordPress はさまざまな画面サイズに合わせて複数のバージョンを作成します。

レスポンシブ画像の新しいサポートにより、WordPress は画像の利用可能なすべてのサイズを srcset 属性に含めます。これにより、Web ブラウザがオプションから選択し、デバイスの画面サイズに基づいて最適な画像サイズをダウンロードできるようになります。ブラウザーは他のものを無視します。これにより、処理中の帯域幅が節約され、ページの読み込み時間が短縮される可能性があります。

何らかの理由で WordPress 4.4 に更新していない場合は、RICG Responsive Images プラグインを使用して同じ機能セットを取得します。最新バージョンの WordPress を使用している場合、実際にはこのプラグインは必要ありません。

無料の CDN を使用していません

パフォーマンスを向上させる 2 番目の方法は、非常に人気のある Jetpack モジュールの Photon などの無料の CDN を使用することです。私たちが Jetpack を愛する理由はたくさんありますが、Photon はそのうちの 1 つにすぎません。 Photon とは何なのかと疑問に思われた方は、WordPress の無料の画像 CDN サービスです。 Jetpack の Photon モジュールは、サイトからすべての画像を取得し、WordPress.com のグローバル コンテンツ配信ネットワークに保存します。画像はサーバーからオフロードされ、より速くロードされ、帯域幅のコストが節約されます。他に何が欲しいでしょうか?

画像をロードするのが面倒ではありません

臭い猫、怠惰な猫、彼らはあなたに何を食べさせますか?

遅延読み込みを有効にすると、画像はビューポートに表示されるときに読み込まれます。たとえば、WordPress に最適なポッドキャスティング ソリューションに関する 2,000 ワードの記事を読んでいるとします。記事の最後に到達するまですべての画像を見る必要はありません。遅延読み込みを有効にすると、読み込み時間が大幅に短縮され、あなたと訪問者の両方の帯域幅が節約されます。

BJ Lazy Load プラグインがその答えです。アクティブなインストール数が 50,000 を超えるため、間違いはありません。プラグインをダウンロードして有効にすると、ワンクリックで魔法が始まります。

ただし、その一方で、イメージの遅延読み込みに関しては、潜在的な落とし穴がいくつかあります。注意しないと、SEO スコアに悪影響を及ぼす危険があります。推奨プラグインを使用すれば問題は解決しますので、ご安心ください。また、他の遅延ログイン プラグインを使用する場合は、Web サイト用の Fetch as Google を試して、すべてのコンテンツが検索エンジンによって適切にクロールされることを確認してください。

画像の使用に関するいくつかのヒント

以下のヒントは間違いではなく、コンテンツの品質を向上させるための一般的なガイドラインであると考えてください。

ジェネリックストック写真は避けてください

この画像を見たとき、最初に何が思い浮かびますか?

[お問い合わせ] ページで、カスタマー サポート エグゼクティブがあなたに微笑んでいる同じ画像ほど不快なものはありません。または、会社概要 またはさらに悪いことに、 参加 ページにモデルの明らかなストック写真が表示されます。誰もがそれらに慣れているので、ほとんど瞬時にそれを認識できます。見込み客や顧客に連絡してもらいたい場合は、優れたサポート チームの写真を公開するか、シンプルなものにするかにかかわらず、便利な問い合わせフォームを作成してください。ただし、(神への愛のため)「会社概要」、「参加」、または「お問い合わせ」ページでストック画像を使用しないでください。今日、それらは間違いなく利益よりも害をもたらすでしょう。

可能な場合は GIF を使用する

4chan から 9GAG に始まり、すべての主要なソーシャル ネットワーク (はい、Facebook と Twitter をよく見ています) に至るまで GIF の人気が高まっているため、GIF とそれをサポートするキーボードが増えています。 GIF が今後も存続するという事実は否定できません。投稿で GIF を使用することを検討している場合 (そしてその事実に同意している場合)、GIPHY は良い GIF 画像を見つけるのに最適な場所です。

ライセンスは慎重に使用してください – #CC0

彼らは, 人はあまり注意しすぎることはできないと言います。いいえ、終末後のバンカーの建設を始めろと言っているわけではありません。ただし、イメージのライセンスに関しては、無料でダウンロードして使用できる CC0 のものを選択するのが最善です。十分なマーケティング予算がある場合は、Shutterstock のサブスクリプションを購入し、ブログやニュースレター用に素晴らしいロイヤリティフリーの写真をダウンロードしてください。

結論

この投稿シリーズの締めくくりとして、これまでに学んだことを復習しましょう。

  1. 正しい画像形式を使用してください
  2. ストック写真をブログ投稿にアップロードする際のヒント
  3. 画像の最適化 – サイズ、寸法、品質、Web 用の保存
  4. WordPressサイトURL変更時の画像管理
  5. WordPress に外部画像をインポートする
  6. WordPress での画像のホットリンクの防止
  7. WordPress の画像 SEO でよくある間違い
  8. 画像の遅延読み込み
  9. WordPress の画像サイトマップ
  10. WordPress のレスポンシブ画像

この投稿シリーズについてどう思いますか?彼らは重要なヒントを見逃していませんか?以下のコメント欄でお知らせください。