og:imageチェッカーを作りました

2017年3月30日 00:27 javascript — littlepad

ウェブページの og:image 画像をチェックするツールを作りました。
チェックしたい url を入れると各ページの og:image 画像をサムネイル表示します。
その際、title, url, description も合わせて表示しています。

起動方法

  1. 下記 url から git clone するか、ダウンロードする
    https://github.com/littlepad/ogimage-checker
  2. 初回だけ npm i で必要な node モジュールをインストールする
  3. npm start で起動
  4. ブラウザで http://localhost:3000/ へアクセス

作ろうと思った理由

  • サイトの META データ系を修正する際、title や description は grep で何とかなるが、og:image は割りと見落としがち
  • ページに設定されている og:image をひとつひとつ確認するのも手間
  • express を API 的な用途で試してみたかった

注意

html ファイルをスクリピングして情報を取得しているため、サーバー側には負荷がかかります。
ご利用は常識の範囲で。

コメントはまだありません

No comments yet.

TrackBack URL

Leave a comment

about

ハンドルネーム:littlepad
都内で WEB 制作(デザイン, html/css, Flash, MT, WordPress etc)をしているBOØWY研究家

category:

search:


archives:

GO TO PAGETOP