タグ

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

  • インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久

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

    インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
  • SEO屋をブラックからホワイトまで7分類してみた | 初代編集長ブログ―安田英久

    今日は、SEO事業者の話題を。いろんな人が「SEOやります」と言っていますが、その中身は千差万別。ルールを守るところからルール無視のところまで、いろんなタイプのSEO事業者を分類してみました。 SEO事業者といっても、ユーザーのニーズを調査してどんなコンテンツを作りサイトの構造をどうするべきかアドバイスするところもあれば、「リンク1003万2000円」とリンクだけを売るところ、他のSEO事業者にリンクを卸すところなど、いろいろです。 SEOを依頼するならば、何をしてくれるのかを知ったうえで頼むのがいいのですが、今回はその手前、検索エンジンの利用規約やネットの一般的なルールを守るか守らないかと、検索エンジンに対する知識の深さでマッピングしてみました。 上図の横軸に示す「ホワイト」がルールを守るタイプで「ブラック」がルールを守らないタイプを、縦軸が検索エンジンに関する知識の有無を示します。

    SEO屋をブラックからホワイトまで7分類してみた | 初代編集長ブログ―安田英久
    soma1080
    soma1080 2011/08/29
  • Zen Codingの基本的な使い方 | Zen Coding 3-1 | HTML+CSSコーディングが10倍速くなるZen Coding

    Zen Codingを使ってHTML/CSSコーディングするには、Zen Codingを導入した環境でそれぞれのHTML/CSSタグの「省略形」(Abberiviation)といわれる略語を入力し、「展開」を実行([Expand Abberiviation]メニューを選択、あるいは +キーを押す※)します。入力した省略形を「展開」(Expand)すると、統合開発環境のスニペット(統合開発環境から短いプログラムコードを呼び出す機能)のように、一連のコードが生成されるしくみになっています。 省略形を覚えるのはたいへんだと思うかもしれませんが、1章で述べたとおり、すべてを覚える必要はありません。自分がよく使うタグの省略形だけを覚えればじゅうぶんです。 また、Zen Codingの省略形は、HTMLの場合はHTMLタグの名前の、CSSの場合はスタイル指定のためのプロパティ名の頭文字などになっていま

    Zen Codingの基本的な使い方 | Zen Coding 3-1 | HTML+CSSコーディングが10倍速くなるZen Coding
  • リスティング広告の成果を上げる“アカウント設計力” | SEMマスターのリスティング広告ノウハウ伝授

    前回の記事では、目標達成のためのリスティング広告戦略を解説しました。しかし、どんな戦略であれ、実行しなければ意味がありません。今回は、実際に施策を行う際に行わなければいけないリスティング広告のアカウント設計を解説します。 あなたのリスティング広告アカウントでは、どのようなルールでキャンペーンや広告グループが作られていて、どのようなルールで予算を配分していますか? もし「製品カテゴリに応じてグループ化」「予算は全体でまとめて」という場合は、この記事が参考になるでしょう。限られた予算でリスティング広告をうまく運用して成果を出すには、「アカウント設計」が非常に重要なのです。 アカウント設計① 検索キーワードごとのモチベーションを理解するリスティング広告のアカウント設計の第一歩は、ユーザーのモチベーションに応じたキーワードの分類です。 検索キーワードには、検索ユーザーのさまざまなニーズが隠されてい

    リスティング広告の成果を上げる“アカウント設計力” | SEMマスターのリスティング広告ノウハウ伝授
  • リスティング広告0.2から学ぶ4つの実戦的攻略法 | 企業ホームページ運営の心得

    コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) これらはある雑誌企画でさまざまな職種の方に「ツイッター」を使わせて、成功事例として紹介されたものです。読後、「それがネットじゃん」と静かにつっこむ私がいました。ツイッターに限らず、メルマガやブログでもできていたことを、ネットの使い方を知らない人に使わせて記事にしただけのことです。それが「企画だ」という開き直りに返す言葉を持ちませんが、ホームページを「商売」に結びつけるなら「リスティング広告」の方が近道です。 と

    リスティング広告0.2から学ぶ4つの実戦的攻略法 | 企業ホームページ運営の心得
  • 渋谷で働かないWeb屋のためのエリア戦略 | 企業ホームページ運営の心得

    コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) もう何社の「廃業」を見たことでしょうか。近所で競合Web屋(ホームページ制作業)の看板が上がれば、胸中穏やかではありませんが、しかし看板を下ろす姿は同業者として切ないものがあります。廃業するにはさまざまな理由があるのでしょうが、彼らのサイトにある「制作実績」をみて共通するのは広範なエリアに顧客を持っていることです。反対に堅調に事業を営む人は「地元」を中心に集客しています。 Web屋さんのホームページでフッターや

    渋谷で働かないWeb屋のためのエリア戦略 | 企業ホームページ運営の心得
  • SEO業界の専門用語 - 知っておかないと会話できない基本編 | Web担当者Forum

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

    SEO業界の専門用語 - 知っておかないと会話できない基本編 | Web担当者Forum
    soma1080
    soma1080 2010/07/22
  • 内閣官房が“ダメ”と言ったIE6、でもなぜ消えずに残り続けているのか? | 初代編集長ブログ―安田英久

    今日は、ブラウザの話を。Web業界を未だに悩ませるIE 6に関して、内閣官房情報セキュリティセンターから発表されたIE6からIE8への移行推奨の話題などをお届けします。 内閣官房情報セキュリティセンターがIE6からIE8への移行を推奨少し古い話になってしまうのですが、そういえばWeb担で書いていなかった、ちゃんとお伝えしたい話題があります。 内閣官房情報セキュリティセンター(NISC)は、各府省庁にIE6からIE8への移行を推奨したうえで、今後ウェブアプリを構築する際には最新のブラウザに対応する設計とすることを5月12日付けで指示したと6月17日に発表しました。 政府機関において未だIE 6が使われているが、IE6は旧型のブラウザであり、マイクロソフトがセキュリティ面でのリスクがあることなどを理由にIE6からIE8への移行を勧めていることを背景としたものです。 内閣官房情報セキュリティセン

    内閣官房が“ダメ”と言ったIE6、でもなぜ消えずに残り続けているのか? | 初代編集長ブログ―安田英久
    soma1080
    soma1080 2010/07/17
  • 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とインバウンドマーケティングの実践情報
  • 直帰率を下げるためのアクセス解析術――回遊分析(1) [アクセス解析tips] | 衣袋宏美のデータハックス

    前回まで4回にわたって流入分析を解説してきたが、今回からは回遊分析についてお話ししていく。回遊分析とは、サイトに来訪したユーザーが目的の情報にたどり着けているかを明らかにするための分析である。サイト内でユーザーが最初に見るページを「入口ページ(ランディングページ、閲覧開始ページ)」と呼ぶが、まずは入口ページでの直帰率が分析ポイントとなる。 何らかの目的を持って来訪したユーザーが、入口ページを見ただけでサイトから出ていってしまうことを「直帰」といい、直帰したユーザーの割合を「直帰率」という。直帰率が高い場合には、いきなりアクセス解析から始めるよりも、まずは基的なことができているかどうかを確認しよう。一般に直帰率を下げる施策としては、 全文表示しないで続きを読ませる(ブログ)商品を多く並べて賑やかにする(ショッピングサイト)Flashの多用をやめる画像リンクをテキストリンクにするといった基

    直帰率を下げるためのアクセス解析術――回遊分析(1) [アクセス解析tips] | 衣袋宏美のデータハックス
  • Webサイト品質管理のチェック項目リスト | 人手に頼らないWebサイトの戦略的品質管理指南

    Webサイト品質管理のチェック項目リスト | 人手に頼らないWebサイトの戦略的品質管理指南
  • ウェブには編集力が必要だ - 御社には“価値あるコンテンツ”を作る人がいますか? | 初代編集長ブログ―安田英久

    今日は、企業サイト・マーケ・広報・ソーシャルメディアなど幅広く関係する話を。企業内において「コンテンツ」を作る役割のスタッフや体制作りに関する話題です。 御社では、顧客や見込み顧客に対してどんなメッセージを発信していますか? そして、そのコンテンツはだれが作っていますか? そもそも、「価値あるコンテンツ」とは何でしょうか。それは、企業が自ら発信する、売り込みのためではない情報だと考えてください。 いまの消費者は、企業が売り込みのために伝えたいことを発信するだけでは、反応してくれなくなっています。また、マスメディアを通じた情報発信も信頼されづらくなっていますし、情報が洪水のようにあふれている時代にはマスメディアの効果も(相対的に)下がっています。そもそもネットでは、価値のあるコンテンツでなければ見てもらえません。 そのために、自社サイトやソーシャルメディアなどの場で、受け取る人にとって役に立

    ウェブには編集力が必要だ - 御社には“価値あるコンテンツ”を作る人がいますか? | 初代編集長ブログ―安田英久
  • 自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南

    Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介 数百ページ~数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。 自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。 最も効率良く診断できる専門ツール手前

    自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南
  • SEOレベル1の人によくある10の間違い など10+1記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ

    SEOレベル1の人によくある10の間違い など10+1記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ
  • 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
  • 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の違いとは? パーツの構造・名称・意味も大解説! | 初代編集長ブログ―安田英久
    soma1080
    soma1080 2010/03/09
    結構、混同しがち。
  • モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは

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

    モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは
  • 【漫画】Webマーケッター瞳 シーズン1 コーナーの記事一覧 | Web担当者Forum

    【漫画】Webマーケッター瞳 シーズン1 コーナーの記事一覧 | Web担当者Forum
  • 社内でSEOを本気にさせる方法&チェックシート | Web担当者Forum

    世界的に有名な検索マーケティング関連のイベントといえば、「SES(Search Engine Strategies)」。去る12月に米シカゴで 開催されたSES Chicagoのセッション内容から、企業でマーケティング担当の立場からSEOを推進しようと考えるときにヒントとなるセッションを紹介しよう。ワシントンポストの新規顧客獲得マーケティング担当シニアディレクターである、ロシェル・サンチリコ氏の講演だ。 あなたの会社にいる大多数の人はSEOに無関心であるサンチリコ氏が登壇したのは2日目の「リアルタイムSEO:もう昨日のニュースはいらない」というセッション。ニュースサイトのSEOという切り口でのセッションだったのだが、彼女はそのなかで「SEOを実施していく際に、いかにして組織を動かしていくか?」というテーマでプレゼンテーションを行った。 彼女はマーケティング担当なので編集や制作には関わっては

    社内でSEOを本気にさせる方法&チェックシート | Web担当者Forum
    soma1080
    soma1080 2010/01/12
  • 何でもないようなことが大切だった。ホームページのあるべき心 | 企業ホームページ運営の心得

    (心のノート 中学校 平成21年度改訂版 19ページより抜粋)。 清々しいほど健全な教えで、アラフォーの私でも「そんな強い力」の入手方法を知りたくなります。私の友人は「あるべき心の見市」という主張にこう反論しました。 「道徳ってそういうものじゃない?」 新年、最初のコラムはホームページの「あるべき心」について。 強制されるコンテンツ道徳教育についての是非は稿で論じるものではりませんが、「内心の自由を侵す」とし「道徳」を強制することに反対する人や団体がいます。私は一般論として「教育」に一定の「強制」は必要と考えます。たとえば、かけ算「九九」の暗記を強制されますが、これにより割り算や分数を理解する基礎体力が身につき、大人になってからスーパーマーケットで「3割引」の価格を瞬時に計算できるようになります。つまり基や基礎の強制は人のためという考えです。そしてそれが後の教育の「よすが」となりま

    何でもないようなことが大切だった。ホームページのあるべき心 | 企業ホームページ運営の心得