web-dev-qa-db-ja.com

サムネイルの高解像度バージョンを含める方法

各投稿/動画のサムネイルを含むチューブサイトを実行しています(Wordpress経由で実行、50万件の投稿)。最初にサムネイルを作成したとき、それらはそれぞれ幅が約640ピクセルのかなり大きなサイズでした。そのため、Google画像からのトラフィックが多く見られました。

サイトを合理化し、すべてのサムネイルを縮小するのではなく、170pxにサイズ変更した後、Googleは画像をより高い解像度でランク付けしないのではないかと心配しています。より高い解像度のバージョンを使用し、小さいバージョンの代わりにインデックスを作成するためにそれらを提供しますか?

2
neak

ホバーすると大きな画像のライトボックスが表示される「マウス上」の操作を行います。

ポップアップする画像の大きさ、およびエフェクトの再生方法をカスタマイズできます。マウスを離すと、画像がすぐに消える、またはフェードアウトしますか?

まだ画像キャッシュを実装していない場合は、必ず実装してください。それらを具体的にインデックスに登録する方法は?あなたはおそらくあなたのサイトマップにそれらを含めたいと思うでしょう。 (または、ウェブマスターツールに登録して、手動で送信します)。

1
ionFish

私はあなたのために2つの解決策を見つけました:

  1. あなたができる最善のことは大きなサムネイルを提供することですが、より小さい画面(たとえば1900x1400より小さい)を検出すると、読み込まれた画像は小さくなります(例:170px)。利点?それはあなたがユーザーに嘘をつかない白いSEOです。「小さな」解像度の画面を持つユーザーに小さな親指を与えるだけです。ユーザーが「小さな」解像度を取得した場合でも、ユーザーに大きな親指を表示するオプションを指定し、グーグルや他のブーツが大きなバージョンを選択することを確認してください。

    JavaScriptによる単純な解像度検出。最初にJavaScriptが有効になっているかどうかを確認し、適切な画像をダウンロードする機能を実行する場合よりもその情報をCookieに保存します。

  2. 小さい画像を送信するよりも通常のユーザーを検出する(ユーザーエージェントを確認する)場合は、大きい画像を送信するだけです。それは黒いSEOであり、常に大きな親指をユーザーに見せるようにする必要があります(サイトのランキングはその手法の原因となる可能性があります)。

0
maszynka

Googleがランク付けする画像の選択の多くは、「画質」に基づいています。あなたは心配する権利があります。大きな画像は、小さな画像よりも高品質と見なされます。

何をするにしても、ページソースの<img src=または<a href=に大きなサイズの画像を表示する必要があります。ジョンは、サムネイルを使用して大きなサイズの画像にリンクすることについて正しい考えを持っています。しかし、あなたが言うように、それは代わりにビデオを再生し、代わりに近くのどこかのリンクを代わりに使用することができます。

0

大きな画像にリンクするように小さな画像をクリック可能にすることができます。 fancyboxのようなものを使用する場合、それもきれいに見えます。

0
John