タグ

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

  • ペーパープロトタイプ - Webデザイン図工の時間 | ゼロ円でもできる!? 省コストユーザビリティ向上術

    ミニチュア模型の効用プロトタイプは「試作品」と訳されることが多い。しかし私は「試用品」といった方が適切ではないかと考えている。試作品と言うと「制作者が試しに作ってみる」という意味に捉えられがちだが、当はプロトタイプとは「ユーザーに試しに使ってもらう」ために作るものだからだ。 ここで、たとえ話として、家を建てる場面を考えてみよう。レンガ・木材・コクリートといった素材が、大工などの建築技術者の手によって加工されて組み上げられ、まず家の骨組みができ上がる。さらに屋根や壁が施工され、最後に内装や電気工事を施して家は完成する。しかし、実際には、工事を始める前に建築家が設計図を描いている。その際に建築家は厚紙やスチレンボードを使ってさまざまなミニチュア模型を作ることがある。このような建築模型は、設計の妥当性を検証するとともに、クライアントに見せて、さらに具体的な要望を引き出すために利用される。 模型

    ペーパープロトタイプ - Webデザイン図工の時間 | ゼロ円でもできる!? 省コストユーザビリティ向上術
  • 集客にお金をかけずにサイトの売上をアップさせる方法はありませんか? U会話入門#1 | U会話入門

    こんにちは、株式会社ECナビUIO戦略室の春元です。今回は、コンバージョン率をアップさせるための「U会話」についてお伝えします。 「コンバージョン率」とは、サイトを訪れた人のどれくらいが、Webサイトが成果として想定しているアクションを行ったかを示す用語です。何をもって「アクション」とするかはサイトによって異なりますが、ECサイトならば商品を購入してもらうことですし、ほかにも資料請求、ユーザー登録など、さまざまなアクションが「コンバージョンポイント」になります。コンバージョン率は、日語にすると「顧客転換率」といったところでしょうか(「CVR」と略されることもあります)。 さて「サイトの成果をアップする」というと、「広告を打って集客しなきゃ」と考える人も多いと思いますが、実は集客力をアップさせなくても、売上をアップさせることはできるのです。そう、サイトを訪ずれる人の数が一定でも、コンバージ

    集客にお金をかけずにサイトの売上をアップさせる方法はありませんか? U会話入門#1 | U会話入門
  • Google Analyticsの意外と知られていない便利な裏技5選 | Moz - SEOとインバウンドマーケティングの実践情報

    この間、Google AnalyticsとGoogle Website Optimizerのトレーニングセミナー「Seminar for Success」にSEOmoz社員数人で参加してきた。参加者は全員、Google Analyticsについてそれなりに理解してはいるが、さらに上級者向けの情報を入手して、Google Analyticsの可能性について理解を深めたいと切に願っていた。加えて、何かのトレーニングを受けることは、たとえ自分がよく知っているつもりのものでさえ、必ず役立つものだ! セミナー初日は、Google Analyticsの紹介とユーザートレーニングが行われたが、私がまったく想像もしてなかった使い方のコツや戦術がたくさんあるということにすぐ気付かされた。そのうちいくつかについては、Google Analyticsにそんなものがあるということさえ知らなかったので、愚か者になっ

    Google Analyticsの意外と知られていない便利な裏技5選 | Moz - SEOとインバウンドマーケティングの実践情報
  • URLとURIの違いとは? パーツの構造・名称・意味も大解説! | 初代編集長ブログ―安田英久

    URL(Uniform Resource Locator)とURI(Uniform Resource Identifier)の構造の違いはご存知ですか? Webページのアドレスを指す場合はどちらを使うべきなのでしょう。URLを分解して「https:(スキーム)」「#(フラグメント)」「?(クエリ)」「パス(path)」などの名称・意味についても解説します。 今日は、ノウハウというよりは、豆知識を。「URL」という呼び方と「URI」という呼び方がありますが、どう違うのか、あなたはご存じですか? Webページのアドレスを指す場合は、どちらを使うべきなのでしょうか。 URLとURIは何が違うのか結論から言うと、URIとURLは同じものではありません。「URI」のほうが広い概念で、「URL」はURIの部分集合です。同様の仕組みに「URN」というものがあります。 その3つを別のものにたとえてわかりや

    URLとURIの違いとは? パーツの構造・名称・意味も大解説! | 初代編集長ブログ―安田英久
    deeeki
    deeeki 2010/03/10
  • モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは

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

    モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは
  • SEOに強いCMSはすべての見出しにid/nameを自動で付けるようになる

    これまでの検索結果は「ページ」へのリンクでしたが、「ページ内の各部分」への直接リンクが検索結果に表示されるようになったということです。 具体的な例は、グーグル公式ブログの「新しくなったスニペットで検索結果の目的の場所までひとっ飛び」の記事に示されているものを見るのがわかりやすいでしょう。 → http://googlejapan.blogspot.com/2009/10/blog-post_14.html どちらの機能も、基的に、 ページのコンテンツが見出し(h2とかh3)で区切られている各見出し(h2とかh3)にアンカーが付けられているという状態が前提になっていて、自動処理されています。 → http://googlewebmastercentral-ja.blogspot.com/2009/10/blog-post_29.html ここでいう「アンカー」とは、idやnameの属性のこ

    SEOに強いCMSはすべての見出しにid/nameを自動で付けるようになる
  • 第9回 無料でサイトを構築できるCMS+ホスティング16サービスを一挙紹介[番外編] | ステップ式! CMS活用 はじめの一歩

    歴史は個人Webホスティングからブログへ、ブログから直感的CMSへオンラインでサイトを構築できるサービスは、90年代にGeocitiesやTripodが開拓した分野だ。Web上の管理画面でファイルの操作やHTMLソースの編集が行えるのが当時は画期的だったが、使いこなすにはHTMLの知識が不可欠だった。これらのサービスはベンチャーによって開発され、GeocitiesはYahoo!に、TripodはLycosに、freewebはInfoseekに、HOOPS!は楽天によって買収されていった。2000年前後のドットコムバブルのころの出来事だ。 その後、ブログやWikiが一般化するのと同時にブラウザの進化と標準化が進み、ブラウザ上で動作するWYSIWYGエディタが登場した。WordやDreamweaverのような直感的な操作性が、ブラウザのみで実現できるのが、当時としては画期的で、「FCK Edi

    第9回 無料でサイトを構築できるCMS+ホスティング16サービスを一挙紹介[番外編] | ステップ式! CMS活用 はじめの一歩
  • 便利に使えるアクセス解析レポートのエクセルテンプレート | アクセス解析 “超” 基礎講座

    『Web担当者 現場のノウハウVol.8』の読者のために、データを入力するだけで簡単にアクセス解析レポートを作れる、エクセルのフォーマットをダウンロードできる形で用意した。自分なりにアレンジしてぜひ活用してもらいたい。このツールを使えば、アクセス解析ツールだけでは直接読み取れない、別の視点からウェブサイトを解析できる。 また、『Web担当者現場のノウハウvol.8』の特集p.32のステップ7で紹介した、上司への報告書向けのテンプレートも用意したのであわせて活用してもらいたい。 →→エクセルのテンプレートをまとめてダウンロードする。 ページビューで見るウェブサイトの偏差値各ページやディレクトリに「偏差値」をつけるエクセルのひな形を用意した(図1)。統計の言葉の中で、「偏差値」ほどブルブルっとくる言葉はないだろう。一度はこれで悩んでいるはずだ。 →→偏差値のテンプレートをダウンロードする。 偏

    便利に使えるアクセス解析レポートのエクセルテンプレート | アクセス解析 “超” 基礎講座
  • URLの正規化ができていないよく見かける4つのケース | エンジニアのためのSEO入門

    Web担当者さんへ システムで生成していないページでもURLの正規化は重要な要素です。今一度自分のサイトで正規化できてない個所がないか、アクセス解析などのデータをチェックしてみてください。正規化とは「正規化」とは、システム開発の世界でデータベース設計に関連してよく利用される言葉ですが、これをSEOの世界に置き換えてみると、大きく以下の2つの意味になります。 そのキーワードを表すURLは、そのサイト内で1つのみ存在するそのコンテンツは、そのサイト内で1つのみ存在するユーザーが検索キーワードを入力すると、検索エンジンはインデックスされている全ドメインから1~2つのURLをピックアップして、順番に並べて表示します。SEOの対象となる、自然検索(オーガニック検索)結果表示エリアへの露出に関しては、1サイト(=1ドメイン)につき、最大2つのページしか表示されません(Googleではこれをクラスタリン

    URLの正規化ができていないよく見かける4つのケース | エンジニアのためのSEO入門
    deeeki
    deeeki 2009/07/26
  • SEOの“新”ベストプラクティス(中編) - URL正規化/alt属性/meta keywords/フッターリンク など | Moz - SEOとインバウンドマーケティングの実践情報

    SEOの“新”ベストプラクティス(中編) - URL正規化/alt属性/meta keywords/フッターリンク など | Moz - SEOとインバウンドマーケティングの実践情報
    deeeki
    deeeki 2009/07/26
  • メンテナンス中画面を出す正しい作法と.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
  • SEO習得のためのチェックリスト(初心者編) | Moz - SEOとインバウンドマーケティングの実践情報

    物心ついて以来、僕にとって何かを学ぶ最善の方法は、実際にそれをやってみることだった。検索エンジン最適化を理解しようと取り組んでいたとき、僕はやるべきことのチェックリストを数え切れないほど作ったんだ。そこで、SEOを身につけるのにいちばん役立つチェックリストを以下にまとめてみた。SEOについて、あまり経験はないけれどもっと学んでみたいという人たちの役に立てればいいな(おまけとして、イケてるチェックボックスも付けとくね ―― クリックしてもチェックできないけど)。 基的なWebサイトの作り方を学ぶSEOのテクニックに首を突っ込む前に、ウェブ開発の基事項を知っておくことが大事だ。以下の課題に取り組んで、SEO業者として成功するために必要なウェブ開発スキルを養おう。 簡単なWebサイトなら、WYSIWYG式のHTMLエディタなんかは使わずに、自分でソースコードを書けるようにする コードって言葉

    SEO習得のためのチェックリスト(初心者編) | Moz - SEOとインバウンドマーケティングの実践情報
    deeeki
    deeeki 2009/06/10
  • Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum

    今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする(変更点を日付と一緒にメモしていく)XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり/なしの統一を指定するサイトリンクの表示をチェックして調整(以降随時)Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste

    Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
    deeeki
    deeeki 2009/06/02
  • URL最適化5つのSEOポイント | エンジニアのためのSEO入門

    前回の記事では検索エンジン全体の仕組みをおさらいし、その中でもクローラーの動きに着目しました。最新の情報を検索結果に反映させるためには、クローラーになるべく多くの回数自社サイトを訪問してもらい、ページの内容を適切な情報としてインデックスしてもらう必要があります。 このインデックスの際に重要なのが、サイトに対するクローラーの回遊性「クローラビリティ」です。クローラビリティを向上させる要素の1つとして、URLの最適化があげられます。SEOには、キーワードやカテゴリの設計、HTMLの最適化、外的施策などさまざまな対策が考えられますが、その中でもURLの最適化は、最も重要な要素の1つです。いくら他の対策が完璧でも、URLの設定によってはいい効果が期待できません。 一口にURLの最適化といってもさまざまです。この連載では、以下の3つの方法を説明していくことにしたいと思います。 永続化 ←この記事で解

    URL最適化5つのSEOポイント | エンジニアのためのSEO入門
    deeeki
    deeeki 2009/05/29
    URLでのハイフンはキーワードを分割、アンダースコアは連結した1つのキーワードと認識される
  • グーグルの検索順位を決定する4要素――重要度が増えたのは? 減ったのは? | Moz - SEOとインバウンドマーケティングの実践情報

    各評価基準を簡単に分析してみると、こんな感じだ。 ホストドメインの信用度/オーソリティこの要素については、「Florida」アップデート(2003年11月)まで、ほとんどのSEO業者が真剣に考えていなかったと思う。でもFloridaアップデートの後、あっという間に大勢が知るところとなった。その後じわじわと影響力を強めてから、この2年で再び重要度が急上昇し、グーグルで高い検索順位を得る上で支配的な要因となった。 ただし、「キーワードに完全一致するドメイン名+さまざまなルートドメイン名からの大量のアンカーテキスト」といった手法ではもう、WikipediaAmazon、BBCに時たま顔を出すページを凌ぐことはできない、と言っているわけじゃない。要は、こういったオーソリティサイトが一段と重んじられるようになったということだ。 僕らはつい数日前から、Technoratiのようなオーソリティサイトの

    グーグルの検索順位を決定する4要素――重要度が増えたのは? 減ったのは? | Moz - SEOとインバウンドマーケティングの実践情報
  • モバイルサイトを見やすくする絵文字活用&テキストレイアウトのポイント(第3回) | モバイルサイト構築のユーザビリティいろは

    モバイルサイトを見やすくする絵文字活用&テキストレイアウトのポイント(第3回) | モバイルサイト構築のユーザビリティいろは
  • 【これは便利!】Webのレビューに使えるオンライン付箋(アノテーション)ツール9+α個まとめ | Product Showcase

    このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。 今回は、Webのレビューをオンラインで効率化できるアノテーションサービスについて紹介する。 Webレビューのよくある悩みWebのレビューはサイト立ち上げ後に事業者側のスタッフが地道に行っていく運用業務であり、立ち上げに関わる制作・コンサル側はあまりケアしていないのが実情だ。印刷物や各種資料と同じようにWebのレビューを行ってしまいがちだが、実はWebのレビューには課題が多く、改善の余地が多いのだ。 メールやワークフロー画面で修正指示を出すが、テキストのみで表現すると伝わらない。せっかくCMSでワークフローを実装したのに、紙に手で赤字を入れている。紙だとバイク便の時

    【これは便利!】Webのレビューに使えるオンライン付箋(アノテーション)ツール9+α個まとめ | Product Showcase
  • 新コンテンツは別ドメイン名? サブドメイン? サブディレクトリ? SEO的に検討する | Moz - SEOとインバウンドマーケティングの実践情報

    僕は1週間ほど前のWhiteboard Fridayで、「マイクロサイトの間違い」と題して話をした。その中で取り上げたのは、SEOに悪影響を及ぼし得る行為の1つ、別のドメイン名を使って自分のコンテンツサイトに対するリンクをかき集める手法だ。僕はマイクロサイトを使った戦略やドメイン名分割やサブドメインのすべてを否定したわけではなく、こういうのはあまり賢いやり方じゃないと指摘しただけだ。ところが、これに大量のコメントが付いた……。 誤解しないでほしい。僕は読者とコメントをくれる人たち全員の活気、情熱、参加意識の高さを当にありがたく思っている。特に感謝したいのは、反対意見を書いてくれる人たちだ。正直な話、前向きに、そして建設的に反対意見を戦わせるときにこそ、大いに学べることがあると思う。だからコメントはこれからも続けてほしい。 でもこの件に関しては、僕が思いついたさまざまなことすべてを述べるの

    新コンテンツは別ドメイン名? サブドメイン? サブディレクトリ? SEO的に検討する | Moz - SEOとインバウンドマーケティングの実践情報
    deeeki
    deeeki 2009/02/19
  • モバイルサイト構築前に知っておきたいユーザビリティ10のポイント(第1回) | モバイルサイト構築のユーザビリティいろは

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

    モバイルサイト構築前に知っておきたいユーザビリティ10のポイント(第1回) | モバイルサイト構築のユーザビリティいろは
  • Dropbox徹底解剖 - 一度使ったら手放せなくなる! オンラインストレージサービスの本命 | Web担当者Forum

    Dropboxというオンラインストレージサービスを知っていますか? リモートワークが主流となった昨今、仕事に欠かすことのできないファイル同期・バックアップシステムであるドロップボックス。今回は、そのインストールの方法から「リビジョン」「まとめてダウンロード」「パブリックフォルダ」などの便利機能、削除したファイルを戻す方法まで、分かりやすく解説します。2GBまで無料で使える便利ツール、徹底解剖! クローズドβの段階から一部で話題を呼んでいたオンラインストレージサービス「Dropbox」がいよいよ正式公開された。笑っちゃうくらいの便利さに、手放せなくなる人が続出しているこのサービスを徹底的に紹介する。 DropboxとはDropbox(ドロップボックス)とは、米Dropbox, Inc.が運営するオンラインストレージサービスだ。サインアップすればだれでも無料で2GBのディスクスペースを利用でき

    Dropbox徹底解剖 - 一度使ったら手放せなくなる! オンラインストレージサービスの本命 | Web担当者Forum