ソーシャルプレビュー
任意のURLを貼り付けると、Google、Twitter、Facebook、LinkedIn、Slack、Discordでどのように表示されるかを確認できます — Open GraphとTwitter Cardの検証付き。
画像チェック
生のメタデータ
このツールの機能
任意の公開URLを入力すると、サーバー側で生のHTMLを取得し、Open GraphとTwitter Cardのメタデータを解析し、指定された画像を調べ、プラットフォームに忠実な6つのモックアップを生成します。これにより、リンクが共有されたときにどのように表示されるかを正確に確認できます。
検証される項目
- Open Graph: og:title、og:description、og:image、og:url、og:site_name、og:type。
- Twitter Cards: twitter:card、twitter:title、twitter:description、twitter:image。
- 画像チェック: 到達可能性、MIMEタイプ、幅 × 高さ、ファイルサイズ — 各プラットフォームの推奨サイズと照合します。
- 切り詰めの警告: プラットフォームごとの文字数上限。訪問者が実際に目にする内容を把握できます。
仕組み
取得はサーバー側で行われ、SSRF対策が施されています — URLは公開IPに解決され直接接続されるため、プライベートネットワークには到達できません。取得したHTMLを解析し、og:imageの候補は寸法を読み取るためだけに取得され（最大256KB）、メタデータからプラットフォームごとのプレビューを構築します。レポートはURLごとに2時間キャッシュされます。
よくある質問
ページのJavaScriptは実行されますか?
いいえ。私たちはサーバーが返す生のHTMLを解析します。これは、ソーシャルプラットフォームのクローラーがあなたのURLを訪れたときに見るものと同じです。og:タグがクライアント側のJavaScriptによって挿入されている場合、どのプラットフォームもそれを認識できません — 私たちも同様です。
画像プレビューで寸法が表示されないことがあるのはなぜですか?
WebP、AVIF、SVGはcontent-typeの判定で認識しますが、寸法を取得できるのはGoの標準画像ライブラリを通じてPNG、JPEG、GIFのみです。その他の形式では、画像が到達可能であることは確認しますが、サイズの表示は省略します。
プラットフォームのモックアップは正確ですか?
これらは近似です — デザイナーやマーケターがテキストの長さ、画像のトリミング、メタデータのカバレッジを検証するには十分な精度です。プラットフォーム自体が表示の仕組みを頻繁に変更します。ピクセル単位で正確な保証ではなく、目安として扱ってください。
データはキャッシュされますか?
はい。結果はURLごとに2時間キャッシュされます。キャッシュからの結果は明確に示されます。