DEV Community

Play Button Pause Button

Twitter OGP Testing with your localhost

Takuya Kikuchi
Frontend developer in Tokyo ๐Ÿฃ
ใƒปUpdated on ใƒป1 min read


Please watch the video ๐ŸŽฅ (The video starts at the step no.2)

Steps are followings,

  1. Download "Localhost OGP Checker" chrome extension
  2. Open your localhost page that you want to test OGP
  3. Run "Localhost OGP Checker" and a page will show up on as a new tab
  4. Copy the URL
  5. Paste the URL to the Card Validator
  6. See the preview ๐Ÿ˜‰

Tools & Site

Chrome extension to check the operation of OGP tags for HTML files in localhost
Temporarily hosts the head tag of the relevant file.

Preview the OGP of given URL

Discussion (0)