タグ

chuchujiのブックマーク (1,598)

  • Google、検索ランキング決定の三原則を紹介 ::SEM R (#SEMR)

    Google、検索ランキング決定の三原則を紹介 Googleフェロー・Amit Singhal氏がGoogleのコアランキングチームを紹介。検索ランキング決定の3原則についても触れる。「ローカルの最適がグローバルに通じる」「シンプルさを保つこと」「人手による介入を行わない」。 公開日時:2008年07月10日 14:58 米Googleのフェローでコアランキングチームに所属するAmit Singhal氏は2008年7月9日、Google公式ブログにおいてGoogleの検索結果ランキングについて紹介した。 Googleランキングはアルゴリズムの集合で、クエリに最も関連性の高い文書を探すために用いられている。現在Googleは毎日、数億ものクエリに対し、関連する文書を数百億もの中から見つけ出し、ユーザーに提供している。このランキングアルゴリズムは最も利用されるウェブ検索だけでなく、イメージ検索

    Google、検索ランキング決定の三原則を紹介 ::SEM R (#SEMR)
  • SEO重要要因ランキング(Yahoo! JAPAN版)―日米SEOプロ60人が評価した重要度 | Web担当者Forum

    この特集で挙げた57の要因に関して、Yahoo! JAPANに限定して集計した重要度のランキングを示す。 プラス要因トップ20(Yahoo! JAPAN)titleタグ内でのキーワード使用被リンクのアンカーテキストサイト全体でのリンクポピュラリティ文でのキーワード使用Yahoo!ディレクトリへの登録サイト内部構造としてのリンクポピュラリティリンク元サイトのサイト全体でのリンクポピュラリティサイト開設からの経過時間被リンクの話題関連性サイトの主要テーマと検索の関連性リンク元ページとの話題の関連性被リンク増加率文のコンテンツとキーワードの(トピック分析による)関連性インデックス可能なテキストコンテンツの量h1タグ内でのキーワードの使用話題コミュニティ内でのリンクポピュラリティリンク元サイトとの話題の関連性リンク設置からの経過時間文書公開からの経過時間リンク周辺のテキストマイナス要因トップ5

    SEO重要要因ランキング(Yahoo! JAPAN版)―日米SEOプロ60人が評価した重要度 | Web担当者Forum
  • 色の組み合わせに特化したカラーパレット『Web Color Visualizer』 – creamu

    綺麗な色の組み合わせを考えたい。 そんなときにおすすめなのが、『Web Color Visualizer』。色の組み合わせに特化したカラーパレットだ。 『Web Color Visualizer』では、カラーパレットをクリックすることで背景色を選択することができ、その後マウスオーバした色との組み合わせを見ることができる。 マウスオーバするだけなので、直感的に色を選べる。色の組み合わせに迷ったときに便利だろう。 色の組み合わせに特化したカラーパレット、チェックしてぜひ使ってみていただきたい。 ケータイ会議のチャットではしゃぎすぎてねむい。。 DTP worldを購入。今回も熟読しようっと。

  • SEO基本技術のチートシート(トラの巻)を作ってみた | Web担当者Forum

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

    SEO基本技術のチートシート(トラの巻)を作ってみた | Web担当者Forum
  • 個人・商業サイトで利用可のフリーのアイコン集 -Fine Icons | コリス

    Fine Icons RSSアイコン、クレジットカードアイコン、世界の国旗アイコンなどが公開されています。 また、優れたデザインのファビコンのギャラリーがあり、シンボル、タイポグラフィティなどのジャンルごとに整理されています。

  • 女性の書いたようなやわらかい萌えフォント「あんずもじ」:phpspot開発日誌

    あんずいろapricot・olor 女性の書いたようなやわらかい萌えフォント「あんずもじ」 商用でも利用できるのが嬉しいところです。 これはなかなか使えそうですね。 関連エントリ 萌え系フォントのまとめ

  • WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました

    WEB製作者の為のSEOチートシート SEOmozで配布されているSEOチートシートが素敵ですので日語にしてみました。 重要なHTML要素 title要素にキーワードを含みましょう。 h1,h2,h3要素にキーワードを含みましょう。 b要素、strong要素でキーワードを包みましょう。 img要素のalt属性、ファイル名にキーワードを含みましょう。 a要素のtitle属性、アンカーテキストにはキーワードを含ませましょう。 a要素のnofollowを上手に使いましょう。 インデクシングに関する限界 ページのファイルサイズは150KB以下にしましょう。 ページ内のリンクは100個以内にしましょう。 title要素は70文字(半角)以内にしましょう。 meta要素のdescriptionは155文字(半角)以内にしましょう。 URLの含まれるパラメーターは2個以内にしましょう。 ディレクトリの

    WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました
  • ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって?

    yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが(笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ

  • SEO 「ドメインの持ち主が変わった場合、リンク価値をゼロにする」 - Google Matt Cutts氏 ::SEM R (#SEMR)

    SEO 「ドメインの持ち主が変わった場合、リンク価値をゼロにする」 - Google Matt Cutts氏 サンフランシスコで開催中のDomain Roundtableにて。Google Matt Cutts氏がドメインとSEOの話題に触れる。ドメインの所有者が変わった場合はリンクの価値を無効にする。 公開日時:2008年04月22日 07:10 米Googleエンジニア・Matt Cutts氏は、米国・サンフランシスコで開催中のDomainTools.com主催「Domain Roundtable」にて講演を行い、ドメインに関連する検索エンジン最適化(SEO)について触れた。Matt氏は、もしドメインの持ち主が変わった場合、当該ドメインに張られたリンク価値をほぼゼロにすると述べた。 また、Googleはキーワードと一致するドメイン名にはいくらかのウエイトを置くが、ランキングを考える上で

    SEO 「ドメインの持ち主が変わった場合、リンク価値をゼロにする」 - Google Matt Cutts氏 ::SEM R (#SEMR)
    chuchuji
    chuchuji 2008/04/22
  • http://bizcaz.com/archives/2006/02/08-225445.php

  • 検索エンジンのアルゴリズムとは? 過去6年の変遷にみる順位決定の仕組み | Web担当者Forum

    アルゴリズム検索の結果を相手に仕事をしている検索マーケティング担当者の大多数は、自分たちが少なくとも検索エンジンの「最新アルゴリズムを把握している」と主張しているし、僕がこれまでに聞いた(あるいは、そういう意味で言えば、担当した)クライアント仕事では、9割方この話が少なくとも1回は話題に上っていた。 しかし、この点については、まだ多くの点で当のことがわかっておらず、最近SEOに手を染めたばかりの人たちにとっては、おそらく最も気の重い側面だろうと思う。 というわけで、みんなの苦労を少しでも軽くするため、しょっちゅう変わり続ける検索エンジンの検索結果算定式に、どうすれば遅れを取らずにいられるかという問題に関して、みんなが持つ共通の疑問に答えておいたほうがいいんじゃないかと思ったんだ。 アルゴリズムとは何か? グーグル、ヤフー、マイクロソフトは、それぞれどのようにして、検索アルゴリズムを検索結

    検索エンジンのアルゴリズムとは? 過去6年の変遷にみる順位決定の仕組み | Web担当者Forum
  • ブラウザバグ回避用CSSセットアップ / IEバグ対処フロー | Takazudo Clipping*

    暇だからCSSのセットアップでも載せとく。 CSSレイアウトで問題になるのは、ブラウザごとにバグがあって、それに対応するのにどうするかっていうのが一番困る。でも、ブラウザごとにっていっても、実際に問題があるのは、ネスケ4とかIE4とかMacIEとの当に古いブラウザと、バグの多いけどまだちょっと使っている人がいるIE5、IE5.5、まだまだこれからも高いシェアを続けていくIE6と、かなりましになったけどまだちょっと問題のあるIE7を、なんとかすればいい。逆に言えば、これら以外のブラウザには、フツーに何の仕掛けもなしに、きちんと表示される必要がある。FirefoxとかOperaは、かなりきちんと表示してくれるから。 要するに問題なのはIEばっかりなんだけれど、FirefoxやOperaできちんと表示されていれば、IEでボロボロになってても、大して心配はない。一定の流れでバグ回避をしていけば

  • [CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス

    CSS Globeのエントリーから、スタイルシートのレイアウトで生じる問題を解決する8つの1行のスタイルシートの紹介です。 8 Premium One Line Css Tips 縦方向のセンタリング 高さが固定されている場合、「line-height」を使用して、縦方向のセンタリングが実装できます。 デモページ <textarea name="code" class="css" cols="60" rows="5"> line-height:24px; </textarea>

    [CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス
  • Movable Type 3.2 インストール手順解説

    Movable Type 3.3が公開されました。 MT3.3のインストール手順をお探しの方、もうしばらくお待ちください。 それまでは、筆者のブログで「MovableType3.2から3.3へのアップグレード手順」を公開していますので、こちらを参考にしてください。 投稿者: milano | パーマリンク Movable Typeの2.xの時代からずっと変わらなかった、 1. mt.cfg ファイルの修正 2. ファイルのアップ 3. mt-check.cgi の実行 4. mt-install.cgi の実行 5. mt.cgi の実行 という流れが変わっています。 このため、今までMovable Typeのインストール経験がある人も、多少とまどう事と思われます。 そんな人にも、また、インストールが初めてという人にもわかりやすく、図表付きでインストール手順を解説しました。 また、3.2で

  • シゴタノ! - 2月の仕事を楽しくしたツール・ベスト5〜Firefoxのアドオン編

    日頃から仕事を楽しくするツール、すなわち仕事をスピーディーかつ効率よく終わらせるのに役に立つツール探しには一定のリソースを割いているのですが、その中で今月を振り返って最もよく使ったツールを5つご紹介します。今回は特にFirefoxのアドオン特集。 1.ファイル選択をスピーディーかつストレスフリーに 2.タブをスピーディーに選ぶ 3.Remember The Milkのショートカットキーをスピーディーに使う 4.テキストエリア編集をいつものエディタでスピーディーに行う 5.特定文字の読み取りをスピーディーに行う いずれも今月に限らず、長いものは1年以上使い続けている、それだけに是非おすすめしたいアドオンばかりです。 1.ファイル選択をスピーディーかつストレスフリーに ファイルのアップロードをするような場合、通常は「参照」ボタンをクリックして、そこに表示されるファイル選択ダイアログを使って目的

  • [CSS]Flashを背景にして動作する、階層型ナビゲーション

    CSS playのエントリー「A flyout menu over flash objects」から、Flashを背景にして動作する、階層型ナビゲーションの紹介です。 A flyout menu over flash objects 通常、Flashを背景とするとうまく動作しませんが、下記の手法を使用して実装しています。 swfの埋めこみの記述 「wmode」に、「transparent」を指定。 ※swfファイルの背景色を確認する。 <textarea name="code" class="html" cols="60" rows="5"> <param name="wmode" value="transparent" /> <embed wmode="transparent"></embed> </textarea>

  • http://e0166nt.com/blog-entry-415.html

    http://e0166nt.com/blog-entry-415.html
  • 純国産のソーシャルアドレス帳「Ripplex」のすごいところ ― @IT

    2008/02/29 mixiやGmail、Windows Messenger、携帯メール、私たちは日々かなりの数のコミュニケーションツールを使いこなしている。電話やファクシミリなどを含めると、多くの人は10以上のコミュニケーションツールを使っていることになるだろう。その時々に応じて最適な連絡方法が選べるのは便利だが、誰にどのようにして連絡を取ればいいのか混乱することも多い。2007年12月末に1.0をリリースしたアドレス帳ツール「Ripplex」は“自ら育つ”をキーワードにコミュニケーションツールの問題を解決しようとしている。 関連記事:あるテクノロジ・ベンチャーの肖像―リプレックスは「穴を掘る」 RipplexはmixiのIDや複数の電子メールアドレス、携帯電話番号、携帯メールアドレスなどを管理できるアドレス帳ツール。複数のPC間で情報を同期したり、既存の環境からID情報をインポートす

  • CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル:phpspot開発日誌

    Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。 次のように、CSSで画像を固定サイズにトリミング表示できます。 更にマウスオーバーで画像を元サイズに。 実装について見ていきましょう マークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のCSSを適用。 p.thumb{ float:left; margin:.5

  • Lucky bag::blog: dt と dd を横並びのサンプル その1

    最初に全称セレクタを使って全ての要素を margin: 0; padding :0; line-height: 1.6; としている。 デフォルトの状態 定義用語 定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。 定義用語 定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。 case:1 float を使った方法 定義用語 定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。 定義用語 定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。