A.C.O.のカルチャーとノウハウを伝えるオウンドメディア

気に入ったらいいね!してね

A.C.O.のカルチャーとノウハウを伝えるオウンドメディア

サイト調査にかかる時間を10分の1以下に削減する方法

TIPS

サイト調査にかかる時間を10分の1以下に削減する方法
HORI

HORI

HORI

HORI

 

こんにちは、情報設計担当の堀です。「せっかくパソコンを使っているのだし、なるべく反復作業を減らしたい」という思いから、様々なツールを使い、簡単で正確な方法を日々探しています。このコーナーではそういったツールのうち、現場で実際に役立っているものをご紹介します。

CHAPTER 1

このサイト、本当は何ページあるの?

既存のWebサイトをリニューアルする際には、正確なお見積もりや制作上のトラブルを防ぐために、事前に既存サイトのページ数や構造を知る必要があります。

コンペなど正式に受注していないタイミングでは、十分な情報を得られていないケースも多く、サイトマップから当たりをつけていったり、ナビゲーションをたどって総当たりで調べるといった作業になりがちです。しかし規模が大きくなると数百、数千ぺージに上ることもあり、これが中々大変な作業です。さらに、古くから増改築を行ってきたサイトの場合は、クライアントも知らないページ群が隠れていることがあります。今回ご紹介する『Integrity Plus』は、サイト把握のための労力を軽減し、機械ゆえの正確性も担保してくれる素晴らしいツールです。

CHAPTER 2

Integrity Plusを手に入れる

この『Integrity Plus』は、Mac専用ツールでイギリスのPeacockMediaが提供しています。8ドルの有料ツールで、リンクチェックツールIntegrityに、ファイルリスト取得機能が追加されたものです。1週間無料で試せるので、まずはダウンロードしてみましょう。ダウンロードページから入手できます。

CHAPTER 3

試しにファイルリストを取得してみる

dmgファイルをインストールしたら、さっそく使ってみましょう。今回はあらかじめ用意したテストサイトを対象にファイルリストを取得してみます。

URLを入力する
以下にチェックを入れる
– Ignore querystrings ※クエリ文字を無視
– Don’t check external links ※外部リンクを無視
– Ignore trailing slashes ※末尾のスラッシュを無視
「Go」をクリック
「Sitemap」タブでビューをファイルリスト切り替える
Integrity Plus起動直後の画面

CHAPTER 4

取得完了

「Go」を押すと、どんどん調べていきます。元々はリンクチェックツールなので、そのエンジンを使って繋がったリンクをクローリングしていきます。URLでソートするだけでも大体のボリュームと構造がわかります。

今回はページ数の少ないサンプルだったので、1秒と待たずに完了しました。「Sitemap」のビューにしていると、存在が確認できたページのURL、タイトル、階層、更新頻度が見れます。

チェック完了時の画面
CHAPTER 5

さらに、利用しやすい形にExcelで成型

取得したデータは各種形式でエクスポートできので、もっと有効活用してみたいところです。チーム内での共有のため、汎用性の高いCSVでエクスポートし、Excelで見やすい形に加工します。
(※ここからはExcelの操作に少し慣れている必要があります。)

Integrity PlusからCSV形式でエクスポート
「Sitemap」ビューの右上の「Export」からCSVで書き出します。
CSVを別途テキストエディタでUTF-16に変換して保存
日本語サイトの場合に取得データがExcelで文字化けするのを防ぐためです。個人的には、CotEditorが軽くてお勧めです。
Excelを起動し、CSVをインポート
「ファイル>インポート」からCSVを読み込む
URL列で並べ替える
「データ>並べ替え」でURL列を昇順でソートする。
URL列を昇順でソート
URL列を最後尾の列にコピーし、「データ>区切り位置」で/ごとに区切る
次のように「/」ごとに列を分けることで、階層構造が明確になります。
スラッシュでディレクトリをセルごとに区切る
区切り処理後

いかがでしょうか? ディレクトリ単位で整理されたファイルリストが出来ました。私の場合はさらにいくつかの処理を加えて関係者にとってより使いやすい資料にしています。

サンプルXLSXファイルをダウンロード

使いやすく加工した例

例えば、HYPERLINK関数を使って直リンクの列を作ることで特定のぺージを即時に確認できるようになります。また、ディレクトリごとに見やすく色分けしておくことで構造がさらに把握しやすくなり、リニューアル時の構造設計がしやすくなります。

今回は、Integrity Plusによるサイトボリュームの把握方法と、Excelを用いた有用なファイルリストの作成方法をご紹介しました。ビジュアルデザインにかすりもしない、非常に地味な記事となりましたが、効率化という観点で皆様のお役に立つ情報となっていれば幸いです。読んで頂きありがとうございました。

WRITER

hori

堀 有吾

YUGO HORI
WEB ANALYST / INFORMATION ARCHITECT

関西学院大学文学部卒。学生時のVJの延長からCM/MVの制作現場でモーショングラフィックスに携わる。その後WEBに転向し、電機大手でのIT基盤/医療分野のUIデザイナーを経て、現在に至る。アクセス解析、情報設計担当。

HORI'S POSTS

A.C.O. JOURNAL by A.C.O. Inc.

A.C.O. のカルチャーとノウハウを伝えるオウンドメディア

A.C.O. Journal

気に入ったら
いいねしてね!

Facebook で A.C.O. の最新情報を配信中です!

A.C.O. パートナーカモン!

BACK TO HOME