コンテンツへスキップ

Google Toolbar にショートカットアイコン(カスタムボタン)を設置する

2009/10/14

このサイトはSEOがメインですので、大半の読者は、Googleにアカウントを開設し、WebMasterツールやGoogle ツールバーなどを利用されていると思います。今回は、Google ToolbarでSEO的ユーザビリティを高めるための方法についてです。

グーグルツールバーにはブックマーク機能がありますが、この機能は「プルダウン→ショートカットの選択」という2プロセスの手順が必要です。また、ブックマークをプルダウン表示させるためにHTTPSプロトコルでの読み取りが必要ですので、これによるタイムラグが発生します。

SEOのように地道な作業を行う上では、こうした作業プロセスを改善することも大切です。今回、ご紹介させていただく方法は、この作業プロセスを改善するものです。この方法により、ツールバー上に自分で作ったショートカットアイコンを設置することができるようになりますので、ワンクリックで目的のページにジャンプできる環境が完成します。また、Google ToolbarがインストールされているブラウザでGoogle アカウントにログインすれば、どんな環境でもそのショートカットが再現できますので、自宅と仕事場で違うパソコンを使っている方や同一アカウントのリソースを社内で共有する際に有効な手段と言えます。

手順

  1. 検索窓があるページを開きます
  2. サイト内検索用の入力欄(赤で囲んでいる箇所)を使用します
  3. http://dataservice.blog5.fc2.com/内の「サイト内検索」の入力欄を使用します

  4. 入力欄で右クリックし、「カスタム検索を実行…」を選択します
  5. Google Toolbar 便利化 step2

  6. 「Google ツールバー カスタムボタン 生成ツール」というウィンドウが開きます
  7. Google Toolbar 便利化 Step3

  8. 「Windows Tips and etc for 新生印刷株式会社 (広島) データサービス事業部」というテキストを消し、登録したいショートカットの名前(例:Google WebMaster)を入力します
  9. Google Toolbar 便利化 step04

  10. 同じようにして、「http://dataservice.blog5.fc2.com/」というテキストを消し、登録したいショートカットのURL(例:Google WebMaster)を入力します
  11. Google Toolbar 便利化 step05

  12. [ 追加 ]ボタンを押すと、キャプチャー画像のようにFC2のアイコンでGoogle Webマスターツールのショートカットが作成されます
  13. Google Toolbar 便利化 step06

  14. これではベストな作業環境とは言えないので、アイコンを変更します
  15. FC2のショートカットアイコン上で右クリックして表示される「Google WebMaster ボタンのオプション」を選択します
  16. Google toolbar 便利化 step7

  17. 「詳細エディタを使用…」リンクをクリックすると、次のキャプチャー画像のような画面になります
  18. Google Toolbar 便利化 step9

  19. この画面内に記述されているのがソースコードで、そのうち、アイコン画像に関する情報が記載されている部分は、<icon>と</icon>の間のコードです。この部分は64baseでエンコードされています。icon画像のエンコードはBase64 Online – base64 decode and encode、あるいは、base64 encodeなどで表示されるサイトを利用されるのがオススメです
  20. 今回は、ここに次のソースをペーストします(Googleのファビコン画像をエンコードしたものです)
  21. AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA7PT7/3zF6/9Ptu//RbHx/0227/+Tzvb/9vv5/97h0f9JeBz/NHoA/z98Av9AfAD/PHsA/0F6AP8AAAAA/vz7/1+33/8Mp+z/FrHw/xWy8f8bs/T/Hqrx/3zE7v////7/t8qp/zF2A/87gwH/P4ID/z59AP8+egD/Q3kA/97s8v8botj/ELn3/wy58f8PtfL/D7Lw/xuz9P8vq+f/8/n///779v9KhR3/OYYA/0GFAv88hgD/QIAC/z17AP/0+/j/N6bM/wC07/8Cxf7/CsP7/wm+9v8Aqur/SrDb//7+/v///P7/VZEl/zSJAP87jQD/PYYA/0OBBf8+fQH///3//9Dp8/84sM7/CrDf/wC14/8CruL/KqnW/9ns8f/8/v//4OjX/z+GDf85kAD/PIwD/z2JAv8+hQD/PoEA/9C7pv/97uv////+/9Xw+v+w3ej/ls/e/+rz9///////+/z6/22mSf8qjQH/OJMA/zuQAP85iwL/PIgA/zyFAP+OSSL/nV44/7J+Vv/AkG7/7trP//7//f/9//7/6/Lr/2uoRv8tjQH/PJYA/zuTAP87kwD/PY8A/z2KAP89hAD/olkn/6RVHP+eSgj/mEgR//Ho3//+/v7/5Ozh/1GaJv8tlAD/OZcC/zuXAv84lAD/O5IC/z2PAf89iwL/OIkA/6hWFf+cTxD/pm9C/76ihP/8/v//+////8nav/8fdwL/NZsA/zeZAP83mgD/PJQB/zyUAf84jwD/PYsB/z6HAf+fXif/1r6s//79///58u//3r+g/+3i2v/+//3/mbiF/yyCAP87mgP/OpgD/zeWAP85lgD/OpEB/z+TAP9ChwH/7eHb/////v/28ej/tWwo/7tUAP+5XQ7/5M+5/////v+bsZn/IHAd/zeVAP89lgP/O5MA/zaJCf8tZTr/DyuK//3////9////0qmC/7lTAP/KZAT/vVgC/8iQWf/+//3///j//ygpx/8GGcL/ESax/xEgtv8FEMz/AALh/wAB1f///f7///z//758O//GXQL/yGYC/8RaAv/Ojlf/+/////////9QU93/BAD0/wAB//8DAP3/AAHz/wAA5f8DAtr///////v7+/+2bCT/yGMA/89mAP/BWQD/0q+D///+/////P7/Rkbg/wEA+f8AA/z/AQH5/wMA8P8AAev/AADf///7/P////7/uINQ/7lXAP/MYwL/vGIO//Lm3P/8/v//1dT2/woM5/8AAP3/AwH+/wAB/f8AAfb/BADs/wAC4P8AAAAA//z7/+LbzP+mXyD/oUwE/9Gshv/8//3/7/H5/zo/w/8AAdX/AgL6/wAA/f8CAP3/AAH2/wAA7v8AAAAAgAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAEAAA==
  22. ペーストを終えましたら、[ Save to Google Toolbar… ]を押してみてください。次のキャプチャー画像の丸囲み内のようにアイコンが変更されているはずです
  23. Google Toolbar 便利化 step10

  24. 最後に[ Close Window ]を押し、「Google ツールバー オプション」の[ 保存 ]ボタンを押して終了です
  25. Google Toolbar 便利化 step11

  26. ツールバー内のアイコンが変更されない場合は、ブラウザを再起動してみてください

From → Uncategorized

コメントする

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。