WEB / 2019

TDK Meta Checker

この作品について

10,000ユーザー以上が使う、 Web制作のためのメタ情報チェッカー。

Web制作では、titleやdescription、OGPなど、ページごとに確認したい項目がいくつもあります。TDK Meta Checkerは、それらを閲覧中のページからまとめて確認するためのChrome拡張機能です。Chrome ウェブストアで10,000ユーザー以上に利用されています。

meta・OG・Twitterはタブで切り替え。FacebookのシェアデバッガーやTwitter Cardのバリデーターにも、そのまま移動できます。大切な項目が未設定なら警告を出し、見落としに気づけるようにしました。

STORY / 01

拡張機能を開くと、閲覧中のページに設定されたtitle、description、キーワードなどが項目ごとに並びます。meta・OG・Twitterはタブで切り替えられます。

STORY / 02

FacebookのシェアデバッガーとTwitter Cardのバリデーターへのリンクをポップアップ内にまとめ、必要な確認先を探し直す手間を減らしました。

STORY / 03

noindexが設定されているときや、title、description、og:imageが未設定のときは、画面上部に警告を表示します。確認が必要な箇所を先に把握できます。

画像と動画で、作品の中身を紹介します。