リンクプレビュー・とは？初心者にもわかる解説と使い方のコツ共起語・同意語・対義語も併せて解説！

この記事を書いた人

岡田康介

名前：岡田康介（おかだこうすけ）ニックネーム：コウ、または「こうちゃん」年齢：28歳性別：男性職業：ブロガー（SEOやライフスタイル系を中心に活動）居住地：東京都（都心のワンルームマンション）出身地：千葉県船橋市身長：175cm 血液型：O型誕生日：1997年4月3日趣味：カフェ巡り、写真撮影、ランニング、読書（自己啓発やエッセイ）、映画鑑賞、ガジェット収集性格：ポジティブでフランク、人見知りはしないタイプ。好奇心旺盛で新しいものにすぐ飛びつく性格。計画性がある一方で、思いついたらすぐ行動するフットワークの軽さもある。 1日（平日）のタイムスケジュール 7:00 起床：軽くストレッチして朝のニュースをチェック。ブラックコーヒーで目を覚ます。 7:30 朝ラン：近所の公園を30分ほどランニング。頭をリセットして新しいアイデアを考える時間。 8:30 朝食＆SNSチェック：トーストやヨーグルトを食べながら、TwitterやInstagramでトレンドを確認。 9:30 ブログ執筆スタート：カフェに移動してノートPCで記事を書いたり、リサーチを進める。 12:30 昼食：お気に入りのカフェや定食屋でランチ。食事をしながら読書やネタ探し。 14:00 取材・撮影・リサーチ：街歩きをしながら写真を撮ったり、新しいお店を開拓してネタにする。 16:00 執筆＆編集作業：帰宅して集中モードで記事を仕上げ、SEOチェックやアイキャッチ作成も行う。 19:00 夕食：自炊か外食。たまに友人と飲みに行って情報交換。 21:00 ブログのアクセス解析・改善点チェック：Googleアナリティクスやサーチコンソールを見て数字を分析。 22:00 映画鑑賞や趣味の時間：Amazonプライムで映画やドラマを楽しむ。 24:00 就寝：明日のアイデアをメモしてから眠りにつく。

リンクプレビュー・とは？

リンクプレビューとは、URLをWeb上の場所へ移動する前に、リンクの内容を小さなカードのような形で表示するしくみのことです。SNSやメッセージアプリでリンクを共有すると、ページのタイトル・説明・アイコン画像が一緒に表示され、どんなページかを一目でつかめます。

このしくみは、リンク先のサイトが公開している情報（例: Open Graph、Twitter Card などのメタタグ）を使って作られます。og:title、og:description、og:image などと呼ばれるタグが有名です。

具体的には、次のような情報が表示されることが多いです。

表示される情報の例

able> 情報表示の例タイトルニュース記事の見出しなど説明記事の要約や説明文画像ページのアイキャッチ画像 URL短く整理されたリンク文字列

この仕組みがあると、リンクをクリックする前に内容を見極めやすく、信頼できる情報かどうかを判断する助けになります。

どうやって作成・検証するのか

ウェブサイトの運営者が<meta>タグを設定すれば、リンクプレビューの表示をコントロールできます。主な方法としてはOpen GraphとTwitter Cardの二つが代表的です。

実務としては、以下の点をチェックします。

・og:titleやog:descriptionが適切に設定されているか

・og:imageの画像が適切なサイズか（推奨サイズはプラットフォームによって異なります）

・URLが常時アクセス可能か、ページがダウンしていないか

初心者向けのコツとしては、まずは自分のサイトのページを1つ選び、表示されるリンクプレビューを確認してみることです。SNSのシェア機能や友だちへのメッセージ機能で実際に貼り付けてみると、どの情報が表示されるかを体感できます。

よくある注意点

・一部のサイトでは動的に内容を生成しており、クローラーがHTMLを読むだけでは正しく表示されないことがあります。その場合はサーバーサイドで静的なメタタグを用意するか、追加の設定を行う必要があります。

・リンクプレビューは検索エンジンの表示には直接影響しませんが、クリック率を高める重要な要素です。分かりやすい情報・適切な画像は、閲覧者の信頼感を高めます。

下の表は、さまざまなプラットフォームでよく使われる情報の例です。

