要点
2024 年の Backlinko のクリック率の調査によれば、メタタグを整えたページは、既定のままやメタ情報がないページよりも、オーガニックのクリックが最大で 43% 多くなります。
さらに詳しく知るには、こちらに質問
メタタグは、オンページ SEO の目に見えない背骨です。ページが何についてのものかを検索エンジンに伝え、検索結果での見え方を制御し、利用者がクリックするかどうかを左右します。HTML の <head> の中に隠れていても、メタタグは、オーガニックの可視性、ソーシャルでの共有、利用者の体験に決定的な役割を果たします。
sorank.com の無料のメタタグ生成ツールを使えば、整ったタイトルタグ、meta description、Open Graph のタグ、Twitter カードの記述、その他の必要なメタ情報を、コードを書かずに数秒で作れます。
メタタグが SEO で重要な理由
検索エンジンは、コンテンツを理解し、分類するためにメタタグを頼りにします。SEO でもっとも大切なメタタグは、タイトルタグと meta description の 2 つです。
タイトルタグは、オンページでもっとも影響力の大きいランキング要因です。Google は、検索クエリとの関連性を見極める主な手がかりとして使います。狙ったキーワードを含むよく作られたタイトルタグは、順位を大きく後押しします。
meta description は直接のランキング要因ではありませんが、クリック率に大きく響きます。Google は、検索結果のタイトルの下の説明文として meta description を表示することがよくあります。心を引く説明文は、リンクを押すか、そのまま通り過ぎるかの分かれ目になります。
この 2 つのほかにも、クロールと登録を制御する robots の指示、重複したコンテンツを防ぐ canonical タグ、スマートフォンへの対応を支える viewport タグなどの大切なメタタグがあります。
Open Graph と Twitter カードのタグを理解する
Facebook、LinkedIn、Twitter などのソーシャルメディアでページが共有されるとき、Open Graph(OG)と Twitter カードの meta タグが、プレビューの見た目を決めます。これらのタグがないと、プラットフォームが自動でプレビューを作り、違う画像、途中で切れたタイトル、説明文の欠落が起きがちです。
主な Open Graph のタグは次のとおりです。
og:title、共有のプレビューに表示されるタイトルです。og:description、タイトルの下に表示される短い説明文です。og:image、プレビューの画像です(推奨サイズ:1200×630 ピクセル)。og:url、共有されるページの canonical の URL です。og:type、コンテンツの種類です(例:article、website、product)。
Twitter カードのタグも同じ要領で、twitter:card、twitter:title、twitter:description、twitter:image があります。この生成ツールは Open Graph と Twitter カードの記述を同時に作るので、どのプラットフォームでもそろったプレビューになります。
Sorank のメタタグ生成ツールの使い方
使い方は簡単です。
手順 1:ページのタイトルを入力します。検索結果で途中で切れないよう、60 文字以内に保ちます。主要キーワードはできるだけ前のほうに入れます。
手順 2:meta description を書きます。150 - 160 文字を目安にします。行動を促す言葉を使い、はっきりした価値や呼びかけを入れてください。
手順 3:Open Graph の項目、タイトル、説明文、画像の URL、ページの URL を追加します。ツールが画像の寸法を確かめ、ソーシャルメディアで切り抜かれそうな場合は知らせます。
手順 4:Twitter カードの設定を決めます。コンテンツに合わせて、summary と summary_large_image のどちらかを選びます。
手順 5:生成された HTML のコードをコピーし、ページの <head> に貼り付けるか、CMS やサイト作成ツールで使います。
メタタグを書くときの基本
メタタグの効果を最大にするには、次の目安に従ってください。
タイトルタグの基本:
・途中で切れないよう、タイトルは 50 - 60 文字に保ちます。
・主要キーワードはタイトルの冒頭に置きます。
・ブランド名は末尾に、縦棒(|)やハイフンで区切って入れます。
・ページごとにタイトルを固有にします。重複したタイトルは検索エンジンを迷わせます。
・クリック率を高めるため、「無料」「ガイド」「おすすめ」「2025」のような引きの強い語を使います。
meta description の基本:
・表示を整えるため、150 - 160 文字に収めます。
・狙ったキーワードを自然に入れます。Google は検索結果で一致する語を太字にします。
・はっきりした呼びかけを入れます(例:「詳しく見る」「無料で試す」「今日から始める」)。
・ページごとに説明文が重複しないようにします。
・能動的な言い回しで書き、クリックされるだけの魅力を持たせます。
Open Graph の基本:
・必ず og:image を指定します。画像のある投稿は、ソーシャルメディアでの反応が 2.3 倍になります。
・どのプラットフォームでもよく見えるよう、1200×630 ピクセルの画像を使います。
・OG のタイトルは 60 文字以内、OG の説明文は 200 文字以内に保ちます。
・Facebook の Sharing Debugger と Twitter の Card Validator でタグを確かめます。
避けたいメタタグのよくある間違い
多くのサイトは、単純なメタタグの誤りのせいで貴重な流入を失っています。
メタタグがまったくない:タイトルや説明文を用意しなければ、検索エンジンがページの内容から自動で作りますが、良い結果になることはほとんどありません。
キーワードの詰め込み:タイトルや説明文にキーワードを詰め込むと迷惑な印象を与え、Google からの評価を下げる恐れがあります。まずは人のために、次に検索エンジンのために書いてください。
メタタグの重複:サイトのすべてのページに、固有のタイトルと説明文が必要です。メタ情報が重複すると検索エンジンが迷い、順位を上げる可能性も薄まります。
文字数の目安を無視する:60 文字を超えるタイトルや 160 文字を超える説明文は検索結果で途中で切れ、伝えたいことが文の途中で途切れます。
ソーシャル向けのタグを忘れる:Open Graph と Twitter カードのタグがなければ、丁寧に作ったコンテンツも、ソーシャルメディアで共有されたときに素人っぽく見え、反応も紹介経由の流入も減ります。
テクニカル SEO 向けの進んだメタタグ
基本のタイトルと説明文のタグのほかにも、テクニカル SEO の担当者は、検索エンジンとページの関わり方を細かく整えるメタタグを使います。
<meta name="robots" content="index, follow">、ページを登録するか、リンクをたどるかを制御します。
<link rel="canonical" href="...">、重複したコンテンツの問題を防ぐために、ページの代表となる版を指定します。
<meta name="viewport" content="width=device-width, initial-scale=1">、スマートフォン向けのページに欠かせず、Google のモバイルファーストインデックス以降はランキング要因です。
<meta charset="UTF-8">、文字コードを宣言し、さまざまなブラウザや端末で特殊文字が正しく表示されるようにします。
メタタグ生成ツールはこれらの技術的なタグをすべて出力に含め、SEO と技術の両方の要件を満たす、そのまま使える <head> をお届けします。

































































































