<p class="thumb"><img src="http://web-marketing.zako.org/images/2009/12/best-chrome-ex-webtan.jpg" alt="WEB担当者向けChrome拡張機能" title="WEB担当者向けChrome拡張機能" width="514" height="204" class="alignleft size-full wp-image-11773" /></p>
<p>このエントリは、<a href="http://web-marketing.zako.org/web-tools/best-google-chrome-extensions.html">厳選Google Chrome 拡張機能 まとめ</a>のうちのWEB担当者向け拡張機能を分けてまとめたものです。</p>
<!--more-->
<h3 id='webtan' class='header-label'>WEB担当者お役立ち系 拡張機能</h3>
<p>Chrome拡張機能まとめ記事全体でのコンセプトになりますが、同じような機能を持っているものであれば、一番オススメのものだけ、または特徴別にご紹介しています。</p>
<h4 class='tips'>最近の更新</h4>
<p>2011年2月5日：コンテンツの管理方法を変更したため、拡張機能単位でブックマークしていただいた場所に辿りつかない場合がございます。ご迷惑をおかけします。</p>
<h4 id='index' class='tips'>目次</h4>
<p>WEB担当者お役立ち系以外の項目は、別のページに移動します。</p>
<ul>
	<li><a href="../../web-tools/best-google-chrome-extensions.html#google">Google系</a></li>
	<li><a href="./best-google-chrome-extensions-for-browser.html#index">ブラウザカスタマイズ系</a></li>
	<li><a href="../../web-tools/best-google-chrome-extensions.html#webservice">WEBサービス系</a></li>
	<li><b>WEB担当者お役立ち系</b>
<ul>
<li><a href="#a">SEO系</a></li><li><a href="#b">短縮URL系</a></li><li><a href="#c">ページチェック系</a></li>
</ul></li>
	<li><a href="../../web-tools/best-google-chrome-extensions.html#design">デザイナーお役立ち系</a></li>
	<li><a href="../../web-tools/best-google-chrome-extensions.html#social">ソーシャルサービス系</a></li>
<li><a href="../../web-tools/best-google-chrome-extensions.html#error">エラーが起こるので気を付けたいもの</a></li>
</ul>

