Open Graph Checker
ガイド
Open Graph Checker
Inspect and preview the Open Graph meta tags on any URL to see exactly how your page will appear when shared on social media. This tool fetches the page, extracts all OG and Twitter Card meta tags, and shows you a visual preview of the social share card — plus flags any missing tags that could hurt your social media presence.
使い方
Enter any URL and click Check. The tool fetches the page server-side and extracts all Open Graph and Twitter Card meta tags. You’ll see a social media preview card, a complete list of all OG and Twitter tags found, any missing important tags, and the raw meta tag HTML for debugging.
特徴
- Social Preview Card – See exactly how your URL will look when shared on Facebook, LinkedIn, and other platforms
- Open Graph Tags – Extracts og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale, and more
- Twitter Card Tags – Extracts twitter:card, twitter:title, twitter:description, twitter:image, twitter:site
- Missing Tag Warnings – Flags important tags that are missing (og:title, og:description, og:image) so you can fix them
- General Meta Fallbacks – Also shows the page’s title tag and meta description for comparison
- Raw HTML View – Copy the exact meta tag HTML for debugging or documentation
よくある質問
-
What are Open Graph meta tags?
Open Graph (OG) meta tags are HTML meta elements that control how your web page appears when shared on social media platforms like Facebook, LinkedIn, Pinterest, and messaging apps. The most important tags are og:title (the headline), og:description (the summary text), and og:image (the preview image). Without these tags, social platforms make their best guess about what to display, which often results in missing images or incorrect text.
-
What is the difference between Open Graph tags and Twitter Cards?
Open Graph tags were created by Facebook and are used by most social platforms including LinkedIn, Pinterest, and WhatsApp. Twitter Cards are Twitter-specific meta tags that control how links appear in tweets. Twitter will use its own twitter:* tags first, then fall back to Open Graph tags if Twitter-specific tags are missing. For maximum compatibility, it is best to include both Open Graph and Twitter Card tags on your pages.
-
Which Open Graph tags are required?
The four essential Open Graph tags are og:title, og:description, og:image, and og:url. Without og:title and og:description, platforms will try to extract text from your page content, which may not be what you want. Without og:image, your shared link will appear without a preview image, significantly reducing click-through rates. The og:url tag ensures the canonical URL is used when your page is shared.
恵 スコアボードが到着しました!
スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します!
