メタタイトルとディスクリプションの文字数がGoogle検索結果に最適かチェック。SERPプレビュー付き。
推奨: 50～60文字。60文字を超えるとGoogleで切り詰められます。
推奨: 120～160文字。それ以上は検索結果で切り詰められます。
HTML <head> のメタ タグは、検索エンジンとソーシャル プラットフォームがページのプレビューを表示する方法を制御します。最も重要なタグには、<title>、<meta name="description">、Open Graph タグ (og:title、og:description、og:image)、および Twitter Card タグ (twitter:title、twitter:description、twitter:image) が含まれます。これらのタグが欠落していたり、形式が間違っていたり、間違っていたりすると、検索スニペットやソーシャル プレビューが壊れて見えたり、意図しないコンテンツが使用されたりします。
このチェッカーは URL を取得し、関連するすべてのメタ タグを検査します。欠落しているタグにはフラグが立てられます。プラットフォーム固有の長さ制限 (Google スニペットの切り捨て、Twitter の文字大文字) を超えるコンテンツを含むタグが強調表示されます。画像参照は検証されます。og:image が 404 を指している場合、ソーシャル プレビューは壊れます。
サイトへのクリックのほとんどは検索結果やソーシャルシェアから発生するため、これはすべて重要です。メタ タグは、クリックが発生するかどうかを決定するマーケティング コピーです。それらを正しく行うことは、SEO とソーシャルの最も大きな影響を与えるタスクの 1 つです。
メタタグの間違いは沈黙します。 og:image のないページでも正しく読み込まれます。このページには、ソーシャルシェアが壊れているように見えるものは何もありません。間違いは誰かがページを共有したときにのみ表示され、その時点で逃した第一印象はすでに失われています。定期的にページをチェックすると、これらの問題を早期に発見できます。
再設計、CMS の移行、テンプレートの更新など、サイトに大きな変更を加えた後、メタ タグが後退することがよくあります。重要なページの QA パスにより、変更によって重要なものが失われたことが確認されています。
URL を入力すると、すべてのメタ タグが表示されます。
SEO に必要なメタ タグ: <title> (50 ～ 60 文字。Google は検索スニペットでこれを超えると切り詰めます)、<meta name="description"> (150 ～ 160 文字。長いテキストは切り詰められます)。どちらかが欠けていると、検索の外観が大幅に低下します。
Open Graph タグ (Facebook、LinkedIn、Slack などで使用): og:title、og:description、og:image、og:url、og:type。高 DPI レンダリングでは、og:image は少なくとも 1200×630 ピクセルである必要があります。 og:image:alt はアクセシビリティラベルです。
Twitter カードのタグ: twitter:card (通常は summary_large_image)、twitter:title、twitter:description、twitter:image。 Twitter は、Twitter 固有のタグが欠落している場合は OG タグにフォールバックするため、多くの場合、適切に構成された OG で十分です。