タグ

ブックマーク / webtan.impress.co.jp (42)

  • Twitterタイムラインをサイトに貼り付けてる人、3月までに直さなきゃダメよ | 初代編集長ブログ―安田英久

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

    Twitterタイムラインをサイトに貼り付けてる人、3月までに直さなきゃダメよ | 初代編集長ブログ―安田英久
  • メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum

    今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜~日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました(コメント参照) ※2009-06-17 RewriteCondから [NC] 条件を削除しました(コメント参照) ※2009-06-16 Retry-Afterの記述をGMTに変更しました(コメント参

    メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
  • インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久

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

    インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
  • これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久

    ※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる(可能性を秘めた)、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの

    これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
  • 検索順位ごとのクリック率データ最新版 など10+2記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ | Web担当者Forum

    各順位のインプレッション数を10万回にそろえて算出したデータも示されている。こちらでは、自然検索の10位までの全体のクリック率は52.5%、いっぽう検索連動広告の10位までの全体のクリック率は13%で、両方を合わせたクリック率は約65.6%になると予測される。比率で見ると、そのうち自然検索が約80%、検索連動広告が約20%になる。 つまり、検索結果をクリックするユーザーの8割は自然検索をクリックし、2割は検索連動広告をクリックする。残りの約34.4%は、何もクリックしないか(次のページを探すか)、プレイス検索やYouTubeなど他のコンテンツをクリックすることになる。 あくまでも、ある条件での調査に基づく数値(しかも英語圏)なので、そのまま鵜呑みにはできないが、かなり参考になるだろう。 日語で読めるSEO/SEM情報2012年のSEOの展望 9項目 ★★★★☆ 注目はSEOツールとリンク

    検索順位ごとのクリック率データ最新版 など10+2記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ | Web担当者Forum
  • サイトの成約率を上げたい! どこを見ればよいですか? | 誰もが受けたい!アクセス解析5分クリニック

    サイトの成約率を上げたい! どこを見ればよいですか? | 誰もが受けたい!アクセス解析5分クリニック
  • 売れないモノでも売るブラック・テキスト芸 基礎編 | Web担当者Forum

    鼻が曲がるほど臭く、吐き気を覚えるほどに苦く、色は黄土色。しかも大きめのタブレット状で飲み込みにくく、肝心のダイエット効果が乏しい健康補助品。ハッキリ言って、売れるモノではありません。しかし、あなたがWeb担当者として、この商品を売らなければならないとしたらどうするでしょうか。マーケティング的回答なら、不味さを逆手にとり、 といった企画を逆転の発想で立て、耳目を集めるのも正解の1つですが、味覚オンチの社長の趣味で作られた商品で、口が裂けても「不味い」という言葉を使えないとしたら。 こんな時に役立つのが「ブラック・テキスト芸」。ちょっとした工夫で、与える印象を操作し、時に売れないモノでも売れる方向に導く文章術です。悪用すれば「詐欺」にも使えるという警告から「ブラック」としています。今回はその「基礎編」。 突然ですがクイズです。一見すると派手すぎる装丁の「赤色のスマホ用保護カバー」をコンテン

    売れないモノでも売るブラック・テキスト芸 基礎編 | Web担当者Forum
  • 企業がFacebookページを始める時に押さえておきたい28個の手順 【準備&プランニング編】 | Facebookページ活用 実践ガイド

    企業がFacebookページを始める時に押さえておきたい28個の手順 【準備&プランニング編】 | Facebookページ活用 実践ガイド
  • モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは

    2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる! モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな

    モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは
  • 直帰率47.5% 入口は20ページが8割。アクセス解析とサイト改善の「WEB改善ソリューションフェア」レポート | 初代編集長ブログ―安田英久

    セッションごと有料のセミナーにもかかわらず、満席で申し込みは締め切られるほどの人気だったこのイベント、会場では次の5つのセッションが行われた。 アクセス解析市場の最新動向サイト改善レポート実践活用術Google Analytics 活用術 実践編広告効果測定市場の最新動向ECサイトのための広告効果の改善ワークショップそれぞれについて、レポートしていこう。 アクセス解析市場の最新動向 ~「ツールを覚える」時代が終わろうとしている1セッション目はアクセス解析市場の最新動向を解説し、石井氏のノウハウを伝える内容。 石井氏によると、アクセス解析で問題だったことの1つは、自社のデータを見られるけれども、他社との比較ができないこと。社内でアクセス解析レポートを提出しても、経営陣に「これは多いのか少ないのか」と聞かれて返答できない状況だったという。石井氏が長らく提供してきているアクセス解析サービス「サイ

    直帰率47.5% 入口は20ページが8割。アクセス解析とサイト改善の「WEB改善ソリューションフェア」レポート | 初代編集長ブログ―安田英久
  • 起業生活で逆境を乗り切る10の知恵 | Moz - SEOとインバウンドマーケティングの実践情報

    どんな経済状況の下でも、起業するのは大変だ。それに加えて、今はこの経済危機だ。心が折れそうな困難にぶつかることも珍しくない。でも僕は、これまで出会った多くの起業家たちと同じように根っからの楽観主義者だから、こんな厳しい状況の中でも希望を持っていたい。そこで今回は、僕が心のよりどころにしている、ごみの山から見つけたダイヤモンドのように貴重な知恵をいくつか披露しよう。 #1 無収入の生活は強み起業した最初の数か月や数年間は、学生でさえ嫌気がさすくらいの給料しか出ないことが多い。でも、この苦しい生活が、あとあとすばらしい財産になる。大企業の何分の1という報酬で働いてくれる、とんでもなく有能なエンジニアや役員たちに恵まれるんだからね。浮いた利益は会社に再投資して、競争で大きな強みを得る目的に使える。 #2 優秀な人材を雇う金がなければ、自分でその能力を身につけろSEOmozでも、専門家に仕事を外注

    起業生活で逆境を乗り切る10の知恵 | Moz - SEOとインバウンドマーケティングの実践情報
  • モバイルサイト構築前に知っておきたいユーザビリティ10のポイント(第1回) | モバイルサイト構築のユーザビリティいろは

    端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト(以降“モバイルサイト”)の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で

    モバイルサイト構築前に知っておきたいユーザビリティ10のポイント(第1回) | モバイルサイト構築のユーザビリティいろは
  • グラフ作成やデータ可視化を楽に美しくできる便利なサービス22個まとめ | Web担当者Forum

    このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、「グラフ作成・データ可視化」サービスだ。 売り上げの推移、業界におけるシェア、自社製品の出荷数内訳などなど…。「顧客の説得のため、ウェブサイトでもグラフ要素を掲載したい」といったケースは増えている。大手企業では、PHPを使いデータベースと連動させて動的に最新グラフを表示させる、といった仕組みを用意できる場合もあるが、たいていは「エクセルで作成したグラフを画像として貼り付け」といった、手作業感あふれるものだった。 だが、昨年末にGoogle Chart APIが登場して以降、さまざまなサービスや独自APIが増加し、選択肢がグッと増えてきた。無料で利用できる

    グラフ作成やデータ可視化を楽に美しくできる便利なサービス22個まとめ | Web担当者Forum
  • 「SEOの意外な裏技」その1:注文確認メールでリンクを依頼しよう | Web担当者Forum

    僕はこのメールの最後から2段目を読んだとき、SEOmozのブログに「意外な裏技」のシリーズが必要であり、これが第1回の候補として完璧だってことに気が付いた。今思うと信じられない話だけど、リンクビルディングの小技集でも、ブログの投稿でも、SEOmozの「Whiteboard Friday」でも、リンクビルディングを顧客に依頼するなんていうすごいアイデアは、ただの一度も取り上げたことがなかったんだ。 顧客にリンクを張ってもらうよう頼むことが、なぜ有効なのか?顧客はすでに、君の会社を気に入っている。顧客と君の会社との間にはすでに関係ができあがっている。したがって、その顧客たちにリンクを依頼するというのは、「うちの理髪店が気に入りましたら、お友達にもご紹介ください」と言うのと一緒だ。グーグルはこういう種類のリンクを好む。Googleが描く壮大な夢は、人々や企業、組織が現実世界で築いている関係を、リ

    「SEOの意外な裏技」その1:注文確認メールでリンクを依頼しよう | Web担当者Forum
  • 企業で使えるオープンソースCMS一挙12種類解説(機能やインストール/管理の難易度評価付き) | Web担当者Forum

    企業で使えるオープンソースCMS一挙12種類解説(機能やインストール/管理の難易度評価付き) | Web担当者Forum
  • 訴求ポイントからタイトル・説明文を作る(前編) | Web担当者Forum

    オーバーチュアスポンサードサーチ[公式ガイド] 使いやすくなったスポンサードサーチ®で ウェブサイトに客を呼び込もう! 使いやすくなった「スポンサードサーチ®」の活用法をオーバーチュアの専門スタッフが解説する初の公式ガイド。 この記事は、第5章「広告のタイトル・説明文の基的な役割を知る クリックを呼ぶコピーライティング」の記事です。 訴求ポイントの7つのタイプタイトル・説明文の作り方は、対象とするユーザーやサービス、商品によってさまざまです。ここでは訴求ポイント別に以下の7つのタイプを挙げて、具体例からタイトル・説明文を見ていきたいと思います(図)。 各タイプの表現は、さまざまなサイトに応用できるので、ぜひ参考にしてください。ここで想定するのは、次の5種類のサイトです。 旅行代理店格安航空券、国内・海外ツアーやホテルの予約を幅広く扱っている 有機野菜通販サイト旬の野菜や珍しい野菜などを通

    訴求ポイントからタイトル・説明文を作る(前編) | Web担当者Forum
  • SEO基本技術のチートシート(トラの巻)を作ってみた | Web担当者Forum

    9か月前、最初にSEOmozで働き始めたとき、僕はウェブ制作のインターンだった。それ以前の経験といえば、コードを書いたことがあるくらいだった。 SEOmozに参加してから、それこそ何百時間もかけて、いろいろな分野の知識を広げていった。特に、定番のSEO手法と中小企業向けの実務は力を入れて勉強した。この間投稿したSEO初心者のためのチェックリストは、僕が新しく手に入れた知識の結晶なんだ。 原点に立ち帰るために、SEO技術のトラの巻の母体となるべきものを丸1日かけてまとめてみた。このトラの巻は、ブログ記事として読むよりもPDFで印刷して読んだ方がいいよ(ブログ記事は印刷しにくいからね)。 ダウンロードする前に内容を確認できるように、簡単な説明をしておくよ。じゃあね! SEO技術のチートシート(トラの巻)――表面

    SEO基本技術のチートシート(トラの巻)を作ってみた | Web担当者Forum
  • キーワード使用の要因 - グーグル&ヤフーのSEO 57要因 日米プロの重要度&コメント付き | Web担当者Forum

    SEOで効く! 検索エンジンが順位を決定する57個の要因 日米SEOプロ60人のグーグル&ヤフー対応版キーワード使用の要因 - グーグル&ヤフーのSEO 57要因 日米プロの重要度&コメント付き [特集] グーグル&ヤフーに完全対応 SEOで効く順位決定57個の要因―保存版 日米のSEOプロ60人が重要度を評価 検索エンジンで上位を獲得するポイント SEOするなら手放せない、SEOmozの「検索エンジンが順位を決定する53の要因」。あの大人気記事に日SEOプロがYahoo! JAPAN向け評価を加えた日SEO要因リストが完成! さらに、雑誌版の記事では省略されていた、SEOプロ全員分のコメントがウェブ版記事では読める! 検索エンジンが検索結果にページを表示する順位を決定する仕組みは非常に複雑になっており、200個以上の要因が使われているといわれている。 この特集では、日米のSEO

    キーワード使用の要因 - グーグル&ヤフーのSEO 57要因 日米プロの重要度&コメント付き | Web担当者Forum
  • [体験レポート]やってみましたペルソナ作り――これがウェブサイト向けペルソナの作り方だ | Web担当者Forum

    Web担編集部では、今回、Web担当者Forumのサイト向けに実際にペルソナを作成してみたので、その様子をレポート形式でお届けする(ペルソナについて詳しくは「ウェブサイト向けペルソナを理解して、思いこみのユーザー像と決別しよう」を参照)。 結論からいうと、ペルソナ作りはWeb担当者にとって非常に役立つものであり、編集部のスタッフは、今回のペルソナ作りによって新しい発見と良い刺激を得ることができた。また、ペルソナ作成はしっかりとした方法論のもとに行う必要があり、経験のある人の助けを借りることは必須だということもわかった。 使えないペルソナで失敗した経験実はWeb担編集部では、最初にメディアの中心としてのウェブサイトWeb担当者Forumをスタートした2006年7月の時点で、一度ペルソナを作成していた。「台東区にある玩具などのメーカーに勤める三島啓介さん(32才)」というペルソナだ。しかし、そ

    [体験レポート]やってみましたペルソナ作り――これがウェブサイト向けペルソナの作り方だ | Web担当者Forum
  • キーワード調査 - 『検索エンジン最適化の初心者ガイド』改訂版#5 | Moz - SEOとインバウンドマーケティングの実践情報

    検索マーケティング分野において、キーワード調査は重要で価値が高く、見返りも大きい作業の1つだ。自分がかかわっているマーケットではどういったキーワードが多く使われているのかを解き明かす探偵のような作業によって、SEOを行う際にターゲットとすべき語句がわかるだけでなく、顧客の全体像を把握することもできる。こういった情報がどれだけ役に立つかは、いくら強調しても足りないくらいだ。キーワード調査を行えば、使われるキーワードの変化を予測して市場状況の変動に対応できるだけでなく、現時点で盛んにウェブ検索の対象となっている製品、サービス、コンテンツを提供することも可能となる。消費者心理がここまで理解しやすくなったことは、マーケティングの歴史の中でかつてなかった。これを利用しないなんて、ほとんど犯罪だ。 キーワードの価値をどのように判断するか検索エンジンに入力されるすべての検索語句は、何らかの方法で記録され

    キーワード調査 - 『検索エンジン最適化の初心者ガイド』改訂版#5 | Moz - SEOとインバウンドマーケティングの実践情報