iscle [イズクル] - あなたの生活に役立つネタを!

Webサイト作成やSEOに便利な6つのChrome拡張機能

竹中文人
執筆者:
[最終更新日]2016/07/04
[カテゴリ]Web・IT

web担当者に薦める拡張機能自分のホームページやライバルサイトなど、Web担当者は様々な情報を分析し、ホームページからのアクセスアップや売上アップのために力を注いでいると思います。

そこで今回は、Web担当者にオススメな便利な拡張機能(ブラウザ:Google Chrome)を紹介いたします。

SEO系

SEO Status Pagerank/Alexa Toolba

seo01PageRankとAlexaランクがチェックできる拡張機能です。アクセス数やバックリンク(被リンク)の目安になる指標をワンクリックで確認できるのが便利です!
seo01-1

Majestic SEO Backlink Analyzer

seo02バックリンク数を中心に把握できるもので、単純にバックリンクの数だけでなく、それらリンク群が信頼されているサイトのものなのかがわかります。

サイトデザイン系

Web Developer

d01CSSや画像、divタグやテーブルタグの要素を枠組みで表示したり、また要素を無効化したりすることができます。その他にも様々な機能があり、デザイン系の拡張機能では一番お勧めです!
d01-1

ColorPick Eyedropper

ホームページ内の指定した場所の色が、何色なのかを把握できるツールです。webサイト制作で参考サイトの色を確認するのに役立ちます。

View Selection Source

ホーd03ムページ上のマウスのドラッグで範囲指定した場所のHTMLソースコードを表示することができるツールです。ライバルサイトの分析などでも役立ちます。
d03-1

モバイル対応系

User-Agent Switcher

今Web担当者はPCサイトだけの管理でなく、モバイル対応のサイトにも目を向けなくてはなりません。そこであって便利なのが、PCブラウザからモバイルで見たときにどう見えるかを表示してくれるこのツールです。モバイル以外にも様々なブラウザでの表示にも対応しています。
mobile01

モバイルでの画面確認は拡張機能を使わなくても、Chromeブラウザのデベロッパーツールを使用することで可能です。