検索エンジンとの相性を考慮した無限スクロールのベストプラクティス
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル
動画をページいっぱいの背景として使用するのは、ここ数年人気の高いテクニック。 その方法はいくつかありますが、今回はレスポンシブ対応、動画の上にコンテンツを配置しスクロールでカーテンのように引き上げるページを実装するチュートリアルを紹介します。 HTML5のvideo要素で自サーバーの動画を配置するのではなく、YouTubeの動画を使うので、サーバーのレスポンスを気にする必要もありません。 デモページ：下までスクロール 実装 使用するリソース チュートリアルにあたり、下記のリソースを使用しています。 jQuery jquery.mb.YTPlayer YouTubeの動画を背景として表示するjQueryのプラグイン フォント：Google Fonts (Raleway, Lato) アイコン：Font Awesome 背景に使う動画の注意点 背景に使う動画は、下記の点に注意してください。 動
![[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b3413c8d26665727debe1c206713a14699cabe5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015020310-01.png)
ナビゲーションメニューのIAに関する質問・トップ3
ナビゲーションのカテゴリーの数、並べる順番、タッチスクリーンに対するマウスオーバーメニューの利用というのが、Webサイトやアプリケーションでの情報の構造化に関してよく聞かれる質問だ。 Top 3 IA Questions about Navigation Menus by Kathryn Whitenton on January 4, 2015 日本語版2015年2月2日公開 情報アーキテクチャ（IA）に関する課題の中には、特定の状況でしか起こらないものもある。たとえば、ある種のオーディエンスやコンテンツタイプで、他ではあまり見ないような課題が生じることはある。しかし、情報アーキテクチャのトレーニングコースで毎回、繰り返し、我々はある数個の質問をされる。さまざまなバックグラウンドを持つたくさんのデザイナーたちがそうした課題に苦労しているのだ。 ほとんどのデザイン上の課題と同様、こうした質問
動画のユーザビリティ
動画コンテンツは、それをユーザーがコントロールでき、どのような内容かわかり、他のアクセス方法もあるときにのみ、有益である。 Video Usability by Amy Schade on November 16, 2014 日本語版2014年12月15日公開 あらゆるところに動画がある。ノートPCやデスクトップPC、タブレット、スマートフォンで我々はそれを見ている。動画は我々を楽しませ、情報を与え、どのように布が流れ、どのように製品が機能し、どうやってネクタイを結び、どこなら休暇に行けそうかを示したり、ユーザビリティ調査での思考発話のやり方まで説明してくれたりする。しかし、このフォーマットが機能するのは、ユーザーがその動画がそこにあることを知っていて、それを見る気にさせられ、うまく見ることができ、コントロールできるときのみである。 オンライン動画には2つのタイプがある： エンターテイメン
展開ボタンやタブに隠れたコンテンツは無視され検索結果の対象にならないかもしれない
[対象: 中〜上級] 展開ボタンマークや切替型のタブやによって既定の状態では隠れているコンテンツを、検索結果の対象に含めないようにGoogleが扱いを変更した可能性があります。 展開することを示すプラスマークや「詳細」といったテキスト、またはタブの切替などで、初期状態で隠れているコンテンツをURLを変えずに表示するデザインがあります。 たいていは、JavaScriptやCSSで実装されます。 隠れたコンテンツが展開することを示すプラスボタン プラスボタンをクリックすると残りのコンテンツが出現する 完全ではないにしても部分的に、このなかに隠れているコンテンツをGoogleは無視するようになったようです。 隠れているコンテンツをGoogleがインデックスしなくなった？ 事の発端の1つは、WebmasterWorldでのスレッドです。 “read more”（続きを読む）のなかにあるコンテンツを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
