ページ内でどれくらいスクロールされているかをGoogleアナリティクスで解析する為のjQueryプラグイン・Scroll Depth
ユーザーにどれくらいページ内で スクロールされているかをGAの イベントAPIを使って解析する為 のjQueryプラグイン・Scroll Depth のご紹介。 スクロールに応じて視差効果を演出できるパララックス系サイトやペラサイトのような1ページで完結するタイプのコンテンツを持つサイトは割と見かけるので、どれくらいスクロールされているかを解析する方法もあるといいかもですね。という需要に応えたライブラリみたいです。 ※時間なくて動作テストしてないのでその程度の記事という事で今日はご了承下さい。 ユーザーのスクロール状況をパーセンテージでトラッキングするプラグイン。デフォルトでは25％、50％、75％といったポイントで解析できるようになってるみたい。また、任意のDOM要素をターゲットにする事も出来るそうです。 コード<script src="https://ajax.googleapis.c
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合
cssの未使用セレクタをその場で複数ページ一括調査するブックマークレット・cssess
中小規模サイトの構築時に役立ちそうな ブックマークレットがあったのでご紹介します。 閲覧しているWebサイトで使用しているcss の未使用セレクタを教えてくれるブックマーク レットです。こういったWebサービスはあります が、その場でサクッと調べられるのは面倒が 無くて良いですね。 使いどころはやや限られますが、複数ページを一括で調査し、それぞれのページの未使用セレクタを知らせてくれますのでなかなか便利だなぁと感じました。 おそらくブックマークレットを使ったページからリンクされている同一ドメインページを読み込んでるっぽいのです。zipや#の付いたURLも含まれているのはそのためでしょうかね。こういうリンクがある場合はチェックをはずしてください。 ページごとに使っていないセレクタを教えてくれます。 ブックマークレットを使うと上記のような半透明のボックスが出ますので調べないページのチェックを外
HTML5を実際に使用しているサイトを集めたHTML5専門のWebギャラリー5つ - かちびと.net
ふと、HTML5を実際に使用しているサイトの 現状が気になって調べ物をしたので、ついで にシェアします。HTML5を使っているWebサ イトのギャラリーを5つほどご紹介します。 実例からIEへの対応なども学べるので導入 予定の方はチェックしてみては如何でしょう。 日本でもHTML5で作られたサイトを稀に見かけるようになってきました例えばローソンのサイトはHTML5ですね。Twitterでも一部のユーザーに人気のie6botのサイトもHTML5です。 海外では結構な数になってきているようですので実例を見て学びたいと思い、ギャラリーから探しました。 101 Best HTML5 Sites HTML5で出来たサイトのベスト100を掲載しているサイトです。サムネイルも中くらいのサイズで見やすいのでお勧め。 このサイトはシリーズ化していて、他にもTwitterアプリ、iPhoneアプリサイト、An
WordPressをマガジンサイト風にする為の基本的なカスタマイズ法 - かちびと.net
備忘録です。普通のWordPressテーマを マガジンサイトっぽくする必要があって、 カスタマイズしたのですが、方法を忘れ そうなのでメモ。大したカスタマイズじゃ ないです。基本的な内容になりますので あまり参考にならないと思います。 マガジンサイトと言っても色々形はあるんですが、複数の指定したカテゴリの最新記事～過去記事を何件かまとめてTOPに出したいのと、デザインもカテゴリごとにそれぞれ変えたい、というご要望でした。 もっとスマートな方法があるかもしれないんですけどね・・ WP3.0のデフォルトテーマでやってみる WP3.0でデフォルトテーマになったtwentytenを使用して書いておきます。通常は上記のように表示されますが、これを以下のように cssを変えないとアレですけど、 表示させたいカテゴリ名を表示 表示させたカテゴリの最新記事とリンク 表示させたカテゴリの過去記事へのリンク
フリーのWordPressテーマ・Magnoliaが結構凄い - かちびと.net
これで無料か、と思わせるほど結構 凄いフリーのWordPressのテーマ Magnoliaをご紹介。Magnoliaはか なりカスタマイズされたWordPress のテーマで無料で使うことが可能です。 Magnoliaはファイルをアップロードし、外観で有効化。設定ページも追加されます。以下の7デザインを選択可能です。 スタイルとロゴを設定画面で変更できる ロゴもブラウザ上で変更可能です。設定画面のLogo Image Pathに画像のアドレスを入れれば変更されます。 人気記事、TwitterのPostなどを表示 ウィジェットで色々と管理できます。人気記事、コメント、TwitterのPostを表示するウィジェットの追加も可能になります。お好みで良いと思いますが、Twitterのウィジェットは3にした方が良さそうです。Twitterはウィジェットで編集、アカウント名と表示Post数を設定します
「ユーザーがどこをクリックしたか」が分かるWordPressのプラグイン・Heatmap - かちびと.net
3月10日リリースのWordPressのプラグイン、 Heatmapに感激して脊髄反射的エントリ。 どんなプラグインかというと「ユーザーが サイト内の何処をクリックしたか」を表示するもの。 Heatmapを手軽に導入できます。導入 したてで訪問者もそれほどいないので 同プラグインの配布サイトの画像をお 借りします。 こんな感じでクリック箇所が分かります。クリック数が多くなるとカラーが変わります。（多分） 右上にカレンダーがありますが、これはHeatmapが1日ごとに確認できるものでカレンダーで 日にちを指定してその日のクリック状況を確認できます。 Heatmapのインストール Heatmapをダウンロードし、解凍※メールアドレス登録必須 /wp-content/plugins/以下にファイルごとコピーし、アップロード 設定画面でプラグイン有効化 heatmapフォルダ内、cacheフォルダ
あなたのWordPressのトラフィックを上げる７つのプラグイン - かちびと.net
BlogHighlightの7 Top WordPress SEO Plugin To Boost Blog Trafficという エントリが良かったのでご紹介します。 このサイト、まだ今年に入ってから始め たようですが、結構良いエントリがある ので勝手に注目してます。エントリ内容は 「あなたのWordPressのトラフィックを あげる7つのプラグイン」です。 Redirection 301リダイレクトと302リダイレクトなどの設定を容易にしてくれるプラグインです。 他にもルートディレクトリの.htaccessの編集や４０４エラー、リダイレクトの回数をカウント、 設定したリダイレクトをRSSで確認する事も可能です。結構高機能でした。 301に関しては海外SEOブログの鈴木さんが 非常に有益なエントリをされていますのでご覧下さい。 301リダイレクトと302リダイレクトの違い 301のやりす
カテゴリやページのリンクにアイコンを付けられるWordPressプラグイン・Category and page icons - かちびと.net
WordPressを使ったサイトのサイドバー などに良く表示されているカテゴリーや ページへのリンクに簡単にアイコンを 付けられるプラグイン・Category and page iconsをご紹介します。 ネーミングそのままですね。正直cssで設定するのは面倒な作業だったのでこれは結構需要の高そうなプラグインかも。冒頭のようにカテゴリーやページへのリンクを表示させている方も多いと思いますが、そのリンクの頭にアイコンを加えることが出来ます。 リンクの頭にアイコンを付ける事で可視性が高まり、ユーザビリティを向上させることが可能です。導入も手軽ですが、テーマによっては多少cssに変更を加える必要があるかもしれません。 Category and page iconsインストール Category and page iconsをダウンロードし解凍 wp-content/plugins/内にフォルダご
よく見かける「SEO的に～」という様々な疑問
ＳＥＯ関連のサイトや掲示板、ブログ等のコメントでよく見かける質問が 「～はＳＥＯ的に有利？」、「～をするのはＳＥＯ的に不利なのかな？」 と言った内容です。ＳＥＯに関わる業者さんなら何度も同じ質問を 頂くこともあるかと思います。 そこで、様々な「ＳＥＯ的にどうなの？」という疑問をまとめてみようと思います。 サブディレクトリとサブドメインではどちらがSEO的に有利か よく見かける質問ですが、既にWebサイトが存在していてこれから全く別の 新しいコンテンツを作成するのであればサブドメインにした方が良さそうですが、 既に存在するコンテンツを強化する為に関連したキーワードで上位表示を 狙うのであればサブディレクトリで既に存在するサイトの評価の恩恵を受ける事が 可能なようです。コンテンツ次第という事でしょうね。ただし、関連していても 階層が深くなる（http:example.com/seo/wp/sh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「いいね！」するとコンテンツを見る事が出来るファンゲート対応のFacebookページをWordPressで作る手順 - かちびと.net