今日は、サイトの「常時HTTPS化」について。あなたのサイトは、常時HTTPS化しているでしょうか。もし検討すらしていないようなら、この記事の内容をチェックして、常時HTTPS化するべきか検討してみてください。 常時HTTPS化（AOSSL）とは？念のために解説します。「常時HTTPS化（Always On SSL、略してAOSSL）」とは、WebサイトのコンテンツをすべてHTTPSで提供することです。 技術的には、HTTPSには以前は「SSL」と呼ばれる暗号化通信の仕組みを使っていましたが、いまは「TLS」が主流です。しかし、過去からの流れで「SSL化」と表現することは多いです。 ただし、HTTPSの「S」はSSLではなく「Secure（安全な）」の意味ですね。 サイトをHTTPS化すると、一般的には次のようなメリットとデメリットがあります。 HTTPS化のメリットブラウザが正しい相手（

「Web担当者Forum ミーティング2015 秋」において、合同会社シマンテック・ウェブサイトセキュリティ中川 就介氏が、「Webサイト全体HTTPS化(常時SSL)の効果と実装のポイントと題してわかりやすく解説した。 すでに始まっている常時SSL化への流れ常時SSLという言葉をご存じだろうか。一般的なWebサイトでは、利用者が情報を入力するページだけはHTTPSで、トップページやログイン後のページはHTTPというケースが多い。それを、全ページHTTPS化するということだ。 銀行やECサイトではないのにそこまでする必要があるのかと思われるかもしれない。しかし、銀行やECはセキュリティ対策が進んでいるため、今は対策が進んでいないWebサイトこそがサイバー攻撃の狙い目になっている。また、クレジットカード番号やパスワードを入力させていないとしても、昨今はメールアドレス、嗜好性、cookieも保

