---
title: "OGPチェッカー - URLのOGP設定を確認 | Web ToolBox"
description: "URLを入力するとOGPの設定内容を取得して確認できるツールです。og:title、og:description、og:image などのメタタグを一覧で確認でき、SNSシェア前の表示チェックや設定確認に役立ちます。"
canonical_url: "https://web-toolbox.dev/tools/ogp-checker"
meta:
  author: K
  "og:description": "URLを入力するとOGPの設定内容を取得して確認できるツールです。og:title、og:description、og:image などのメタタグを一覧で確認でき、SNSシェア前の表示チェックや設定確認に役立ちます。"
  "og:image": "https://web-toolbox.dev/og/ja/tools/ogp-checker-d0253662.png"
  "og:image:alt": OGPチェッカー
  "og:image:height": "630"
  "og:image:width": "1200"
  "og:title": "OGPチェッカー - URLのOGP設定を確認 | Web ToolBox"
---

> Index of every page on this site: [llms.txt](https://web-toolbox.dev/llms.txt)

# **OGPチェッカー**

URLのOGP情報を取得して表示確認

**ページのURL**

## OGPチェッカーとは？

指定した URL から OGP と Twitter Card のメタデータを取得し、X と Facebook での見え方を確認できるツールです。`**og:title**`、`**og:description**`、`**og:image**` などの値を一覧で見ながら、シェアカードのプレビューも確認できます。

公開前の OGP 確認、画像差し替え後の見え方チェック、タイトルや説明文の調整確認をしたいときに便利です。

## 使い方

1. 確認したいページ URL を入力します。
2. チェックを実行します。
3. 抽出されたメタデータ一覧を確認します。
4. `**og:image**` がある場合は、X と Facebook のプレビューを確認します。

プレビューは X では複数のカード表示とテーマ、Facebook では PC / モバイル表示を見比べられます。

## 確認できる主な項目

- `**title**`
- `**description**`
- `**og:title**`
- `**og:description**`
- `**og:site_name**`
- `**og:url**`
- `**og:type**`
- `**og:image**`
- `**og:image:width**`
- `**og:image:height**`
- `**og:image:alt**`
- `**og:locale**`
- `**twitter:card**`
- `**twitter:site**`
- `**twitter:creator**`
- `**twitter:title**`
- `**twitter:description**`
- `**twitter:image**`

基本の title / description と OGP / Twitter Card の差を一度に見たいときに向いています。

## プレビューで見られる内容

### X

- PC Large Image
- モバイル Large Image
- PC Summary
- モバイル Summary

ライト / ダークブルー / ダークのテーマ切り替えもできます。

### Facebook

- PC
- モバイル

ライト / ダークのテーマで見え方を比較できます。

## 参考: OGP画像サイズとアスペクト比

OGP画像の見え方を安定させたい場合は、X と Facebook の両方で使いやすい横長画像を基準にすると確認しやすくなります。

- 目安にしやすいサイズは `**1200 × 630px**` 前後
- アスペクト比の目安は `**1.91:1**`
- X の Large Image と Facebook のシェア画像をまとめて確認したいときは、この比率を基準にすると比較しやすくなります
- 画像内の重要な要素や文字は中央寄りに配置すると、切り取りの影響を受けにくくなります

実際の表示はプラットフォーム側の仕様変更やキャッシュの影響を受けることがあるため、最終確認はプレビューを見ながら行うのがおすすめです。

## 活用シーン

- 公開前に OGP 設定の抜けを確認したいとき
- シェア画像や説明文を差し替えたあとに見え方を見直したいとき
- X と Facebook でどのように切り取られるかを確認したいとき
- 他ページの OGP 設定を整理して確認したいとき

## 使うときの注意点

- 取得できるのは対象ページに実際に書かれているメタタグです
- `**http**` / `**https**` の URL が必要で、アクセスできないページは確認できません
- 同じ URL を短時間で再確認した場合、このツール側のキャッシュにより直前の取得結果がしばらく表示されることがあります
- OGP を変更しても、SNS 側のキャッシュにより実際の表示更新が遅れることがあります
- `**og:image**` がない場合は、画像付きプレビューは表示されません

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://web-toolbox.dev/#website","@type":"WebSite","description":"アカウント登録不要で使える無料Web開発ツール80種類以上。JSON整形、Base64変換、カラーコード変換、QRコード生成などをブラウザ上で瞬時に実行。開発者の作業効率を大幅に向上させます。","inLanguage":"ja-JP","name":"Web ToolBox","url":"https://web-toolbox.dev/","workTranslation":{"@id":"https://web-toolbox.dev/en#website"}},{"@id":"https://web-toolbox.dev/tools/ogp-checker#webpage","@type":"WebPage","description":"URLを入力するとOGPの設定内容を取得して確認できるツールです。og:title、og:description、og:image などのメタタグを一覧で確認でき、SNSシェア前の表示チェックや設定確認に役立ちます。","name":"OGPチェッカー - URLのOGP設定を確認","url":"https://web-toolbox.dev/tools/ogp-checker","isPartOf":{"@id":"https://web-toolbox.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://web-toolbox.dev/tools/ogp-checker"]}]},{"@id":"https://web-toolbox.dev/tools/ogp-checker#/schema/web-application/1","@type":"WebApplication","applicationCategory":"UtilityApplication","description":"URLを入力するとOGPの設定内容を取得して確認できるツールです。og:title、og:description、og:image などのメタタグを一覧で確認でき、SNSシェア前の表示チェックや設定確認に役立ちます。","name":"OGPチェッカー - URLのOGP設定を確認","operatingSystem":"Windows, macOS, Linux, Android, iOS"}]}
```

## Sitemap

See the full [sitemap](https://web-toolbox.dev/sitemap.md) for all pages.