SEO・Yahoo・Googleのトピックとテクニック・検索エンジン最適化

Googleもスマートフォンに参入、ノートPCが完全に主流になるなど、ブロードバンドから逆に回線の「低速化」が起こっています。 参考： 今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話 また、GoogleはWebの表示速度をPageRankに加味することを検討中であることを明言して...

2010年1月9日、ベルサール神田にてCSS Nite LP, Disk 8「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」を開催し、400名弱の方にご参加いただきました。スライド、音声はフォローアップメールにてお知らせします。アクセス解析イニシアチブのセミナー案...

iPhoneを始めとするタッチパネル＆フルブラウザ搭載のスマートフォンの普及が進んでいる。iPhoneの出荷台数は世界で3000万台、日本国内に関して公式な発表はないが200万台を超えていると推測されている。今後はWindows Mobile端末の進化やAndroid携帯電話により、このスタイルの...

ユーザビリティでやってしまいがちなミスや見落とされがちな10の罪とその解決方法をLINE25から紹介します。10 Usability Crimes You Really Shouldn't Commit下記は、やってしまいがちなユーザビリティの10のミスとその解決方法を意訳したものです。はじめに1...

2009-11-24High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ラベル:performanceCSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Perf...

URL:おすすめ一言コメント（20文字以内）:サイト投稿@ついったー @bookma_orgへ推薦したいサイトのURLを含むリプライを飛ばすことでサイト投稿ができます！ サイト投稿支援Greasemonkey Script Ctrl(cmd)+Shift+Enterで簡単にサイト投稿することができ...

7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なこ...

Yahoo!とGoogleの上位表示でアクセスアップ！！SEO対策について初心者の方にも分かりやすく解説します。完成したサイトにSEO対策を施すよりも、始めからSEOを考えて制作を行った方が効率も良く、バランスの取れたサイトが出来上がります。基本となるデザインレイアウト上図はネットで配布されている...

Webサイトのパフォーマンスを改善できる、 画像整理＋CMS的ツール10選このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみて...

これ、ちょっと素敵かも。Redesign Googleでは、Googleの検索結果画面をあなたの好きなようにデザインし、みんなと共有することができる。デザインするにはオンライン上のCSSエディタを使う。フォントの見た目を変えたり、背景画像を変えたり、といったことが可能だ。そうして作られたデザインは...

Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？　もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。下記のグラフは、「Simple-Talk」という海外の...

Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。・テキストハイライト時の色を変更するSafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下::selection{ /* Safari and Opera */ bac...

Yahoo!とGoogleの上位表示でアクセスアップ！！SEO対策について初心者の方にも分かりやすく解説します。効果があると言われていたSEOのうち既に過去のものになっている対策方法や、気にするほどでもないくらい与える影響が小さくなっている手法を取り上げて見ます。検索エンジンは多くの情報を公開して...

Web Performance Best Practices下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。キャッシュの最適化往復遅延時間を減らすHTTPリクエストを減らすロードサイズを減らすレンダリングの最適化1. Optimize cachingキャッシュの最適化ブラ...

Googleの成功の最大の理由の一つがスピードだ。検索は通常、一瞬で結果が出る。そのほかのサービスも、速いものが多い（Gmailだけは例外だが）。このスピードをもたらしている要素の一つが、同社の徹底的に簡素化された設計と大規模なサーバファームだが、ページのロードを高速化するための果てしない最適化努...

Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22～33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。Web forms desig...

今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。すでにサイトを運営している人は、やってないものがないか確認してみましょう。サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XM...

ユーザーがどこを見ているか、その視線を追うことができるアイトラッキングシステムですが、それを使った実験の結果がまとめられていました。ウェブを作る際にどこに気をつければ良いかがわかって参考になりますね。12のポイントがありますので早速超訳してみます。タイトルは写真よりも注目される写真が一番目立つかと...

Vertically Center Multi-Lined Text demoデモでは、一行、複数行ともに中央に配置されています。仕組みは、吹き出しに「display: table;」、その中のパラグラフに「display: table-cell;」を指定し、天地左右中央に配置します。HTMLTo...

画像置換の話題がはやっているようですのが、SEOに関して肝心なところ出てきていないようですので補足しておきます。ひとまず、関連エントリーのまとめ画像置換乱用してませんか？ | THE HAM MEDIA 画像置換について « grandes cedro 画像置換について考えてみました｜linker...

2009年04月07日やる夫でも判るSEO対策１０項目カテゴリ：WEBデザインＳＥＯ対策として現在コレが正しいといえるものはございませんが、一般的なセオリーとして、妥当だと思われている項目をチェックしておきましょう。 ◆１：タイトルは正しく記述現在SEOで最も重要とされており、どのセミナーに参加し...

IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer CollectionInternet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet ...

WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集2009年03月23日WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが１ヶ月でWEBデザイナーに転身する方法 というエントリを見て...

あ、すっごい便利。iconPotは無料！、かつ、商用利用もOK！、かつ、クレジット記載も不要！というアイコンばかりを集めたサイトである。アイコンサイトは数多くあれど、ライセンス関係をいちいち確認しながら利用しなくてはいけない。大抵の人が無料で自由に使えるアイコンを探しているだろうからこうしたサイト...

ウェブサイトを高速化するにあたり、そのフロントエンド処理に着目し、処理効率の向上に役立てることのできるティップスやツールを紹介する。そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。 ウェブのパフォーマンスには2つの重要な側面、すな...

もうそんなの常識じゃん！という人はスルーの方向でお願いします・・・自分メモです。さて、Firefoxでリンクをクリックするとたまに変な点線ができますよね。↑ こういうやつ。かっこ悪い。これ、SEO的に良さそうだからという理由でよく使われている手法です。いわゆるHTMLにテキストいれつつ、スタイルシ...

Better Image Caching with CSS ? Perishable Press CSSを使った画像先読みテクニック CSSの中に、background-image として指定しておくことで読み込ませるような方法もありますが、<div> と position を使って実現する方法 ...

Tracking Clicks, Building a Clickmap with PHP and jQuery これは面白！PHPとjQueryでクリックした位置が分かるクリックマップ作成。 デモとソースコードが公開されていて、自分でも設置できるのがありがたいです。 以下、サンプル画像のチョイス...

なんとなく便利そうなのを探してまとめてみた。　リンク切れおそろしいプログラミング関連 C, CPP, C# Cheat Sheets C, CPP, C#のチートシートがたくさんある 249Prototype Dissectedprototype.js チートシート 347Haskell Chea...

フォームのデザインをちょっと変えただけで300億（$300mですが、まぁ、ざっくりと）も売り上げがあがったよ！というお話。生々しい数値とか出てきて興味深いのでご紹介。原文はちょっと長いので、要約してポイントだけ。あるショッピングサイトのフォームを変えたら売り上げが伸びた、というお話。そのフォームと...