OGP・メタタグを公開前に確認｜無料OGP・メタタグチェッカーのご紹介

Webサイトを公開する前に確認しておきたい項目のひとつが、OGPやメタタグの設定です。

titleタグやdescription、OGP画像、Twitter Cardなどの設定に不備があると、検索結果やSNSでページが共有された際に、意図した表示にならない場合があります。

たとえば、SNSでURLを投稿したときに画像が表示されない、タイトルが古いままになっている、説明文が長すぎて途中で切れてしまう、といった問題が発生することがあります。

そこでメディアソート株式会社では、HTMLソースを貼り付けるだけでOGP・メタタグをまとめて確認できる無料ツール「OGP・メタタグチェッカー」を公開しています。

OGP・メタタグチェッカーとは

OGP・メタタグチェッカーは、WebページのHTMLソースを貼り付けるだけで、OGPタグやメタタグの設定状況を確認できる無料Webツールです。

ページのhead部分をコピーして貼り付けることで、title、description、OGP、Twitter Card、canonical、robots、viewportなどのタグをまとめてチェックできます。

Google検索結果のプレビューやXカードのプレビューにも対応しているため、公開前の表示確認にも便利です。

検索結果とSNS表示を事前に確認できる

Webページは、検索結果やSNSで表示されたときの見え方も重要です。

検索結果では、ページタイトルや説明文がユーザーのクリック判断に影響します。

SNSでは、OGP画像やタイトル、説明文の表示によって、投稿の印象が大きく変わります。

OGP・メタタグチェッカーでは、HTMLソースを解析し、Google検索結果風のプレビューやXカードのプレビューを確認できます。

ページ公開前や公開後のチェックに使うことで、検索結果やSNSシェア時の見え方を事前に把握しやすくなります。

不足タグや文字数オーバーをチェック

OGPやメタタグは、種類が多く、手作業で確認すると見落としが発生しやすい項目です。

OGP・メタタグチェッカーでは、設定されているタグを一覧で確認できます。

また、必須・推奨タグの不足や、title・descriptionなどの文字数オーバーも確認できます。

赤・黄のインジケーターで注意点が表示されるため、どこを修正すればよいか判断しやすくなっています。

16種類のタグ確認に対応

OGP・メタタグチェッカーでは、OGPタグ、Twitter Cardタグ、基本的なSEO関連タグなど、計16種類のタグを確認できます。

主な確認対象は、og、og、og、og、og、twitter、title、meta description、canonical、robots、viewportなどです。

SNSシェア向けのタグだけでなく、SEOやレスポンシブ表示に関わるタグもまとめて確認できるため、Web制作・サイト運用のチェック作業に適しています。

スコア表示で設定状況を把握できる

OGP・メタタグチェッカーでは、タグの設定状況を100点満点のスコアで確認できます。

title、description、og、og、ogなど、重要なタグの充足状況をもとにスコアが表示されます。

細かいHTMLをすべて読まなくても、設定状況の大まかな完成度を把握できるため、公開前チェックや修正確認に便利です。

URL直接チェックではなくHTML貼り付け方式

このツールは、URLを入力して直接チェックする方式ではなく、HTMLソースを貼り付ける方式です。

確認したいページでソースを表示し、head部分またはHTML全体をコピーして貼り付けることで解析できます。

URL直接取得ではないため、ローカル環境やステージング環境など、外部からアクセスできないページの確認にも使いやすいのが特徴です。

制作途中のページや公開前のページでも、HTMLソースを取得できればチェックできます。

使い方

使い方は簡単です。

まず、確認したいページをブラウザで開き、ページのソースを表示します。

次に、head部分またはHTMLソース全体をコピーします。

コピーしたHTMLをOGP・メタタグチェッカーの入力欄に貼り付け、「チェック」ボタンをクリックします。

解析後、Google検索結果プレビュー、Xカードプレビュー、検出タグ一覧、スコア、不足タグ、文字数オーバーなどを確認できます。

問題がある場合は、HTMLやCMS側のメタタグ設定を修正し、再度チェックします。

こんな場面で便利です

OGP・メタタグチェッカーは、次のような場面で便利です。

Webサイト公開前にtitle・descriptionを確認したいとき。

OGP画像が正しく設定されているか確認したいとき。

SNSでシェアした際のカード表示を事前に確認したいとき。

LPやコーポレートサイトのSEO設定をチェックしたいとき。

WordPressやCMSで設定したメタタグが正しく出力されているか確認したいとき。

ステージング環境やローカル環境のページを公開前に確認したいとき。

ページごとのメタタグ設定漏れをチェックしたいとき。

メタタグ生成ツールとの併用もおすすめ

Mediassort Toolsでは、title・description・OGP・Twitter Cardなどのメタタグを作成できる「メタタグ生成ツール」も公開しています。

まずメタタグ生成ツールで必要なタグを作成し、HTMLやCMSに反映します。

その後、OGP・メタタグチェッカーで正しく出力されているか確認することで、作成から確認までをスムーズに行えます。

メタタグの作成とチェックをセットで行うことで、検索結果やSNSシェア時の表示ミスを減らしやすくなります。

OGP・メタタグチェッカーはこちら

メディアソート株式会社では、Web制作・開発に役立つ無料ツール集「Mediassort Tools」を公開しています。

OGP・メタタグチェッカーでは、HTMLソースを貼り付けるだけで、OGP・メタタグの設定状況、Google検索結果プレビュー、Xカードプレビュー、不足タグ、文字数オーバーなどを確認できます。

Webサイト公開前の確認や、SEO・SNSシェア対策のチェックにぜひご活用ください。

OGP・メタタグチェッカーはこちら
※掲載時にツールページへリンクを設定