タイトルや見出しの確認など、SEOに便利なブックマークレット

ウェブ制作のページ確認において、非常に便利なブックマークレットをつくったので紹介します。

ページタイトルや、見出しタグのヒエラルキーを表示

このブックマークレットをつかえば、現在のページの以下の情報を確認することができます。

  • TITLEタグ表示
  • METAタグ表示
  • H1,H2,H3,H4,H5,H6のヒエラルキー表示とクリック

導入方法

ボタンをブックマークバーへドラッグするだけで、すぐに導入できます。 動作確認済みブラウザは、Google ChromeとFirefox、IE9 になります。 動かないブラウザがあれば、教えて下さい。

↑ボタンをブックマークバーにドラッグ

特徴

TITLEタグ、METAタグ表示

SEOに重要なTITLEタグや、METAタグを表示し、確認できます。

H1,H2,H3,H4,H5,H6のヒエラルキー表示

SEOに重要なH1,H2などの見出しタグを、ヒエラルキーで表示し、確認できます。

ページ内リンクに

見出しタグはページ内リンクとして利用でき、ページの長いページのブラウズなどに便利です。

ソースコード

このブックマークレットのソースコードを掲載します。自由に改修してつかってください。

ソースコードを編集した場合は、ブラウザのコンソールにコピペしたら動かせるので、それで開発していってください。

完成したら、以下のサービスなどを利用してブックマークレット化できます。

http://userjs.up.seesaa.net/js/bookmarklet.html

エントリー一覧

ソーシャル

About This Site

HTML、CSS、Javascript、デザイン、3D、モバイルアプリ、CMSなど、ウェブ制作関連の話題を扱うブログです。Fireworksのオリジナル拡張機能の配布や、デザインリソースの配布、オリジナルツールの公開も行っています。

About Me


大阪在住フリーのウェブデザイナーの、ピクセルイメージ田中です。長年、ウェブサイト構築のお手伝いを行っており、デザインやプログラムを中心に、Flash全盛期につちかったモーショングラフィクスのセンスを生かした動画作成や、サイト構築に便利なCMSの開発も行っています。

JS CMS -- DBレス・簡単導入・無料のWebサイト構築用オープンソースCMS
ピクセルイメージ | JS CMSの導入、カスタマイズの依頼は...