[SEO] Google検索でスマホ対応ページの優遇、4/21より

Mobilefriendly

4/21より、Google検索でスマホ対応ページを優先的に上位に表示させる方針が、いよいよスタートします。

順位が下がると厄介なので、スタートするまでに古いサイトやブログ、Tumblrなども、できるだけデザインテンプレートをレスポンシブデザインのものに変更しておきたいところですね。

[JS] 画像の拡大やシェア、タッチジェスチャーに対応したLightbox風「PhotoSwipe」

「PhotoSwipe」は、ページの画像をページ内にポップアップ表示させる、Lightbox風のJavaScript画像ギャラリー。

画像の表示方法がかなりよろしくて、拡大表示、キー操作、タッチジェスチャー、FacebookやTwitterへのシェアボタンなどが付いています。

拡大表示は、画像をフルサイズで見せたいときに有効ですし、タッチジェスチャーではスワイプでの画像送り以外に画像をつまんでの拡大・クローズに対応しているので、スマホユーザーには使いやすいでしょう。

画像をポップアップ表示するLightbox系の「Image Lightbox」は、レスポンシブデザイン対応でタッチフレンドリーな操作が可能です。様々な表示方法があり、スワイプで画像を切り替えることができるのでスマホ対応サイトなどにも幅広く使用できます。（表示デモ）

実装はかなり簡単で、1つのjsファイルとjQueryをヘッダーで読み込んで、CSSを追加するだけなので、FC2などの無料ブログサービスにも最適です。

ここでは一例としてFC2ブログへの実装を紹介しています。