画像検索に最適化する方法を紹介します。Okinawa」に参加しました。Illyes氏による画像検索についてのお話がありましたので、みなさまに情報を共有したいと思います。イベントで出なかった話についても、画像検索の最適化に関するものを紹介します。画像検索に最適化する方法について、ヘルプページやリファレンスなど、様々なページで紹介しています。可能な限り記事を参照しながら、情報を共有します。スポンサーリンクレクダンクル(大)なぜ画像検索に最適化するのか?画像検索に最適化する理由はいくつもあります。画像検索を利用するユーザーが増えている画像検索からのトラフィックは質が高い通常のウェブページとは異なり、画像はインデックスに時間がかかる画像検索に最適化することで、画像検索のパフォーマンスが上がり、画像が露出する機会が増えます。画像のコンテキストなどを追加することによって、ユーザーの満足度も高まります。画像検索に最適化してください。画像がインデックスされるまでのプロセスや画像クローラの動き最初に、画像がインデックスされるまでのプロセスや画像クローラの動きについて説明します。Googleのクローラはいくつか種類があり、通常のページには「Googlebot」、画像用には「Googlebot-Image」があります。通常の記事と比べると、画像はクロールされにくく、インデックスにも時間がかかります。画像クローラの動き画像クローラの動きや特徴についてです。インデックス画像クローラのキューは、通常の記事ページのクローラのキューとは異なるimgパスをdiscoveryする場合、通常のGooglebotを呼んでレンダリングする必要があるので、インデックスに時間がかかる。画像サイトマップの方がインデックスまでの時間は早い画像クローラのキューに行くステップは、「imgパスをdiscovery」と「画像サイトマップ」では異なるランキングの部分に関しては、通常のHTMLとは若干異なる模様です。ウェブサイトとはindexといかクエリに対してranking付けするときのロジックがちょっと違うよな。画像検索に最適化するお待たせしました。Googleの画像検索に最適化する方法を紹介します。画像検索に最適化するには、検索エンジンに向くだけでなく、画像検索するユーザーの利便性の向上に繋がるかといった視点を持つことが重要です。Discoverに画像を最適化ニュース・ブログ・スポーツの記事ページGooglebotがアクセスできるようにするGooglebotがアクセスできるようにします。ブロックしていると、Googlebotはアクセスできず、画像検索で表示されませんのでご注意ください。以下の方法で、画像にGooglebotがアクセスできるかどうか確認できます。検査ツール画像の周辺にテキスト画像の周辺にテキストを入れると、検索エンジンは画像の中身を理解する手助けになります。画像のキャプション画像のキャプションも、検索エンジンが画像の内容を理解する際の手助けになります。Storealt属性alt属性とは、HTMLの中のimg要素に記載する画像の代替テキストです。画像が表示されない読み上げブラウザでは、alt属性に書かれた情報が読み上げられます。検索エンジンは、alt属性を画像のテーマを判断する材料として使います。以下の例をご覧いただき、alt属性を設定してください。良い例を参考にするといいでしょう。テキストリンクのアンカーテキストと同じように扱われます。ファイル名ファイル名も、検索エンジンが画像のテーマを決める際の要素となります。iPhoneの画像ならば、「IMG00001.jpg」よりも「iPhone-xs.jpg」の方が優れています。高画質の画像を提供ぼやけた画像ではなく、鮮明な高画質の画像を提供します。これは当たり前ですよね。画像サイトマップ画像クローラが画像を発見してからインデックスするまでのプロセスは前述したとおりです。通常のウェブページとは異なり、Googlebotが画像を発見するには時間がかかります。画像は必ず発見されるわけではありません。画像サイトマップを送信することで、検索エンジンが画像を発見しやすくなります。画像検索に最適化して、画像検索でのパフォーマンスを上げたいのであれば、画像サイトマップを送信することをオススメします。画像サイトマップの一例です。</urlset>画像サイトマップの詳細は、以下のヘルプページを参考にしてください。画像の構造化データを追加すると、画像検索内においてリッチリザルトとして表示されます。Google画像検索が対応している構造化データは、次の3つのタイプの画像です。守って実装してください。端末に合わせて画像を最適化Googleのガイドラインでは、画像のサイズ・解像度で評価が変わることはありません。端末に合わせて画像を最適化することをオススメします。モバイル端末で幅が2000pxの画像があれば、読み込みに時間がかかり、ユーザーの利便性は大きく損なわれることは一目瞭然ですよね。端末に合わせて画像を最適化するには、レスポンシブ画像・ベクター画像・ラスター画像などの技術を使ってください。srcset属性を記述することで、端末の画面サイズに合わせて画像を指定できます。web!">ベクター画像・ラスター画像についてはGoogleのリファレンスを参考にしてください。Discoverからの流入も多いはずです。Discoverに画像を最適化することもオススメします。幅1200px以上の画像を使用するニュース・ブログ・スポーツの記事ページニュース・ブログ・スポーツの記事ページならば、構造化データを含めることで、リッチリザルトなどに表示される可能性がでてきます。構造化データの例を紹介します。["https://example.com/photos/1x1/photo.jpg","https://example.com/photos/4x3/photo.jpg","https://example.com/photos/16x9/photo.jpg"]}AMPページと非AMPページで画像サイズの要件が異なります。Consoleのステータスレポートに送信しました。22:46画像にコンテキストを入れないと、Googlebotは画像を理解できないのか?公式の発表があるわけではないので、正確なところはよく分かりません。個人的にはGooglebotは画像をある程度理解しているのではと思っています。Googleフォトではテキストで画像検索できるし、Googleドライブで画像からOCRを抽出できたりしますからね。Illyes氏のセッションの中でも、画像にコンテキストがなくても、なるべく画像を理解できるように頑張っているという発言がありました。“十分なテキストがないページの画像は画像検索で不利になるか?”“ならないように努力しているが、なるべく入れるようにすべき”画像認識系で画像そのものも評価をしようとしていることは伺い知れる。2019年4月9日ヘルプページにも以下のような記載があります。アルゴリズムやページのコンテンツを使用して、画像のテーマを理解します。画像検索に関するおすすめの方法とはいえ、現時点での画像検索のベストプラクティスは、画像にコンテキストを入れて、ユーザーにもGoogleにも伝えることなのかなと思っています。画像検索に最適化する方法を紹介しました。「画像の周辺にテキスト」「画像のキャプション」「alt属性」「ファイル名」「高画質の画像」はすぐにでもできますので、ぜひ試してください。その他の項目についても、できることから実装していくことをオススメします。システム上の制約でできないものは後回しでも構いません。画像検索についても多くの参加者がツイートしています。変更する方法を紹介します。サリヴァン)...記事を読むGoogleニュースにサイトを登録する方法サイト運営者ならば、Googleニュースに自分の記事が掲載されたら嬉しいですよね。