よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報

チェックしたいサイトのアドレスを入力するだけでGoogleページランク、Yahoo!WEBランク、トラフィック世界ランク、サイト来訪者数、サイト来訪者の平均ページビュー、最重要に設定されているキーワード、最重要キーワードの月間検索数、Google/Yahoo!/MSNの最重要キーワードでのサイトの順位と競合数・狙い目数値、Google/Yahoo!/MSNの被リンク数、ドメイン取得年月日などがわかります。 今まであちこちの同種のサイトを使っていたのがかなり楽になります。国内サービスなので表示も全部日本語で、非常にわかりやすいです。 SEO TOOLS http://www.seotools.jp/ SEOアクセス解析ツール http://www.seotools.jp/001_seoanalyze/ SEO TOOLS - 順位チェックツール http://www.seotools.jp/

9800個もあるフォントを無料でダウンロードできるサイトです。ちゃんとプレビューも表示されるのでダウンロード前にどんな書体か確認もできます。 ダウンロードするには「DOWNLOAD THE FONT」の下にあるフロッピーディスクのアイコンをクリック。ポップアップしたウインドウに表示されるランダムなアルファベット3文字を入力して「Send」をクリック。あとは表示される「click to download the file」をクリックすればダウンロードできます。 9800 Free Fonts, fonts for free, font finder, download free fonts, free typography http://www.creamundo.com/index.php?lang=en ほかにも以下のサイトで無料のフォントを山ほどダウンロードできます。いざというときに備

「スライディングドア」と呼ぶ方法で全体をヘッダー、ボディ、フッターの3つに分割して、コーナー部分などはオーバーレイとか使ってみましょう、という方法。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.schillmania.com/projects/dialog/ 使用しているコードと画像のダウンロードはこちらから http://www.schillmania.com/projects/dialog/dialog.zip また、こちらに透過PNGを利用したバージョンもあります。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.s

現在のところFirefoxなどのGeckoエンジンとOpera、それからSafari/WebKitベース以外のブラウザでは実現できていませんが、次の「CSS3」だとこういうことができるよ～という例。テキストに影を付けるとか、コーナーを丸くするとかなかなか面白い。CSS3 Preview - Joost de Valk http://www.joostdevalk.nl/code/css3-preview/ ブラウザのサポート状況は以下のサイトが上手にまとまっています。 Web Browser CSS Support http://www.webdevout.net/browser_support_css.php#css3standards W3CのページによるとCSS3というのはこんな感じらしい。 Introduction to CSS3 http://www.w3.org/TR/css3

サイトのコンテンツのレイアウトを考える場合、コンテンツをどのようなレイアウトでは位置すればいいのか悩む場合が多々あります。2コラムにするのか3コラムにするのか、それぞれのコラムの下にさらに子コラムを入れるのか否か、右サイドに置くのか左サイドに置くのか、などなど。 そんな場合に参考になるのがこの「Layout Gala」。CSSによるレイアウトの例が40種類あるので、自分の作りたいサイトのスタイルに近いレイアウトを実際に見てから、CSSファイルをダウンロードできます。Layout Gala http://blog.html.it/layoutgala/ 全部のレイアウトのファイルを詰め込んだファイルのダウンロードは以下から。 http://blog.html.it/layoutgala/allLayouts.zip また、「Yahoo! UI Library」にも単一のCSSファイルで100

CSSを使ったタブ型の各種メニューとか、CSSによる画像のポップアップとか、ドロップシャドウやページカールの作り方などのコードが実際の例と一緒に置いてあります。実例を見てから選ぶことができるので、希望通りのものが手に入りやすいです。 Dynamic Drive CSS Library- Practical CSS codes and examples http://www.dynamicdrive.com/style/ RSSもあるので新しいコードが追加されればすぐにわかります http://www.dynamicdrive.com/style/csslibrary/rss/ コードの種類としては以下のような感じでカテゴリ分けされています。 横型のメニュー http://www.dynamicdrive.com/style/csslibrary/category/C1/ 縦型のメニュー h

153種類のフォント、100種類以上のブラシ、14種類のカスタムシェイプ、17種類のスタイル、30種類のテクスチャ、アイコン形式のフォーマット、プラグイン1つ、さらに7000種類ぐらいの各種プリセットが無料で一気にインストールされます。 22Pixels Flock - Reviews and free downloads at Download.com http://www.download.com/22Pixels-Flock/3000-2192_4-10504543.html ファイルサイズは88.4MB、フルインストールするには153MB必要。これひとつでかなりいろいろできるようになりますね……。 Macintoshの方は中身だけを抽出したこちらをダウンロードすればいいかも。 http://rapidshare.de/files/19238330/22Pixels_Flock_ju

まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配

無効な BOOT.INI ファイルです 次のファイルが存在しないかまたは壊れているため、Windows を起動できませんでした: Windows\System32\Hal.dll と表示された場合、WindowsXPは起動すらしてくれなくなるわけですが、回復できるコマンドが存在しているようです。覚えておくと万が一の事態になった際に役立つかも知れません。 InformationWeek | XP Management | Langa Letter: XP's Little-Known 'Rebuild' Command | 4 17, 2006 http://www.informationweek.com/story/showArticle.jhtml?articleID=185301251 ・簡単な手順解説： XPのセットアップCDから起動して回復コンソールを表示する 「Attrib -H

つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの

いまやネットの世界を左右する強力な検索エンジンとなったGoogle。日本ではまだYahoo！の方がはるかに利用者が多いのでさほどではないですが、アルゴリズムの基本的な考えが似ているため、同じような結果が出てきます。つまり、既存の検索エンジンのその基礎となった一番最初のGoogleの検索アルゴリズムを理解すれば、検索エンジン対策にも役立つはず。 ということで、初代Googleのアルゴリズムをできるだけわかりやすく解説してみます。既存の他サイトの解説とは違い、きちんとした最初のGoogleの数式に基づいています。 詳細は以下から。The Anatomy of a Search Engine http://www-db.stanford.edu/~backrub/google.html Googleの画期的なランク付けの方法が数式による全自動のページランクというのは聞いたことがあると思いますが、