今日は、Webフォントの話題を。日本語Webフォントは、「使いたい、でも重くなるからちょっと」という人が多いと思います。でも、グーグルがクラウド上でWebフォントを提供し始めたことで……。 グーグルが日本語のWebフォントをクラウドで提供開始グーグルが日本語のWebフォントを提供し始めていました。実は、2014年7月からあったらしいのですが、私はつい最近になって知りました。 その名も、「Noto Sans Japanese」。このページの表示も、「Noto Sans Japanese」にしてあります。 Noto Sans Japaneseは、6934文字に削減したサブセット版が提供されており、ウェイト（太さ）が7バリエーション。1ウェイトあたり約4.5Mバイトほどのサイズです。 使い方を簡単に説明すると、CSSで定義ファイルを読み込み、 <style> @import url(http:/

さまざまな行動を計測できる「イベント」これまでページビュー計測のためのタグを解説してきましたが、Googleアナリティクスではページビュー以外にもよく使われる計測方法があります。ここでは、その主要な1つである「イベント計測」について取り上げます。 ページビュー計測は単純に「ページが何回表示されたか」を計測しますが、イベント計測は「何らかの回数」を計測することができます。例えば、ユーザーが特定のボタンやリンクをクリックしたときなどにその回数をカウントするための手段としてよく使われます。Googleタグマネージャでイベントを計測するためには、イベントを計測する用の新規タグを作成してオプション項目でイベントの値を入力します。 なお、3-3の仮想ページビュー計測と同様、イベント計測も「リンクをクリックしたとき」などのトリガーと組み合わせて使います。第4章を参考に、必要なトリガーを先に用意しておくと

なぜこれらの項目をサイトのゴールとするのか？ （1）〜（4）を徹底解説！（1）訪問者数総ページビュー数を測りたい会社が多いのだが、総ページビュー数は訪問者が何ページかずつ見たことの結果であるから、総ページビュー数を増やすにはもともと「（1）訪問者数」と「（2）訪問者の平均ページビュー数」を増やさなければならないのだから、ここからは除外している。 総訪問者数を増やすには、新規訪問者を獲得するか、リピーターを積み上げることが欠かせない。アクセス解析では、リピーターがどのコンテンツを見ているかをチェックする。リピーターがなぜリピートするのか。来るたびに会社概要を見る人もある。そうした人は会社を訪ねるのに地図が見たいだけなのかもしれない。しかし、詳細に調べていくとリピーターに評価されているコンテンツ（ニュースページやエンタテイメントネタ、便利な製品検索）があるのかもしれない。そうしたページは、 最

カスタマージャーニーマップを使う3つのメリット顧客体験の分析にカスタマージャーニーマップを使うメリットとして、次の3つが挙げられます。 視野が広がるWeb担当者が考える施策は、PCやモバイルなどの媒体に視線が向きがちです。しかし、顧客の行動文脈から施策を考えるようにすると、もっと広い視野で施策を検討できるようになります。PCやモバイルだけにとどまらないリアルとの連携や、普段はあまり思いつかないような施策の立案が可能になります。 複雑なデータが直感的に把握できる顧客の体験は、「目的」「行動」「タッチポイント」「思考・感情」など、さまざまな要素の集合として構成されています。これらのすべてを把握することは非常に困難ですが、カスタマージャーニーマップを活用することで全体を見渡せるシンプルな形に整理できます。 施策立案が考えやすくなるカスタマージャーニーマップは、顧客の体験の中でも特に「行動と媒体」

今日は、Googleアナリティクスでのアクセス解析で外部リンクのクリックを追跡する手法について、情報を整理してみます。私は結論としては、setTimeoutとかhitCallbackとか小細工せずに「とれるデータだけとる」が良いと判断しました。 GoogleアナリティクスなどのJavaScriptを利用したアクセス解析では、トラッキングコードをカスタマイズすることで「自分が管理しているページから外部サイトへのリンクがクリックされたこと」のデータを取得して分析できます。 計測の方法は_trackPageviewと_trackEvent方法としては、次の2種類があります。 仮想ページビューを使う方法（_trackPageview命令を使う）イベントトラッキングを使う方法（_trackEvent命令を使う）いずれも、HTMLまたはJavaScriptをカスタマイズして、リンクがクリックされた際に

今日は、サイトにツイート一覧を貼り付けている人向けのお知らせです。というのも、Twitterが提供しているツイート一覧をサイトに掲載する仕組みが3月には使えなくなってしまうのです。 Twitterは、標準のサイト貼り付け用ツイート一覧ボックス（「Join the conversation」と表示されるやつ、ウィジェット）の提供を近いうちに終了することを発表しました（代替手段については後述）。 「 "Join the conversation” ウィジェット」提供終了のお知らせ（Twitterブログ） Twitterの新しいAPI（プログラムによるツイートデータ取得の仕組み）への移行によるものです。この「Join the conversation」ウィジェットは古いAPIを使っているため、新APIへの切り替えにともなって使えなくなるのです。 正式な提供終了時期は確定していませんが、完全に終了

どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん

boundioは、インターネット上から電話発信することを可能にする、開発者向けのクラウド電話API。たとえば、ECサイトでクレジットカード決済をする際の本人認証として電話認証を設けたり、あらかじめ登録をした日時にリマインドコールやメッセージ電話をかける、といったことが可能になる。 従来、同様のシステムをいちから構築するには、電話交換機の整備やキャリア接続の交渉などが必要だったが、boundio APIをウェブサイトやアプリケーションなどに組み込むだけで、「050番号による電話発信」「アップロードした音声の再生機能」「テキスト文字列の音声ファイル変換」など、3つの機能を利用できる。また、正式版リリースに合わせ、電話転送機能の追加、音声合成エンジンの改善、音声合成APIの提供を行った。 サービス発表に合わせ、KDDIウェブコミュニケーションズ 代表取締役社長の山瀬 明宏氏は、「電話の知識がなく

ユーザーをグループ分けしよう前回説明したようにユーザーに弟子入りしてていねいに話を聞くという調査を根気強く繰り返していると、ある時点であなたは気づくだろう――「同じような話をしているユーザーが複数いる！」。もちろんまったく同じ話をするユーザーはいない。細部を比べれば個々のユーザーの体験談はすべて異なる。しかしユーザーの目的や行動パターンに注目すれば、赤の他人同士であるユーザーの間にいくつかの共通点が見えてくるのだ。 まずユーザーの情報を1人分ずつ1枚のカードに書き出してみよう。名前、性別、年齢、職業、行動の特徴、一番印象に残った言葉などなど。インタビューしたときのユーザーの雰囲気も思い出そう。そして、そのカードを並べ替えて似たようなユーザーをひとまとめにしよう。 ちょうどいい具合にグループ分けができたら、次はそれらのグループにタイトルを付けよう。たとえば、衣料品サイトのユーザーならば「流行

今日は、Twitterが本格的に展開を進めている「Twitter Cards（ツイッターカード）」を表示するための、サイトの変更方法を解説します。Facebookでシェアされたときの表示を指定する「OGP」を設定しているサイトなら、10分で完了するような内容です。 2012-09-06：　申請後しばらくしたら、自分のアカウントでカードが表示されるようになり、Web担のサイトのURLでカードが表示されるようになりました。 Twitter Cards（カード）とは？Twitter Cardとは、Twitterが進めているツイート表示のリッチ化の仕組みのこと。ツイート内にURLが含まれている場合に、ツイートの詳細表示でそのページのタイトルや概要、アイコン写真などを表示するものです。 このカード表示は6月にスタートしたのですが、まだすべてのTwitterアカウントで有効になっているわけではなく、カ

アクセス解析は、ツールを導入することもさることながら、導入後にどのように使いこなすか、データから何を読み取りいかに行動（アクション）へ移すかが難しいものだ。組織上のさまざまな壁が、進むべきゴールへの道を阻むことも多い。社内外の協力者（または抵抗勢力）には頭と感情がある。どのようにアプローチすれば、彼らに動いてもらえるのだろうか。 この課題に果敢に立ち向かい成果を出してきた米アドビ システムズ社のエバンジェリストであるブレント・ダイクス氏は、「ACTION HERO（アクション・ヒーロー）」になることを提唱する。 アドビ システムズが6月7日に開催した年に1回のマーケッター向け大規模イベント「Adobe Innovation Forum 2012」のジェネラルセッションのなかでも大きな反響を呼んだダイクス氏の「アクション・ヒーロー」セッションから、アクセス解析で行動して結果を産み出す“アクシ

今日は、2月に話題になった「Facebbokはバカばかり」という某ブログ記事で取り上げられた話題から、Web担当者（特にコンテンツ企画の人）が意識しておくべき「さんざん既出の情報」の扱いについて。 有名な話だと思っていたけど、それでも知らない人は山ほどいるんだなぁ。 そう思った出来事がありました。 今日の話は、結論としては、あなたが「誰でも知っているよ」「以前に掲載したよ」と思う情報でも、それが届いていない人はたくさんいるのだから、本当に有用で伝えるべき情報は、何度でも出すべきだ（ただし伝え方は工夫して）というものです。 「実話」として拡散されたエスニックジョーク2012年2月ごろに、Facebookで話題になった書き込みがありました。「感動した」「素晴らしい」「実話らしいです」「いや、デマのようです」と大拡散したものです。 これは実話でもデマでもない単なるエスニックジョークで、元ネタはそ

Googleアナリティクスの進化が止まらない。2011年には、新バージョンに続いて、マルチチャンネル、リアルタイムレポート、ビジュアルフロー、と矢継ぎ早に新機能がリリースされた。このペースは、マイナーな改善を中心とした2010年までのペースを明らかに超えている。 これまでは大きく進化してこなかったGoogleアナリティクス（GA）が、なぜこうした動きをしているのだろうか？ グーグルはGAを「アドワーズ広告の利用を促進するツール」から「利益を出せるプロダクト」へと生まれ変わらせるべく戦略を転換し、今後の拡張性を確保するために、根本的なプラットフォームを刷新する大きな投資を行ったのではないだろうか。筆者はそうみている。新バージョンは単なるデザインやUIのリニューアルではなく、機能面のさらなる強化を可能にするための下準備だったのだ。 Googleアナリティクスの足かせとなっていたデータ保存方式G

参考意見としてターゲット消費者の意見を取り入れているのは10%に過ぎず、90%が消費者の意見を聞かずにデザインを決定している。 デザイン決定のポイントは、「発注側の経営者・上司・担当者の好み」が54%。「サイト制作のゴールを達成できそうだから」（20.7%）の倍以上の割合で「好み」を優先。 27.3%が「発注側の経営者や上司の独断的な意向で最終決定の直前にデザインがひっくり返った」ことで困った経験がある。 これは、デザイン決定のプロセスをビジネス目的に対して最適化するための消費者評価（アンケート）ソリューション「CREATIVE SURVEY」を提供する株式会社フォーデジットとWeb担当者Forumは、共同で行った、「Webサイトのデザイン決定プロセスに関する調査」の結果のハイライトだ。 この調査は、企業サイトの制作において、デザイン決定がどのように行われているのかを調べることで、ビジネス

結論このデータから、新製品や新しい投稿を発表する際、サイト内リンクのほかに3件以上のRTを獲得したツイートがあれば、インデックス化されるまでの時間が短く、インデックス化率も上がることがわかる。 これは、このテクニックがサイトのインデックス化率の向上やクロールされるまでの時間短縮に役立つという証拠になるデータだが、実行する際は十分に注意し、配慮するようアドバイスしておく。僕の顧客はすべて、1日に1つ以上の製品を発表しないようにしていたし、発表した新製品以外の事柄についてもツイートし続けていた。 僕が個人的な警告としてみんなに覚えておいてもらいたいのは、Twitterは企業ユーザーや個人ユーザーがツイートを投稿する場として作られたものであり、グーグルを意識したSEO対策の舞台ではないということだ。製品を売り込む大量ツイートのせいで、アカウントがフォローを失うような惨状は、できれば見たくないもの