本文へスキップ
snowkitLaunch

ライブプレビューつきのOpen Graphタグ

タイトル、説明、共有画像を入力して、リンクがSNSやチャットアプリでどう見えるかを確認し、タグをコピーします。

テーマカラー
検索エンジン

Googleの結果

SNSの共有カード

チャットアプリのリンク

ブラウザ上で動作

ページの詳細を一度入力すると、ページのheadに入れる、きれいなメタタグのブロックをコピーでき、ページがGoogle、SNS、チャットアプリでどう見えるかのプレビューも付きます。すでにあるタグを確認することもできます。無料で、ブラウザ上で動作します。

メタタグの作り方、手順ごとに

  1. 「タグを作成」で、「ページのタイトル」と「説明」を入力します。
  2. 「ページのアドレス(正規URL)」「サイト名」と、あなたのX / Twitterのアカウント名を追加します。
  3. 「共有画像のアドレス」と「画像の説明」を追加し、「ページの種類」を選びます。
  4. 「検索エンジン」で、ページを結果に表示する、大きな画像のプレビューを許可するなど、検索エンジンにできることを選びます。
  5. 「Googleの結果」「SNS共有カード」「チャットアプリのリンクプレビュー」を確認して、「タグをコピー」を押し、ページのheadに貼り付けます。

すでにあるタグを確認する

「タグを確認」を開き、ページのHTMLまたはheadセクションを貼り付けて、「タグを確認」を押します。何があって、何が欠けているか、または長すぎるかの一覧が得られます。「ビルダーで開く」は、詳細を引き継ぐため、修正できます。

タイトルと説明は、どのくらいの長さにすべきですか?

Googleは、文字の幅や画面サイズにもよりますが、タイトルの約50〜60文字と、説明の約150〜160文字を表示して、それ以降を切り捨てます。ここのカウンターは、その点を超えると赤くなります。末尾が切られても、冒頭で意味が通るよう、重要な言葉を先に置いてください。

Open GraphとXカード

Facebook、LinkedIn、Slack、Discord、WhatsApp、iMessageと、他のほとんどのアプリは、Open Graphタグを読んで、リンクのプレビューを作ります。Xは、独自のtwitter:タグを読み、Open Graphにフォールバックします。共有画像には、完全なhttps://のアドレスを使い、1200 × 630ピクセルにして、画像内の文字は、小さく表示されることが多いため、大きくしてください。

プレビューが更新されないことがある理由

SNSは、リンクのプレビューを、ときには数日間キャッシュします。タグを変更したら、各SNS独自のリンクプレビューチェッカーで更新し、画像のアドレスが、ログインやリダイレクトなしで読み込めることを確認してください。

よりよい検索結果のコツ

  • 各ページに、サイト全体で同じテキストではなく、それぞれのタイトルと説明を付けてください。
  • クリックするかどうかを決める人のために、説明を、平易な言葉で書いてください。
  • 検索に表示してほしいバージョンのページを、正規のアドレスに設定してください。
  • 本当に隠したいページだけで、インデックスやリンクのたどりをオフにしてください。

こんな方に

ブロガー、店主、ポートフォリオを持つフリーランサー、ページや小さなサイトを公開するすべての方。headタグパックは、より充実したheadのファイルを作成し、サイトマップ作成は、検索エンジンがページを見つける助けになります。

よくある質問

タグはどこに入れますか?

ページのHTMLのheadタグの間です。ほとんどのWebサイト作成ツールには、カスタムheadコードやSEO設定の欄があります。

メタタグで順位は保証されますか?

いいえ。検索エンジンやソーシャルアプリがページをきれいに表示する助けにはなりますが、順位は他の多くの要素で決まります。

ページのアドレスはどこかに送信されますか?

いいえ。タグは、入力した内容をもとにブラウザ上で作成されます。

次はこちら

作ったものを、そのまま端末上で続けましょう。

Snowkitのその他