タグ

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

  • HTTP/2でWebページ表示の爆速化を試してみた | 初代編集長ブログ―安田英久

    今日は、少し技術的な話題を。Webページの表示速度を改善するというHTTP/2を試してみました。ブラウザとWebサーバー間の通信を1つの接続で多重化し、スムーズな表示にできたでしょうか。 HTTP/2とは?HTTP/2は、最近のWebページやWebアプリケーションの作りに対応し、高速にコンテンツを表示できるようにという方向で開発された、Webサーバーとブラウザの間での通信に使われるプロトコル(通信手順)です。 最近のブラウザはほとんどHTTP/2に対応しているため、あとはWebサーバー側でHTTP/2に対応すれば、その高速表示を実現できるというわけですね。 現在のWebで一般的に使われているHTTP/1.1は、最後に改訂されてから16年弱の歴史があります。そのため、新たなものとしてHTTP/2をIETFのhttpbisワーキンググループが定めたのがHTTP/2です。 もともとグーグルが作っ

    HTTP/2でWebページ表示の爆速化を試してみた | 初代編集長ブログ―安田英久
  • canonical属性とは/link rel=”canonical”によるURL正規化タグ——SEOにとって非常に重要な進歩(前編) | Web担当者Forum

    canonical(カノニカル)タグは、<link rel="canonical" href="○○">のように使われます。そもそもcanonical属性とは検索エンジンに対してどんな意味を持ったタグなのでしょうか? 基情報からSEOで活用すべきシーンなどを事例で紹介します。 ヤフー、グーグル、そしてMSN Live Search(マイクロソフト)は、新しい「URL正規化タグ」をサポートすると発表した。 このタグを使えば、ウェブマスターやサイトオーナーが検索エンジンのインデックス内での重複コンテンツ問題を解消できる(ただし、自サイト内の問題のせいで生じる重複インデックスのみ)。 僕が思うに、これはSEOのベストプラクティスにとって、サイトマップの登場以来最大の変化だと思う。SEOmozでは最新ニュースを届けることより戦略について論じることに重点を置いているから、このブログで検索エンジン関

    canonical属性とは/link rel=”canonical”によるURL正規化タグ——SEOにとって非常に重要な進歩(前編) | Web担当者Forum
  • これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久

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

    これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
  • あなたもAkamaiのCDNが使える! True CLOUDはEC/Webサイト向けクラウドの真打か | 初代編集長ブログ―安田英久

    ネットショップ担当者やWeb担当者にとって夢のようなクラウドサービスが開始された。GMOホスティング&セキュリティが2010年3月からサービスを開始したクラウド型のホスティングサービス「True CLOUD(トゥルークラウド)」だ。 規模を問わずネットショップやWebサイト向けの魅力をもったTrue CLOUDの特徴をご紹介しよう。 まず、True CLOUDは、Webサイトやネットショップを運営するサーバーの機能を提供するサービスだ。つまり、これまでのレンタルサーバーと同様に、契約するだけでネット上にHTMLや画像を公開したり、プログラムを動作させたりできる「パブリッククラウドサービス」だ。 では、True CLOUDは既存のレンタルサーバーと何が違うのだろうか。要点は大きく3つに分けられる。 必要に応じて性能を増減 ―― サーバーの性能(CPU速度やメモリ量)、ディスク容量を、アクセス

    あなたもAkamaiのCDNが使える! True CLOUDはEC/Webサイト向けクラウドの真打か | 初代編集長ブログ―安田英久
  • Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum

    個人利用を中心に急伸を続けるスマートフォン市場は、もはやニッチ市場ではなくなりつつある。過去に企業サイトの携帯電話(フィーチャーフォン)対応が問われたように、今後スマートフォン向けのサイト対応が課題になると考えられる。2010年はスマートフォン元年といわれていたが、2011年は企業のスマートフォンサイトへの投資検討が格化してくるだろう。 2010年、スマートフォンの市場規模は急成長し、『スマートフォン利用動向調査報告書2011』(MCPC監修、インプレスR&D発行)によると、2011年3月末(2010年度)の契約数は、前年の497万契約から63%増の810万契約となる見通しだ。調査によると、契約数は年平均40%以上で拡大を続け、2015年度には4,712万契約に、コンテンツ配信事業も急成長することが予測されている。こうした調査からも、今からサイトをスマートフォンに対応しておくことが決して

    Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
  • 賢い発注はウェブサイト制作フローの正しい理解から――よくある4つの悩み事 | Web担当者Forum

    賢い発注はウェブサイト制作の正しい理解から こんなクライアントは嫌だ! 制作サイドのホンネから知る“成功する制作の進め方” ユーザーを引き付ける魅力ある企業サイト、思わずため息がでるキャンペーンサイトなど、ウェブでは多くの成功事例を見ることができる。しかし、外から見ると美しく見えるプロジェクトも、紆余曲折を経て達成されることがほとんどだ。スムーズに進む案件の方が少ないといってもいい。なぜこうもスムーズに進まないのか? ネットビジネスの基であるウェブサイトの制作は、どのように進むのか、うまく進めるためにはどうしたらよいのかを、成功例と失敗例から理解していこう。 よくある4つの悩み事――制作現場には困った問題が山積みウェブサイトはメディアとしてかなり一般的になり、制作現場のコミュニケーションはスムーズになってきた感がある。しかし、それでも日々さまざまな問題に直面することが多い。ここではまず、

    賢い発注はウェブサイト制作フローの正しい理解から――よくある4つの悩み事 | Web担当者Forum
  • サイトのデザインは54%が「好みで決定」、27%が最後に上司にひっくり返され、90%は消費者の意見を参考にせず/デザイン決定プロセス調査 | Web担当者必見! リサーチ データ&市場調査レポート

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

    サイトのデザインは54%が「好みで決定」、27%が最後に上司にひっくり返され、90%は消費者の意見を参考にせず/デザイン決定プロセス調査 | Web担当者必見! リサーチ データ&市場調査レポート
  • HTMLやCSSが手間なく書けるZen Coding | Zen Coding 1-1 | HTML+CSSコーディングが10倍速くなるZen Coding

    HTMLやCSSが手間なく書けるZen Coding | Zen Coding 1-1 | HTML+CSSコーディングが10倍速くなるZen Coding
  • Google ChromeのSEO向け拡張機能を10個紹介しよう | Moz - SEOとインバウンドマーケティングの実践情報

    数年ごとにウェブブラウザを乗り換えてきて、僕のウェブの使い勝手は、良くなったり悪くなったりしながら変化してきた。僕のブラウザ乗り換え遍歴を振り返ってみるとこんな感じだ。 Netscape → Internet Explorer(IE) → KDEのKonqueror(Windows 98からDebianに乗り換えたのでIEとはおさらばした) → Mozilla Phoenix (Firefoxの前身) → IE(何と……Windowsに逆戻りだ) → Firefox → IE → Firefox そしてここ1年は、Google Chromeを使っている。Google Chromeは、特に驚くほど多種多様な拡張機能があることから、僕の毎日のウェブ活用法に最も大きな影響を与えた。それに、このブラウザは軽いし、かっこいいテーマがあって見た目もおしゃれだ。まだ使ったことがないなら、試してみることを

    Google ChromeのSEO向け拡張機能を10個紹介しよう | Moz - SEOとインバウンドマーケティングの実践情報
  • サブドメインとは/関連サイトを作る場合はサブドメイン名で作った方がSEOに有効である? | 正しいSEO相談室

    ①同ドメイン名でコンテンツを作成すると、そのサイトのボリュームを増やすことにつながります。それは、あなたのサイトがより多くの情報を持つことになり、検索エンジンからの良い評価につながる可能性があるからです。短所としては、そのコンテンツからのリンクはサイト内リンクとして扱われるため、別の2つの方法に比べてその評価は低いものとなります。 ②別ドメイン名で新規サイトを作成する場合の長所は、リンクがサイト外リンクとして扱われるため、比較的高い評価につながります。しかし、新規に取得・開設されたばかりのドメイン名は検索エンジンに評価されにくいという、エイジングフィルタの問題などがあるため、そのサイトの情報が検索エンジンから評価を得るまでには若干の時間とコストを要する場合があります。 ③サブドメイン名の場合は、基的には別ドメイン名と同様の効果が発生します。しかし、ドメイン名とサブドメイン名の関係性を検

    サブドメインとは/関連サイトを作る場合はサブドメイン名で作った方がSEOに有効である? | 正しいSEO相談室
  • DMCAとは/あなたの著作物をパクったサイトをGoogle八分に追いやる正しい手順 | 初代編集長ブログ―安田英久

    今日はいつもと少し視点を変えて、自分のコンテンツをパクったサイトがあった場合に、そのサイトが検索エンジンで表示されないようにする手順を紹介します。しかも、グーグル公式の方法で、DMCA(デジタルミレニアム著作権法)に基づく正式な方法です。 サイトのコンテンツがパクられた!世の中には、他人の著作物を盗用することに一切の罪の意識をもたない人も多数います。そのため、あなたのサイトのコンテンツを(自動的にまたは手動で)コピーして別のサイトを作り人がいないとは限りません。特に、あなたのサイトが人気を集めていて、RSSフィードを提供していればなおさらです。 そして、場合によってはあなたのサイトのコンテンツを盗用した悪質なサイトが、検索エンジンであなたのサイトよりも上位に表示されてしまう場合もあるでしょう。 最近のグーグルは重複コンテンツの扱いがうまくなっており、同じコンテンツが複数の場所で掲載されてい

    DMCAとは/あなたの著作物をパクったサイトをGoogle八分に追いやる正しい手順 | 初代編集長ブログ―安田英久
  • TwitterにURLを流すとインデックス化に効果があるのか? 実験してみた | Moz - SEOとインバウンドマーケティングの実践情報

    フォロワーからの注目やリンクを集めることを期待して、自分のTwitterアカウントで新しい投稿や製品についてつぶやく人は多い。こういった活動が、インデックス化されるページの増加や迅速なインデックス化にもつながるとしたらどうだろう? jtkaczukが2010年3月に、「Twitterをサイトマップとして利用する」という記事をYOUmozに投稿した。僕はこれを読んでからTwitterのパワーについて考え始め、Twitterをもっと活用することがインデックス化の助けになるんじゃないかと思うようになったんだ。 そこで僕は、ほんの数か月だけささやかな実験を行ったのだが、その結果は驚くべきものだった。 Twitterとインデックスの実験の方法この実験では、次のことをそれぞれ追跡できるようにした。 新製品がサイトに追加されたことそれがツイートされたことGooglebotにクロールされたことグーグルでイ

    TwitterにURLを流すとインデックス化に効果があるのか? 実験してみた | Moz - SEOとインバウンドマーケティングの実践情報
    inouetakuya
    inouetakuya 2010/11/12
    新製品や新しい投稿を発表する際、サイト内リンクのほかに3件以上のRTを獲得したツイートがあれば、インデックス化されるまでの時間が短く、インデックス化率も上がることがわかる。
  • SEO業界の専門用語 - 知っておかないと会話できない基本編 | Web担当者Forum

    今日は、SEO業界に特有な用語をさらっと解説します。SEO業界以外では使わないものや、ほかで使われているのと意味が違うものなど、知っておかないと、その筋の人と会話しづらくなるものに限定して紹介しましょう。 検索エンジンの仕組み関連オーガニック検索(オーガニックサーチ、自然検索)ユニバーサル検索(ブレンド検索)SERP(サープ)インデックスアルゴリズムQDFリンク関連リンクグラフ被リンク(バックリンク、インリンク、インバウンドリンク)リンクジュースリンクポピュラリティ(リンク人気)アンカーテキスト(リンクテキスト)有料リンクオーガニックリンク(ナチュラルリンク)nofollow(ノーフォロー)リンクビルディング(リンク構築)オーソリティ(オーソリティ性)その他SEO関連ブラックハット、ホワイトハット、グレーハットペイレベルドメイン名ワードサラダリダイレクトウェブマスターツール、サイトエクスプ

    SEO業界の専門用語 - 知っておかないと会話できない基本編 | Web担当者Forum
  • 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とインバウンドマーケティングの実践情報
  • 滅べばいいのにと思うSEOの10の迷信(都市伝説) | Moz - SEOとインバウンドマーケティングの実践情報

    検索エンジンは網羅的なガイドラインを提示するわけではない(それどころかSEOを正しく行うのに必要な要素の十分の一すら出さない)。 この記事では、SEO業界にはびこる間違った情報、それも正しいSEOの妨げとなる情報について見ていこう。この記事で取り上げた「SEOの迷信(都市伝説)」は、次の10個だ。 パーソナライズ化は検索順位にどの程度影響するのか?トップページを毎日更新しないと、検索順位は維持できないのか?相互リンクはグーグルでは効くのか?「キーワード密度」には意味があるのか?ドメイン名にハイフンを使うのはSEOで不利?検索結果でのクリック率が順位に影響する?h1要素は検索順位獲得に貢献するか?他のサイトにリンクを張ることは、順位が上がるのに役立つ?PageRankを見れば順位が予測できるのか?コンテンツがよければ、高い検索順位を得られるか? ここで挙げたものの多くは、Search Eng

    滅べばいいのにと思うSEOの10の迷信(都市伝説) | Moz - SEOとインバウンドマーケティングの実践情報
  • グーグルで働いてました。どんなサイトがスパム判定されるか知ってます など10記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ

    デジタル ポイント フォーラムに、以前グーグルに勤めていたという人物が、ペナルティやインデックス削除の内情について語った。当にグーグルで働いていたのかはまったく不明だが、言っていることの中にはもっともらしく思えるものもあるので紹介する。この人物は次のようにフォーラムに書き込んでいる。 サイトが一定のクリック率に到達すると人間のレビューが入る。 収入を求めて在宅で働いている主婦や外国人が、グーグルの軍隊であるかのようにサイトをチェックしている。8時間連続でサイトを見続けている彼らのだれかがあなたのサイトをスパムサイトだとみなしたら、そこで終わり。 グーグルはスパムを3つのカテゴリに分けている:スパムを意図していないスパムの可能性ありスパム目的で作られたグーグルがスパムだとみなすサイトとは、サイト全体に大量の広告があるサイト、ポップアップが表示されてそれを消すために4回もクリックしなきゃいけ

    グーグルで働いてました。どんなサイトがスパム判定されるか知ってます など10記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ
  • 記者を強烈に萎えさせるダメリリースの破壊力 | 初代編集長ブログ―安田英久

    今日は、プレスリリース(ニュースリリース)の書き方について。編集部には日々いろいろなリリースが届くのですが、なかには、かなりの破壊力をもって「リリースをチェックする気力」を失わせる、強烈なダメリリースがあるのです。そのいくつかを紹介しましょう。 ※2009-11-16 当初「仏の顔」などの「聖☆おにいさん」関連のネタを埋め込んでいましたが、元ネタを知らない人にはわかりづらいうえにネタとしても意味が薄かったので書き換えました。 Web担編集部では、インターネットマガジン時代からのリリース宛先を含めて、日々届くリリースをチェックしているのですが、IT/ウェブ/マーケ系なので、届くリリースの数は1週間に1000~2000件ほど。そんななかから、救いようのないリリースを、メールソフトの「ダメリリース」フォルダに保存しておくのが密かな趣味だったりします。 リリースのチェックにはあまり時間をかけられな

    記者を強烈に萎えさせるダメリリースの破壊力 | 初代編集長ブログ―安田英久
    inouetakuya
    inouetakuya 2009/11/11
    リリースのチェックにはあまり時間をかけられないので、ざっとタイトルを眺めて媒体に合いそうなものをピックアップしていくのですが、ほとんどのリリースは、 ○○社が△△なサービス□□を◇日に開始 のような件
  • メンテナンス中画面を出す正しい作法と.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
    inouetakuya
    inouetakuya 2009/06/17
    メンテ中画面を出す悪い例としては、次のようなものがあります。
  • Google Ad Planner(アドプランナー)で“あのサイトのPVやUU”を調べてみよう! | 初代編集長ブログ―安田英久

    Google Ad Planner(アドプランナー)で“あのサイトのPVやUU”を調べてみよう! | 初代編集長ブログ―安田英久
    inouetakuya
    inouetakuya 2009/05/27
    広告出稿を考えているマーケ担当者ならば、一度は使ってみるべきツールですね。 改めて解説すると、Google Ad Plannerは、広告主が出稿先を検討するツール。URLを指定すると、そのサイトのページビュー(PV)、ユニークユー
  • 1