Webサイト「The Crawler Zoo」の30秒紹介動画

The Crawler Zooは、1つのサイトを訪れるボットやクローラーをその場で記録し、検索エンジンやAIのクローラーなどの囲いに分けて見せる公開サイトです。robots.txtで立ち入りを禁じた見えないリンクを置き、それをたどったものを罠の部屋で捕まえます。robots.txt・llms.txt・ai.txtを誰が読んだかの記録や、リクエスト数の番付もあります。

0〜3秒　「access log · continuous feed」の札と公式のマーク、「The Crawler Zoo」の見出しが印字されます。

3〜7.8秒　「Your server log is a crowd of strangers.」と打たれ、見知らぬ訪問者の行が流れて赤い行が増えていきます。

7.8〜12.6秒　「Meet the bots live.」と出て、公式のトップの入口の数え上げの部分を囲みます。

12.6〜16.8秒　「Sorted into enclosures.」と出て、ログの行が囲いの名前で緑に仕分けされ、公式のSafariの画面が出ます。

16.8〜20.4秒　「Rule-breakers fall into the trap.」と出て、Trap Roomの画面で罠の仕組みに下線を引きます。

20.4〜23.4秒　「Who reads the rules?」と出て、robots.txtやllms.txtを読んだクローラーの記録が並ぶReading Roomの画面が出ます。

23.4〜26.4秒　「Ranked by pages eaten.」と出て、今日・今週・これまでの番付のLeaderboardの画面が出ます。

26.4〜30秒　公式のロゴとog画像、crawlerzoo.comで締めます。

窓の外をドットインパクトプリンターの連続帳票に見立て、緑の縞と両端の送り穴とミシン目を描き、上のレールを印字ヘッドが往復するようにしました。場面は用紙が上へ送られてミシン目が通り抜けることで切り替え、赤はサイトの赤に近づけ、書体は見出しをZilla Slab、印字をSyne Monoにしています。ログの行には特定のボットの名前を出さず、汎用の文言だけを印字しました。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。