1クリックでブログ内検索ができるブックマークレットの作成方法

スポンサーリンク

検索

ブログを書くときに、関連記事として自分のブログの過去記事リンクをはりつけるって作業、よくやりますよね?

これはユーザーフレンドリーですし、関連する内部リンクとしてSEO的にも効果があると言われているので私ももちろんやっています。

私は過去のブログ記事を探すのに、サイドバーに設置している「ラブグアバを検索」というGoogleカスタム検索(スマホの場合はタイトル下に表示されています)を利用しています。

多分、ラブグアバのブログ内検索を一番使っているのは私だと思います(笑)。

この作業、頻度が増えてくるとちと面倒なんですよね。ブラウザで新しいタブを開いて、自分のブログ開いて、検索キーワード入力して…という手間を何回も繰り返さないといけません。

何度もやる行為なので、なんとか1クリックでできるようにならんかなーと思っていろいろ試してみたのですが、ブックマークレットでできるようになりました。

やり方をご紹介したいと思います。

スポンサーリンク

ブックマークレットとは

当ブログでブックマークレットについて書くのは初めてな気がするので、一応ブックマークレットとは何かについて触れておきます。

ブックマークレット (Bookmarklet) とは、ユーザーがウェブブラウザのブックマークなどから起動し、ウェブブラウザで簡単な処理を行う簡易的なプログラムのことである。携帯電話のウェブブラウザで足りない機能を補ったり、ウェブアプリケーションの処理を起動する為に使われることが多い。

まあブックマークから起動するJavascriptプログラム、くらいで頭の中に入れておいてもらえればOKだと思います。

スポンサーリンク

自分のブログ内検索ができるブックマークレット

ブックマークレットとは何かがわかったところで、やり方を説明していきましょう。

今回はChromeブラウザを使って説明していきます。他ブラウザでもブックマーク(お気に入り)に追加することができればできるはず!

▼Chromeの右上のメニューアイコンをクリック→「ブックマーク」→「このページをブックマークする」をクリック。

201601_0068

現在開いているページは何でもよいです。後で編集するので。

ショートカットキーは「Ctrlキー+D」です。

▼ブックマークのダイアログが開くので「編集」をクリック。

201601_0069

▼ブックマークを編集画面になります。

201601_0071

「名前」はブックマーク名になるので、自分でわかりやすい名称をつけてください。

「URL」は以下のように入力します。

javascript:s=prompt(“検索ワード?”);(function(){window.open(‘http://google.co.jp/search?q=site:http://love-guava.com ‘+s);})()

「http://love-guava.com」の部分はご自身のブログなど、任意のドメイン名を入れてください。「~.com」の直後に半角スペースがあってシングルクォーテーションが来ている点に注意です。

入力できたら「保存」を押せば終了です。

スポンサーリンク

使い方

使い方は簡単です。先ほど追加したブックマークを起動しましょう。

201601_0073

タイトルは現在開いているページのURLになりますが、気にしないでください。

検索ワード入力欄に、検索したいキーワードを入力し、OKをクリックします。検索結果は別タブで開きます。

▼するとこのとおり!「love-guava.com」内の検索結果が表示されます。

201601_0075

ブログのサイドバーから検索した結果とは多少違います(仕組みが違うので当たり前ですが)が、まあキーワードに関する結果が出てくれば問題ありません。

まとめ

いかがだったでしょうか?

自分のブログ記事が増えてきて探すのが大変…なんてときにぜひ使ってみてください。

あ、同じような仕組みでクックパッドの人気レシピを探す方法もあるので、よかったらどうぞ。

料理のお供に!クックパッドで人気レシピを無料で検索する方法を2つご紹介します!

ブログ
スポンサーリンク
ラブグアバをフォローする
スポンサーリンク
ラブグアバ