metaタグを解析するChrome Extensionを公開しました
2015.07.14 11:44
かつてmetaタグ(headタグ内)といえば、検索エンジンやブラウザ用にサイトの基本情報を入力する要素でしたが、現在は各プラットフォームが仕様を追加し、今HTML上でもっともアツいタグとあいなりました(おっ)。
こちらが、古きよきmeta。

そして、こちらがモダンなmeta。

有名なところでは、Open Graph(Facebook)やTwitter Cardsなどがありますが、ネイティブアプリ向けのApp LinksやTwitter Cards(App)、App Indexingも必要。覚えられないのでチェックするツール「meta Tag Analyzer」を作りました。
ちなみに、Tumblrはすでに全対応しているという神ぶり。

Slideshareも結構よく、mediumはまあまあでした。
リリース前に必要な物が入っているか確認したり、いろんなサイトをまわってスコアを比べていくのもおもしろいので、ぜひインストールしてみてください。
GitHubはこちら。