Google Chromeの標準搭載デベロッパー ツールでウェブマスターが歓喜！

7月28日のセミナー用資料を作成中で、自分のサイトや競合のHTMLソースなどを見ることもやはり大事と、Google Chromeでソースを表示させようとしたところ、すぐにメニューが見つけられず…

Google Chromeのデベロッパー ツールが凄い！

ページメニューのアイコン？をクリックすると、ソース表示のメニューが見あたらない。

えっと思いながら、「開発/管理」にポインターを移動させてみると…

あれっ、ソースを表示の下の、デベロッパー ツールって？

これを起動させてみると、あれまっ

ちなみに、おそらく最初はChromeの下の方に連結されて表示されるので、左下の「Undock into separate window.」のアイコンをクリックする。すると上図のように別ウインドウになるから、これが最高。

なお、デベロッパー ツールの起動は、目当てのページで右クリックでもできる。

先行者からクールな使い方を教わろうと、ググってみる…

• Google Chrome デベロッパーツール – Google 検索

参考になるのは、やはり上位表示されているページ。

• Google Chromeのデベロッパーツールがものすごく使いやすい！
• 続・先取り！ Google Chrome Extensions：第6回　Firebug要らずなChromeのWeb Inspector

これって、SEOというよりも、ウェブマスターにとってクールなツールになりそう…

SEO塾テンプレート2.0も、WordPress 3に対応させただけでなく、テーマのソースをまったくいじらずにカスタマイズするというモジュール的な仕様になっているので、Chromeのデベロッパー ツールを使って、ピンポイントで追加CSSが書きやすくなるというものだ。

• セルフSEOの決定版！　SEO塾テンプレート×WordPressテーマ

もちろん販売サイトもSEO×WP2.0、テーマをカスタマイズするテクニック を参考に、商用サイト本体でも、誘導ブログでも、サテライトでも、効果的で安全、簡単にSEO済みサイトを作ることができる。

関連記事:

1. Google Chrome（BETA）とSEO拡張機能 ウェブマスターの必需品かも
   ページランクやインデックス数やIPアドレスやwhoisや。ブックマークの同期も...
2. Google Chromeのバージョンアップに失敗したときは…
   フルファイルを別途調達して、オンラインアップを断念...
3. WordPress 3.0とSEO塾テンプレート2.0 バージョンアップ！
   SEOとリカバリーと、SEO塾のノウハウの結晶...
4. さよならIE6 Internet ExplorerとWindowsと他のブラウザーの歴史
   Gumblar騒動で、IE6ユーザーの表示確認は放棄。リスク回避のためにIE8へ...
5. rate-limited-proxy-#-#-#-#.google.com って何だろう？
   Movable Typeのログの残る不気味な足跡。あるテキストを毎日数時間おきに検索とか...