プラットフォーム	代表的なタグ	表示例
Facebook	og:title, og:description, og:image	カード形式の表示
Twitter	twitter:card, twitter:title, twitter:description, twitter:image	カードと画像付き表示
LINE	og:title, og:description, og:image	リンクの小さなカード

このように、リンクプレビューは日常の情報共有をより直感的にし、どんなサイトへリンクしているのかを知る手がかりになります。自分のサイト運用にも活用して、見てもらいたい情報を的確に伝えましょう。

リンクプレビューの同意語

リンクプレビュー: リンクのURLを共有したときに表示される、ページのタイトル・説明・画像などの要約情報をカード形式で示す表示機能のこと。
リンクカード: リンク先の情報をカード型で表示するUI要素。タイトル・説明・画像を一つのボックスにまとめた表示。
プレビューカード: リンク先情報を示すカード型の表示。説明やサムネイルを含むことが多い。
リッチカード: 画像とテキストを組み合わせた、より視覚的に豊かなプレビュー表示。ソーシャルメディアや検索結果の一部で用いられる表現。
リッチプレビュー: リッチな情報を含むリンクのプレビュー表示。通常は画像・タイトル・説明が強調される形式。
OGプレビュー: Open Graph（OG）タグに基づいて生成されるリンクのプレビュー。タイトル・説明・画像が表示されることが多い。
OGタグ表示: Open GraphのOGタグ情報を元にしたリンクプレビューの表示。サイトのメタデータが反映される。
サムネイル付きリンク表示: リンク先のサムネイル画像を含む、簡易なリンクプレビュー表示。
サムネイルリンクカード: サムネイル画像付きのカード型リンク表示。
ページカード: リンク先のページ情報をカード形式でまとめて表示するUI要素。
ページプレビュー: 共有されたURLのページ内容を要約して表示するプレビュー。
ソーシャルプレビュー: ソーシャルメディア上で表示されるリンクプレビュー。クリック前に要約情報が見える状態。
リンク概要表示: リンク先の概要情報を要約して表示する、短めのプレビュー形式。

リンクプレビューの対義語・反対語

プレーンリンク表示: リンクプレビューの機能を使わず、タイトル・説明・サムネイルなどの情報を表示せず、純粋にリンク文字列のみを表示する状態。
プレビューなし: リンクプレビュー機能を完全に無効化し、プレビュー情報を一切生成・表示しない状態。
サムネイルなしのリンク: リンク先のサムネイル画像を表示せず、テキスト情報のみを提示する状態。
URLのみ表示: リンクのURL文字列だけを画面に表示し、ページの概要情報を表示しない状態。
リンク直開き: リンクをクリックした際に、プレビューを経由せず直接リンク先のページへ移動する挙動。
プレビュー機能オフ: サービス設定でリンクプレビュー機能をオフにした状態。
メタデータ未使用のリンク表示: Open Graph等のメタデータを利用してプレビューを生成せず、プレビュー情報を表示しない状態。

リンクプレビューの共起語