<h3 class="header-label" id="a">SEO系</h3><p>SEO系をご紹介します。</p><h4 class="tips" id="1">SEOチェック 全部入りボタン</h4><p class="thumb"><img src="http://web-marketing.zako.org/images/2010/02/SEO-Site-Tools.jpg" alt="" title="とにかく便利なSEO解析 全部入り Chrome拡張機能" width="514" height="204" class="alignleft size-full wp-image-13386" /><br />↑SEO解析に必要な多くのデータを、一括でわかりやすく表示してくれるChrome拡張機能。SEOmoz のドメイン ランクをボタンに表示するため、本質的なサイトの強さを知ることができます。</p>
<ul><li><a href="http://web-marketing.zako.org/hacks/google-chrome/seo-site-tools.html">SEO Site Tools 詳細</a></li></ul>
<h4 class="tips" id="2">Google ページランク表示</h4><p><img src="http://web-marketing.zako.org/images/2009/12/PageRank-ex.png" alt="Google PageRank" title="Google PageRank" width="400" height="180" class="alignleft size-full wp-image-11682" /><br />↑Googleツールバーと同じように表示。ただしテーマによっては吹き出し上の ”Page Rank ～” が見えなくなります。。。</p>
<ul><li><a href="https://chrome.google.com/webstore/detail/pagerank-status/hbdkkfheckcdppiaiabobmennhijkknn" target="_blank">PageRank インストールページ</a></li></ul><h4 class="tips" id="3">Google ページランクとAlexaランクを表示</h4><p><img src="http://web-marketing.zako.org/images/2009/12/SEO-Status.png" alt="ページランクとAlexaランクグラフを表示" title="ページランクとAlexaランクグラフを表示" width="400" height="317" class="alignleft size-full wp-image-12144" /><br />↑ページランクとAlexaランクのグラフを表示するボタン。</p>
<p>被リンク元ページをページランク込みでサクサク表示する、RapidSiteCheck へのリンクが付いているのも便利なポイントです。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/bjgpmafbkgcchdjehdpnfgfgbdfahapa" target="_blank">SEO Status Pagerank/Alexa Toolbar インストールページ</a></li></ul><h4 class="tips" id="4">SEOチェック機能まとめ</h4><p><img src="http://web-marketing.zako.org/images/2009/12/Chrome-SEO.png" alt="Chrome SEO" title="Chrome SEO" width="402" height="358" class="alignleft size-full wp-image-11486" /><br />↑ドメイン年齢（web.archive.org）やAlexa、Whoisなどのツールで、見ているページをチェックできるボタン。</p><p>英語版にしかないGoogleトレンドのサイトチェックや、Twitter検索のチェックが付いているのも便利です。<br />Googleページランクチェック等の機能も実装予定。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/oangcciaeihlfmhppegpdceadpfaoclj" target="_blank">Chrome SEO インストールページ</a></li></ul><h4 class="tips" id="5">開いたページのMETA情報やnofollowリンクを視覚化</h4><p><img src="http://web-marketing.zako.org/images/2009/12/META-SEO-inspector.png" alt="META情報を表示" title="META情報を表示" width="400" height="330" class="alignleft size-full wp-image-11771" /><br />↑ボタンを押さなくても、自動的にタイトルやdescription、canonical属性などを表示。</p>
<p><img src="http://web-marketing.zako.org/images/2009/12/META-SEO-inspector1.png" alt="nofollowリンクを視覚化" title="nofollowリンクを視覚化" width="400" height="172" class="alignleft size-full wp-image-11772" /><br />↑nofollowリンクを視覚化。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/ibkclpciafdglkjkcibmohobjkcfkaef" target="_blank">META SEO inspector インストールページ</a></li></ul><h4 class="tips" id="6">開いたページのトラフィックをチェック</h4><p><img src="http://web-marketing.zako.org/images/2009/12/2009-12-30-00h46_01.png" alt="トラフィックのグラフを表示" title="トラフィックのグラフを表示" width="400" height="528" class="alignleft size-full wp-image-12090" /><br />↑Google トレンド, Alexa.com, Compete.com の３つのグラフを表示するボタンを追加。</p>
<ul><li>SitezMeter インストールページ</li></ul><h3 class="header-label" id="b">短縮URL系</h3><p>短縮URL系をご紹介します。</p><h4 class="tips" id="7">Googleの短縮URL生成ボタン</h4><p><img src="http://web-marketing.zako.org/images/2009/12/google-url-short-ex.png" alt="goo.gl url shortener" title="goo.gl url shortener" width="400" height="136" class="alignleft size-full wp-image-11786" /><br />↑Googleの短縮URLを生成するボタンです。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/iblijlcdoidgdpfknkckljiocdbnlagk" target="_blank">goo.gl shortener インストールページ</a></li></ul><h4 class="tips" id="8">短縮URLサービスまとめボタン</h4><p><img alt="ChromeMUSE" src="http://web-marketing.zako.org/images/2009/12/ChromeMUSE1.png" title="ChromeMUSE" class="alignnone" width="400" height="165" /><br />↑Google Chromeで複数の短縮URLを使い分けやすくしてくれる拡張機能。</p>
<ul><li><a href="http://web-marketing.zako.org/hacks/google-chrome/chromemuse-multi-url-shortenerexpander.html">ChromeMUSE 詳細</a></li></ul><h4 class="tips" id="9">複数タブのURLを一気にBit.lyで短縮URLに変換</h4><p class="thumb"><img src="http://web-marketing.zako.org/images/2010/12/tab-bundles.jpg" alt="Chrome拡張「Tab Bundles」" title="tab-bundles" width="514" height="204" class="aligncenter size-full wp-image-16795" /></p>

<p>ボタンを押すと、開いている複数のタブを、Bit.lyで一気に短縮URL化することができるChrome拡張機能。</p>
<p>Bit.lyの新しい機能”bundle”を使って複数ページを共有したい時にも便利なものになっています。</p>
<p class="desc"><a href="/google/tab-bundles.html">Tab Bundles の詳細</a></p><h3 class="header-label" id="c">ページチェック系</h3><p>ページチェック系をご紹介します。</p><h4 class="tips" id="10">W3C HTML構文チェックを視覚化</h4><p><img src="http://web-marketing.zako.org/images/2009/12/HTML-Validation.png" alt="HTML Validation" title="HTML Validation" width="400" height="227" class="alignleft size-full wp-image-11960" /><br />↑アイコンで Valid か Not Valid かを視覚化。ボタンを押すと、その場でW3C の html 構文チェックのエラー結果を表示してくれます。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/epoepjgkmfbjagiemjadbjdbappjdgjo" target="_blank">HTML Validation インストールページ</a></li></ul><h4 class="tips" id="11">ページのソースを表示するボタン</h4><p><img src="http://web-marketing.zako.org/images/2009/12/View-Source.png" alt="ページのソースを表示" title="ページのソースを表示" width="400" height="134" class="alignleft size-full wp-image-11961" /><br />↑「ページのソースを表示」ボタンをアドレスバーに表示。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/jgmijkbcdamhedfafdfjboefgjdknomk" target="_blank">View-Source インストールページ</a></li></ul><h4 class="tips" id="12">JavaScriptのイベントトラッキングなどを見える化</h4><p><img src="http://web-marketing.zako.org/images/2009/12/Inline-Code-Finder.png" alt="Inline-Code-Finder" title="Inline-Code-Finder" width="400" height="124" class="alignleft size-full wp-image-11962" /><br />↑ボタンを押すと、開いたページのJavaScriptのイベントトラッキングやリンクなどをページ上に表示してくれます。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/lfllandeffkmadbndfckhdbkekdfahom" target="_blank">Inline Code Finder インストールページ</a></li></ul>