画像の大部分がAjax読み込みを介してライトボックスに読み込まれるWebサイトがあるため(最初は読み込まれませんが、クリックしてライトボックスを開く)、検索エンジンはこのページをクロールするときにこれらの画像のインデックスを作成できません。これらのライトボックス画像のSEOを改善する方法はありますか?
ありがとう!
画像の大部分がAjax読み込みを介してライトボックスに読み込まれるWebサイトがあるため(最初は読み込まれませんが、クリックしてライトボックスを開く)、検索エンジンはこのページをクロールするときにこれらの画像のインデックスを作成できません。これらのライトボックス画像のSEOを改善する方法はありますか?
ありがとう!
ユーザーがクリックしてライト ボックスを開くときは、Googlebot の代替を提供する必要があります。ユーザーがクリックするページに画像のサムネイルがあると仮定します。サムネイルには、AJAX にライトボックスを表示させるクリック イベントがあります。
また、サムネイルを、ライトボックスに表示される同じ画像の大きなバージョンに直接リンクする必要があります。これは、Javascript を使用しないクライアントの代替手段です。ライトボックスを開く onclick イベントはreturn false
、javascript を使用するユーザーがリンクを開かないようにする必要があります。そのコードは次のとおりです。
<a onclick="lightbox('my-picture');return false;" href="/fullpics/my-picture.jpg">
<img src="/thumbnails/my-picture.jpg" border=0>
</a>
画像がページに表示されているか、ページからリンクされているかに関係なく、Googlebot は画像検索を気にしないことがわかりました。したがって、Googlebot にとっては、画像を最適化する目的で、上記は と同じですが<img src="/fullpics/my-picture.jpg">
、ページ内の目に見えるスペースがはるかに少なく、現在のサイトの設計に似ています。
robots.txt
また、Google が代わりにそれらをインデックスに登録しようとしないように、サムネイルを次の場所に配置する必要があります。
Disallow: /thumbnails/
フルサイズの画像を大きくすればするほど、ランクが上がります。Google は、より高品質の画像を好むと述べています。私が知る限り、「より良い品質」は「より大きな」の婉曲表現です. 大きい方向に少なくとも 800px をお勧めします。
このテーマの専門家ではありませんが、これに対する私のアプローチは、画像が実際に画像にリンクされているライトボックスを開く「リンク」を常に持つことです。ライトボックスはおそらく JavaScript で開かれているため、ブラウザを画像に向けるデフォルトのアクションをキャンセルして、代わりにライトボックスを開きます。言うまでもなく、明示的にリンクすると、検索エンジンが画像を見つけることができます。追加のボーナスとして、これは JavaScript がオフになっているユーザーにも機能します (何もしないリンクに対処する必要はありません)。