WebサイトのUI/UX – 浅くてフラットなリンク階層はGoogle検索にインデックスされやすい？  (ScrapBoxの例)

ユーザーインターフェイス的に浅い階層を持つWebサイトは、Google検索対策的にもメリットがあるんじゃないかと思った話。

# 題材

[Scarpbox](https://scrapbox.io/)

# Scrapbox のググラビリティは？ Google検索でインデックスされる？

「エンジニアの知的生産術」 著者の西尾さんのScraoboxを勝手に題材にする。
https://scrapbox.io/nishio/

# 3000page ぐらいのカードがある

スクリーンショット右下にあるページ数を見ると、2995のカードがある様子。

このすべてのカードが「アカウント毎のトップ」からアクセス出来るようだ。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/9bc8c1e7-b520-6b12-baa2-4ec8b311c399.png)

フラットな階層、タイル形式、カテゴリが存在しない「浅いインターフェイス」は僕は好き。

# Googleインデックス率が高そう

`site:https://scrapbox.io/nishio/` で[Google検索](https://www.google.co.jp/search?q=site%3Ahttps%3A%2F%2Fscrapbox.io%2Fnishio%2F&oq=site%3A&aqs=chrome.1.69i59l2j69i57j69i58j69i59j69i65.5931j0j7&sourceid=chrome&ie=UTF-8)して確認。

2400ページほどがGoogleにインデックスされており、カバー率は高そう。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/cf32c59e-260d-4bec-a98f-c9b387f52141.png)

## その他のアカウントでの調査

全3例しか調べていないけど、だいたいほとんどのページがインデックスされていそう。

アカウント毎のトップから、フラットに、すべてのカードがリンクされている仕様だからだろうか。

- https://scrapbox.io/hackforplay/
  - Scrapbox 186 pages
  - Google 213 Results
- https://scrapbox.io/marinafujiwara/
  - Scrapbox 39 pages
  - Google 39 results

# リンク階層のせいだけではないはず

もちろん他にもSEO的に強い面があるはず。

階層を浅くしたからといって、単にインデックスされやすくなるわけではない。どれだけ階層が深くても、Googleに知らせるだけならサイトマップを送れば十分だ。

ただこういうリンク階層の浅さも「インデックスされやすさ」の一因にはなっているのではないかと思った。

# 備考. タイトルタグが残念

そもそも個別ページにタイトルタグがついていない様子。

Google検索に出てくるタイトルは、GoogleがURLを見て、勝手につけているものと思われる。

せっかく大漁のページがインデックスされているのに、非常にもったいない。

https://scrapbox.io/nishio/Leanpub

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/5e3d35b4-bd10-5f76-3e35-91274721984b.png)

Googleでタイトルが付いていないページもちらほらとある。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/fb82e85f-cb80-362f-abf9-91ef3f399f95.png)

# 本文からのGoogle検索は可能

`"Dropbox連携でシステム側が作成したファイル(PDF, MOBI, EPUB)が共有される"` で [Google検索](https://www.google.co.jp/search?q=%22Dropbox%E9%80%A3%E6%90%BA%E3%81%A7%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E5%81%B4%E3%81%8C%E4%BD%9C%E6%88%90%E3%81%97%E3%81%9F%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB(PDF%2C+MOBI%2C+EPUB)%E3%81%8C%E5%85%B1%E6%9C%89%E3%81%95%E3%82%8C%E3%82%8B%22&oq=%22Dropbox%E9%80%A3%E6%90%BA%E3%81%A7%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E5%81%B4%E3%81%8C%E4%BD%9C%E6%88%90%E3%81%97%E3%81%9F%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB(PDF%2C+MOBI%2C+EPUB)%E3%81%8C%E5%85%B1%E6%9C%89%E3%81%95%E3%82%8C%E3%82%8B%22&aqs=chrome..69i57.2699j0j7&sourceid=chrome&ie=UTF-8)して確認。本文からもちゃんとググれるようだ。


![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/25f27bfb-deb7-13f5-ef61-dac33cc81711.png)

HTMLにはキーワードが全く出てこないが、これもGoogleがJavascriptをうまく読んでくれている様子。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/eb229262-1e75-4d98-e485-a4d0a7c2ad43.png)

# ということで

ひとつ前の記事に引き続き、サービスを使い始める前に気になった点をQiitaしたので、また使っていないScrapbox。

# 関連

- [UI/UXデザイン – ソーシャルアカウントでのログイン方法は一択にしなさい (初期登録のハードルをゼロにする)(ScrapBoxの例) - Qiita](https://qiita.com/YumaInaura/items/51086fdc5a572bd80da0)
- [エンジニアのアウトプット？Scrapboxで決まりでしょ！ - Qiita](https://qiita.com/Tommy_/items/f881c1658dfe02f65b69)








<!-- Update From Qiita API -->

# チャットメンバー募集


何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ





# Twitter


https://twitter.com/YumaInaura


<!-- Update From Qiita API -->