オープン・グラフ（Open Graph）: SNSでリンクを共有する際の共通規格。タイトル・説明・画像などのメタデータを統一して表示する仕組みです。
Open Graph（オープン・グラフ）: Open Graphプロトコルの日本語表記。リンクプレビューの基本となる規格です。
og:title: Open Graphの設定の中で、リンクプレビューに表示されるタイトルを指定するメタタグ。
og:description: Open Graphの説明文を指定するメタタグ。プレビュー下部の説明文に反映されます。
og:image: リンクプレビューに使われる画像のURLを指定するメタタグ。
og:url: プレビューで参照するURL。正規のURLを示す目的で設定します。
og:type: ページの種類を示すOpen Graphの値。website, article などが代表的です。
og:site_name: プレビューに表示されるサイト名を設定するOpen Graphの項目。
og:image:width: og:imageの推奨横幅を指定する補足情報（レスポンシブ対応時に役立ちます）。
og:image:height: og:imageの推奨縦幅を指定する補足情報。
Twitter Cards: Twitter上でリンクを表示する際のカード仕様。ogと同様にタイトル・説明・画像を制御します。
twitter:card: Twitterカードのタイプを設定するタグ（例: summary, summary_large_image）。
twitter:title: Twitterカードに表示されるタイトル。
twitter:description: Twitterカードに表示される説明文。
twitter:image: Twitterカードに表示される画像のURL。
meta description: 検索エンジンにページの概要を伝える説明文を設定するmetaタグ。
title tag: ブラウザのタブや検索結果に表示されるページのタイトル。
サムネイル: リンクプレビューに表示される小さな画像（アイキャッチ的役割）。
サムネイル画像: プレビューで主に使われる画像そのもの。
画像URL: プレビュー用に指定する画像のURL。
画像サイズ: リンクプレビュー用の推奨画像サイズ（縦横比・解像度）。
alt属性: 画像の代替テキスト。障害のある人にも内容を伝える説明。
meta keywords: 過去のSEOで使われていたキーワードタグ。現在は影響が小さいが関連語として挙がることがあります。
カード形式: リンクプレビューをカード状に表示する形式の総称。
プレビューカード: リンクを貼った際に表示される全体のカードを指します。
SNS連携: ソーシャルメディアとウェブサイトの連携設定・対応。
ソーシャルメディア: Facebook・Twitter・Instagramなど、情報を共有する媒体の総称。
構造化データ: 検索エンジンに情報の意味を伝えるためのマークアップ。
Schema.org: 構造化データの標準仕様の一つ。リッチカードやリッチスニペットの基盤。
canonical URL: 正規URLの指定。重複URLの問題を避けるために使います。

リンクプレビューの関連用語

リンクプレビュー: 他人がURLを共有したときに表示される、タイトル・説明・サムネイルなどの情報の総称。SNSやメッセージアプリでの見え方を指します。
OGPタグ: Open Graph Protocolに基づくメタタグの総称。Facebookなど多くのSNSで共通して使われ、タイトル・説明・画像などを事前に設定します。
og:title: リンクプレビューに表示されるタイトルを設定します。
og:description: リンクプレビューに表示される説明文を設定します。
og:image: リンクプレビューで使われるサムネイル画像のURLです。推奨サイズや読み込み速度を意識します。
og:url: プレビューに使われる正規URL。重複ペナルティの回避にも役立ちます。
og:type: ページのタイプを示します。WebPageやArticleなど、用途に応じて設定します。
og:site_name: サイト名を表示して、出典を示します。
og:locale: 言語と地域の設定。例: ja_JP
Twitterカード: Twitterが提供するリンクプレビューの仕組みで、URLの情報をカード状に表示します。
twitter:card: カードの種類を指定します。summary、summary_large_image などが一般的です。
twitter:title: Twitter向けのタイトル。og:title の代替として利用されることがあります。
twitter:description: Twitter向けの説明文。
twitter:image: Twitter向けのサムネイル画像URL。
meta description: 検索エンジンの検索結果に表示される説明文。リンクプレビューにも影響します。
titleタグ: ページのタイトル。検索結果やプレビューで最初に表示される情報の一つです。
canonical: rel="canonical" タグで正規URLを示します。重複コンテンツの扱いとプレビューの一貫性を保ちます。
JSON-LD: JSON-LD形式の構造化データ。検索エンジンやSNSが情報を理解しやすくします。
schema.org: 構造化データの標準仕様を提供する団体。WebPage、Article、NewsArticle などの型を定義します。
WebPage: schema.org の型のひとつ。ウェブページを表現します。
Article: schema.org の型。ブログ記事やニュース記事などを表現します。
NewsArticle: schema.org の型。ニュース記事を表現します。
サムネイル最適化: 表示品質と読み込み速度を両立するため、画像サイズ・形式・圧縮を適切に調整します。
画像サイズの推奨: og:image の推奨サイズや比率の目安。例: 1200x630（横長比1.91:1）など。
フォールバック: OGPが設定されていない場合でも、タイトル・説明・サイト名などからプレビューを表示します。
クローリング / メタデータ取得: リンク先ページを外部ボットが読み込み、メタデータを取得してプレビューを作成します。
プレビュー生成の仕組み: URLを取得してメタデータを解析し、プレビュー情報を組み立てる一連のプロセス。
リッチプレビュー / Rich Preview: リンク先の情報を視覚的に豊かに表示するプレビューの総称。
SNSごとの表示差異: プラットフォームごとに推奨タグや表示形式が異なる点。