# Google Chromeのブックマークを綺麗に整理するコツ

URL: https://webrandum.net/chrome-bookmark/
公開日: 2017-07-07
更新日: 2019-02-26
カテゴリー: 作業効率化
出典: Webrandum（著者: サイトウ マサカズ）

何度も閲覧したいサイトは毎回検索して見つけるよりもブックマークしておいてメニューバーから移動する方が便利。しかしブックマークしているサイトが増え、ブックマークバーがぐちゃぐちゃになっていませんか？

今回は僕がブックマークバーを綺麗に整理するために気をつけているポイントを幾つか上げていきます。是非参考にしてブックマークバーの整理をしてみてください。

ブラウザによってブックマークの表示のされ方は違ってくるので、注意が必要ですが基本的な考え方等は参考になると思います。

ちなみに現在のブックマークバーはこちらです。

![現在のブックマークバー](https://webrandum.net/mskz/wp-content/uploads/2017/07/696da835550d03ab4ca278513aa032f2-1.png)

それでは見ていきましょう。

## ファビコンのみ表示する

Chromeの場合はサイトをブックマークするとそのサイトのファビコンがサイト名の隣に表示されるのですがサイト名の部分を空白にする事でファビコンのみ表示させる事が可能です。

僕の場合はSNSやFeedly等をファビコンのみで表示させています。

ブックマークの際に名前を空にして[完了]ボタンを押すか、ブックマークに追加した後でも右クリックから[編集]を押して名前を空にすればファビコンのみになります。

![ブックマーク名前空](https://webrandum.net/mskz/wp-content/uploads/2017/07/5c3461ee11b64f992d388a2f982e2822-1.png)

SNSのファビコンは分かりやすく視認性も良いですし、サイト名が入る余計なスペースが無くなるので、その分ブックマークバーに多くのブックマークを表示させる事ができます。

ただし、ファビコンが設定されていないサイトの場合はファイルアイコンのみになってしまい、何のサイトか分からなくなるので注意しましょう。

### ファビコンのみ表示させるメリット

ファビコンのみ表示させるメリットとしては、単純にブックマークバーの無駄なスペースが無くなる点が挙げられます。

下の画像は僕のブックマークバーにアイコンのみで表示させている5つのサイトのサイト名があるのとないのとでの横幅の違いですが、倍以上違ってきますよね。

![ブックマーク名前有りと無し比較](https://webrandum.net/mskz/wp-content/uploads/2017/07/71dfa3e20741f6639f30a56c4b2056db-1.jpg)

### アプリのショートカットをファビコンのみにする

![Chrome「アプリ」](https://webrandum.net/mskz/wp-content/uploads/2017/07/a9eb8c87dac507f6b061373017fabc2f-1.png)

Google Chromeには「アプリ」というページがあり、そのページへのショートカットがブックマークバーに表示されるのですが、この「アプリ」は名前の編集ができません。

ですから、「アプリ」ページをブックマークしてショートカットは非表示にする事で、見かけ上は「アプリ」ページへのショートカットのファビコンのみ表示させたり、別の名前にする事が可能です。

手順としてはアプリのページ「chrome://apps/」の名前を空にしてブックマーク→ブックマークバーを右クリックして[アプリのショートカットを表示]をクリックしてチェックを外す。これでOKです。

![アプリを非表示にする](https://webrandum.net/mskz/wp-content/uploads/2017/07/c118c056b65d18513f37f8627645266c-1.png)

これで好きな名前にしたりファビコンのみ表示させる事が可能です。

## 基本はフォルダで管理

少し基本的な考えの話になりますが、ブックマークバーはすぐ横いっぱいに埋め尽くされてしまいます。

ですからブックマークは基本的にフォルダで管理するようにして、よく利用するWebサイトやSNS等はファビコンのみ表示させておくようにしましょう。

あと僕の場合、フォルダの名前を英語にしているのですが、理由として日本語が全角なのに対して英語は半角なのでスペースを取らないですし、略もしやすいです。

例えば参考サイトをまとめたフォルダにはReferenceの略で「RF_」と頭に付けるようにして「RF_Design」や「RF_Web」などのフォルダを作成しています。

## inboxを作る

僕の場合はINBという名前にしていますがinboxフォルダ。何でもとりあえず入れておく箱を作っておきましょう。

例えば何か新しいサイトをブックマークする時に、そのブックマークが今まで作成してきたフォルダには分類できないジャンルのサイトだったら皆さんはどうしますか？

「新しくそのジャンルを入れておくフォルダを作る」「無理矢理似たようなフォルダに入れておく」というのが一般的でしょうか？

「新しくそのジャンルを入れておくフォルダを作る」場合は今後一切使わないフォルダを作成する原因になりかねません。何故なら今までブックマークする時に作って分類してきたフォルダのどれにも当てはまらないわけですから。

「無理矢理似たようなフォルダに入れておく」場合は後でどこにブックマークしたか分からなくなりますよね。

inboxフォルダは「何でもとりあえず入れておく箱」と説明しましたが、その通り「どこにも分類できそうにないブックマーク」や「とりあえずブックマークしておこう」といったブックマークを一時的に入れておくフォルダ(とルールを決めておく)です。

inboxフォルダに似たようなジャンルのブックマークがあったり、よく使うブックマークだと感じた場合は新規でフォルダを作る。そうでなかったら削除する。

そうする事でかなり整理しやすくなりますし、使ってないただ存在するだけのブックマークが比較的少なくなります。

この考え方はブックマークだけじゃなく、デジタルの整理術だと共通して言える事だと思っているので是非参考にしてみてください。

## 縦の区切り線を付ける

ファビコンのみ表示させる方法を利用して、区切り線のファビコン設定をしているサイトをブックマークして縦の区切り線をつける事もできます。

有名なところだと「[ちょろめせぷ](http://chromesep.rakuin.com/)」や「[Chrome Bookmarks Separator](http://separator.mayastudios.com/index.php)」といったサイトです。

[![](https://www.google.com/s2/favicons?domain=chromesep.rakuin.com)chromesep.rakuin.com![](https://s.wordpress.com/mshots/v1/http%3A%2F%2Fchromesep.rakuin.com?w=160)ちょろめせぷ - Google Chromeのブックマークにセパレーターをhttp://chromesep.rakuin.com](http://chromesep.rakuin.com)

[![](https://www.google.com/s2/favicons?domain=separator.mayastudios.com)separator.mayastudios.com![](https://s.wordpress.com/mshots/v1/http%3A%2F%2Fseparator.mayastudios.com%2Findex.php?w=160)Chrome Bookmarks Separatorhttp://separator.mayastudios.com/index.php](http://separator.mayastudios.com/index.php)

ちょろめせぷは破線でChrome Bookmarks Separatprはグラデーション掛かった線です。好みや使っているテーマによって見やすさも変わってくるので好きな方を利用しましょう。

ちなみに僕は全体的に暗いテーマを使っているので破線だと見にくく、Chrome Bookmarks Separatprの方をブックマークしています。

僕の場合はファビコンのみのブックマークと普通のブックマークの境界線としてしか利用していませんが、大量にファビコンを並べている人はこういったサイトを利用してブックマークを区切ってみると使いやすくなるかもしれません。

## 横の区切り線を付ける

縦の区切り線だけでなく横の区切り線も付けたいですよね。

横の区切り線の場合は単純に名前を変更してハイフンを大量に打てばいいじゃないかと思うかもしれませんが、Chromeは何もファビコンが設定されていないサイトにはファイルのアイコンが自動で付いてしまいます。

何だか区切り線として綺麗じゃないですよね。

というわけでそれ専用の透明なファビコンを設定してある「[separatethis.com](http://separatethis.com/)」というサイトをブックマークしましょう。

[![](https://www.google.com/s2/favicons?domain=separatethis.com)separatethis.com![](https://s.wordpress.com/mshots/v1/http%3A%2F%2Fseparatethis.com?w=160)Bookmark Separators for Chrome and IE8http://separatethis.comAdd separators to your bookmarks in Google Chrome or IE8, just like Firefox - no extensions or downloads needed.](http://separatethis.com)

このサイト名はもともと「 – – – – – – – -」という風にハイフンと空白が交互になっているだけなのですが、僕は名前を変更して真ん中に適当に名前を入力しています。

こうすることでフォルダ内のブックマークを区切る事ができます。

![ブックマークバー セパレーター](https://webrandum.net/mskz/wp-content/uploads/2017/07/d0e85247a99824190d21e917c107bc2c-1.png)

1つ追加すれば後はコピペして編集で名前だけ変えてブックマークを区切ってます。こうすることで無駄な階層化を防ぐことができます。