Open Graphインスペクター

このツールの使い方

1. 1

   Paste the full URL of the page you want to inspect, including https://, into the input field.

2. 2

   Click Analyze. Our server fetches the page's HTML and parses its meta tags.

3. 3

   Read the extracted Open Graph and Twitter Card values side by side, and check the rendered og:image preview below them.

4. 4

   Adjust the tags in your site's HTML head, redeploy, then re-run the tool to confirm the changes are live.

Open Graphインスペクターとは何ですか？

よくある活用例

• Debugging why a freshly published blog post shows a blank or wrong thumbnail when shared on LinkedIn or Facebook.

• Confirming a CMS or framework actually emitted the og:image and og:description you configured before you announce a launch.

• Checking that a single-page app renders its meta tags server-side, since tags added only by client JavaScript will be missing from the results.

• Auditing a batch of marketing landing pages so each has a distinct title, description, and share image.

• Verifying twitter:card is set to summary_large_image so a post displays a wide image rather than a small thumbnail.

• Spotting when a redirect or stale cache is serving old meta tags after you changed them, since the tool shows the final fetched URL's HTML.

よくある質問