
OVER VIEW
Project
MetaScope – Webサイト分析ツール
Client
ITサービス
Live View
Release
2026年2月
Tags
Highlights
- 「プラグインへの盲信」を捨て、主導権を奪還 「設定したつもり」で起きていた事故をきっかけに、ツール任せの甘さを自省。制作者として「自分の意図が100%正しく反映されているか」を自ら制御下に置く、誠実な制作姿勢へと立ち返った。
- 100ページ超の絶望的な工数を、可視化で一掃 ブラウザで1ページずつソースを確認する泥臭い作業を、自作ツールによる一覧化で解消。全ページのメタデータを一度に俯瞰できる環境を構築し、100ページ以上の管理において「見落とし」を物理的にゼロへと導いた。
- 「不具合の法則」を読み解き、体系的修正を実現 単なる個別修正に留まらず、一覧比較からプラグインやCMSの挙動特性を解明。エラーに潜む根本的なパターンを特定したことで、場当たり的ではない、サイト全体を貫く最短ルートでの再構築を完遂した。
- わずか一週間で、Googleがサイトを正確に認識 メタデータとJSON-LDを完璧に整えた結果、通常数ヶ月を要する「サイトリンク」の生成を一週間で達成。可視化による精緻な修正が、検索エンジンへの情報伝達において劇的な効果を持つことを実証した。
STORY
プラグインを信じすぎていた――その甘さが、ツール誕生への道を開く
自分のサイトを公開したとき、実装したはずの機能がすべて動いていることの喜びでいっぱいでした。Google Analytics も Search Console も登録して、後は毎日、何度も検索結果をチェックしました。
「あ、うちのサイトがここに表示された」
そのたびに小さな喜びがありました。徐々に、Google の検索結果に自分のサイトが表示されるようになっていく。ページビューも増えていく。その過程は、本当に愛おしかった。
でも、やがて違和感に気づき始めたのです。
検索結果に表示されるタイトルやディスクリプション――それが、自分が意図した内容と違っていることが、だんだん目についてくるようになりました。
プラグインへの慢心
WordPress で構築したそのサイトには、SEO 対策に強いとされる「All in One SEO(AIO)」プラグインを導入していました。プラグインをアクティベートした時点で、なんとなく「これでいいだろう」という安心感がありました。正直に言えば、meta 情報や OGP の設定に関しては、All in One SEO で完全に対応できると思い込んでいました。設定項目も充実していたし、基本的な機能は網羅されていたから。
「WordPress だから大丈夫。AIO プラグインを使ってるから大丈夫。」
そう信じていた自分の甘さに、やがて気づかされることになります。
「確認が大変」という絶望感
サーチコンソールを眺めながら、思いついたのは「念のため、いくつかのページで meta 情報を確認してみよう」という行動でした。
そこで初めて、気づいたんです。
設定漏れがあったのです。正しく設定したはずなのに、OGP が反映されていないページもあれば、meta ディスクリプションが意図していない内容になってるページもあった。プラグインの仕様や WordPress の動作の影響か、そもそもプラグインでは対応しきれない情報があったのです。
それなら全ページ確認しなきゃ、と思いました。でも――
100 ページ以上あるサイトを、1 ページ 1 ページ、ブラウザの開発者ツールで確認する作業を想像しただけで、気が遠くなりました。「これ、日が暮れるな…」。
既存ツールへの違和感
「既存の SEO ツール使えばいいんじゃない?」と思い、いくつか試してみました。
でも、どれもこれも、設定されている内容の確認だけでは足りず、どんどん改善提案まで踏み込んできます。「タイトルはもっと長く」「メタディスクリプションはこのキーワードを含めた方がいい」。
気持ちはわかります。それが SEO 対策なんでしょう。でも、今の自分に必要なのは、それじゃないんです。
まず必要なのは、自分が意図した情報が、本当にサイトに反映されているのか確認すること。その前に、余計なアドバイスはいらない。設定漏れを見つけて、法則性を理解して、体系的に修正する――それが先なんです。
「可視化したら、全部わかるんじゃないか」
夜中、ふと思いました。
確かに、100 ページなら手動で確認することもできる。ツール作ってる時間があるなら、その時間で確認した方が早いかもしれない。
でも。
欲しいと思ったら、自分で作る。それがエンジニアの性(さが)です。そして、自分が欲しいと思ったなら、誰かが欲しいと思うかもしれない。そんな信念が、いつも背中を押してくれます。
もし、全ページの meta 情報や OGP を、一覧表示できたら?
Excel のようにズッと並べて見比べたら、設定漏れなんて一目瞭然だろう。各ページの整合性も見えるはずだ。そして、何かパターンがあれば、それも見えるかもしれない。
「あ、WordPress のこの仕様だと、こういう場合は OGP が入らないんだ」
そういう法則性さえわかれば、修正だって体系的にできる。自分がやるべきことが明確になる。
だったら、自分で作ってみよう。
疲弊した目で、何度も見返していた Excel。100 枚近くのブラウザタブを閉じた瞬間、モニターに映る自分の顔の疲れきった表情に気づきました。でも同時に、その疲れの中に確かな決意が生まれていました。
そう思い立ったのは、深夜 2 時でした。
可視化が生んだ「ああ、これだ!」
できあがったツール。それを後に「MetaScope」と名付けることになるツールで、自分のサイトをスキャンしてみた瞬間。
スクリーン上に、全ページの meta 情報や OGP が、ズラッと一覧で並んでいました。
その瞬間、わかったんです。
「ああ、これだ。これが欲しかったんだ。」
100 ページ以上あるサイトのメタデータが、一度に見える。それを Excel にエクスポートして、ソートやフィルターで自分の思うように並べ替えて比較することができる。
そして、比較・確認していく中で、不思議な法則性が見えてくるんです。
「あ、このタイプのページは、いつも OGP が入ってない」 「このカテゴリーのページは、プラグインの設定が共通になってる」
その法則がわかれば、あとは体系的に修正できる。個別対応ではなく、根本から直せるようになるのです。
一週間で検索結果が変わった
完璧に適正化された meta 情報と OGP、そして JSON-LD。その設定が完了して、わずか一週間。
Google の検索結果を見たとき、変化に気づきました。
まず、検索結果に表示されるタイトルとディスクリプションが、自分が意図した内容で表示されるようになっていた。そして、通常は数カ月かかるとされるサイトリンクメニューが、わずか一週間で生成されていたのです。
これは何を意味しているのか。言い換えると、Googleが自分のサイトを正確に把握できたということ。そしてそれが可能だったのは、特に構造化データとして機能する JSON-LD を含む meta 情報や OGP が、完璧に適正化されていたからだ。つまり、MetaScope で可視化して修正した、その JSON-LD の設定が、Google のサイトリンク認識を劇的に加速させたのです。
あの絶望感は何だったんだろう。100 ページ以上を手動確認するなんて不可能だと思っていた。でも、ツール一つで可視化し、法則性を見つけて、体系的に修正することで、その「不可能」は「容易」に変わったんです。
Web 制作者なら誰もが知ってる悩み
「プラグイン入れたから大丈夫」
そう思い込んでいた自分。全ページ確認の大変さに途方に暮れた自分。既存ツールの「余計なお世話感」にモヤモヤした自分。
その経験の中にこそ、MetaScope は生まれました。
個人的な不便さから始まったツール。でも、同じ悩みを抱えている Web 制作者は、この世にたくさんいるはずです。
実は、meta 情報や OGP、JSON-LD をそこまで気にしていない制作者も少なくない。デザインや機能に注力するあまり、メタデータは後回しになってしまう。その気持ちはわかります。でも、ここに大きな落とし穴があります。
どんなに素敵なサイトを作ったとしても、Google などのサーチエンジンに制作者の意図通りに登録されなければ、そのサイトはユーザーに見つけてもらえません。
検索結果に表示されるタイトルやディスクリプションが違っていたら。SNS でシェアされたときのサムネイルや説明が不適切だったら。せっかくの素敵なサイトも、その価値が半減してしまうのです。
meta 情報や OGP、JSON-LD は、単なる「SEO 対策」ではない。それは、自分が苦労して作ったサイトを、世の中に正しく届けるための基本中の基本なのです。
もう、プラグインの慢心で失敗することもない。もう、100 ページの手動確認に絶望することもない。
meta 情報や OGP、JSON-LD の設定状況を一度に見て、法則性を見つけて、体系的に修正する。シンプルだけど、その効果は絶大。
あの夜中の「自分で作ってみよう」という思いが、多くの Web 制作者の課題を解く鍵になっていたのです。
GALLERY
PHASE
- 企画・要件定義
- 実務における課題の抽出、および解決策としてのメタデータ可視化手法の策定。大量のデータを効率的に管理するための要求事項を定義し、システム全体のアーキテクチャを設計。
- 仕様解析・詳細設計
- WordPress本体および主要SEOプラグインが出力する各種データ(meta/OGP/JSON-LD)の生成ロジックを徹底的に解析。多様な出力パターンの規則性を特定し、高精度な解析アルゴリズムの設計に反映。
- UI/UX設計
- Blazorベースのコンポーネント設計による、大規模データの俯瞰性と操作性の両立。実務での再利用性を考慮したデータエクスポート機能など、プロフェッショナルなワークフローを意識したUIを設計。
- システム開発
- .NET MAUI Blazor Hybridを採用したクロスプラットフォーム開発。C#による高度な抽出ロジックとWebフロントエンド技術を統合し、ネイティブ環境で動作するハイブリッドアプリケーションを構築。
- 品質検証・実証テスト
- 自社・受託を含む複数の実稼働サイトを用いたフィールドテストを実施。多様な構成下での抽出精度の検証、および実際の検索結果への反映サイクルを観測することで、ツールの実効性を実証。
- 公開・ドキュメンテーション
- プロダクトの一般公開に向けたデプロイメント環境の整備。エンドユーザーが円滑に導入・活用できるよう、導入ガイドや操作マニュアル等のテクニカルライティングを完遂。


