---
title: "OGP・OG画像とは？SNSで共有したときのサムネの仕組み"
description: "SNSにリンクを貼ったときに出るカード形式の表示が何の仕組みで動いているか知りたい方向け。OGPとOG画像の役割を把握し、共有URLが相手のタイムラインで魅力的に見えるかどうかを判断できます。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/what-is-ogp"
markdown: "https://giga-site.com/articles/what-is-ogp/index.md"
category: "用語解説"
publishedAt: "2026-06-22"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# OGP・OG画像とは？SNSで共有したときのサムネの仕組み

SNSにリンクを貼ると、タイトルや画像が付いたカードのような形で表示されることがあります。これを実現しているのがOGPという仕組みです。OG画像はそのときに表示されるサムネ画像のことです。この記事では、OGPの意味や仕組み、OG画像が果たす役割、そして更新時の注意点まで、初心者にもわかるように具体的な例を交えて説明していきます。

> Source HTML: https://giga-site.com/articles/what-is-ogp
> Article index: https://giga-site.com/articles/index.md

## OGPとはどんな仕組みか

OGPとは、SNSなどでリンクを共有したときに、タイトルや説明文、画像をまとめて表示するための仕組みです。これにより、リンクがただの文字列ではなく、内容がひと目でわかるカードのような形で表示されます。

OGPはページの中に書かれた特別な情報をもとに動きます。SNS側がその情報を読み取って、サムネ画像やタイトルを自動で表示してくれるのです。

## OG画像が果たす役割

OG画像とは、OGPで表示されるサムネ画像のことです。リンクを見た人が最初に目にする部分であり、内容を伝える看板のような役割を持っています。魅力的な画像があると、興味を持ってもらいやすくなります。

逆にOG画像が設定されていないと、画像のない地味な表示になったり、意図しない画像が表示されたりすることがあります。共有を意識するなら、OG画像を用意しておくと印象が良くなります。

OG画像は、ページの内容を一枚で伝えるチャンスでもあります。タイトルだけでは伝わりにくい雰囲気や要点を、画像で補えると、見た人の理解が深まり、開いてもらえる可能性も高まります。

- OG画像は共有時のサムネ画像
- 最初に目に入る看板のような存在
- 設定がないと地味な表示になりやすい

## 実務ではどこで関係する？

OGPは言葉の意味だけ覚えても、HTML共有の判断にはつながりません。実務では「表示に関係する話か」「検索に関係する話か」「アクセス制限に関係する話か」を分けて考えると整理しやすくなります。

OGP・OG画像について迷ったら、相手が安全に開けるか、検索に出してよいか、ブラウザや環境差で壊れないかを順番に確認します。用語理解は、その判断を早くするための道具として使います。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

- 表示の話: HTML/CSS/JS、パス、ブラウザ互換性を確認する
- 検索の話: noindex、canonical、sitemap、robots.txtの役割を分ける
- 制限の話: URL共有、パスワード、メール認証、会社ドメイン認証を混同しない
- 運用の話: 期限、差し替え、削除、共有メッセージまで決める

## OGPが使われる具体的な場面

たとえば、記事のリンクをSNSに投稿したとき、タイトル・説明・画像が付いたカードが表示されるのはOGPのおかげです。これにより、投稿を見た人がリンク先の内容を予想しやすくなります。

チャットツールやメッセージアプリでも、リンクを貼るとOGPの情報が表示されることがあります。テキストだけよりも、内容が伝わりやすく、クリックされやすくなる効果があります。

## OGPを扱うときの注意点

OGPの情報を更新しても、SNS側が古い情報を覚えていて、すぐに反映されないことがあります。これはキャッシュという仕組みのためで、しばらく時間をおくと新しい内容に切り替わることが多いです。

また、OG画像はサイズや形が表示に影響します。横長の画像が一般的に向いていますが、SNSごとに見え方が少しずつ違うため、実際に共有して確認すると安心です。

## ギガサイト便での共有とOGP

ギガサイト便は、AIで作ったHTMLやZIPを認証付きの共有URLで見せるサービスです。共有URLは特定の相手に直接送って見てもらうことを想定しており、既定では検索エンジンに表示されないnoindexの設定になっています。

そのため、不特定多数に向けてOGPで大きく宣伝するというより、見せたい相手に限定して安全に共有する使い方が中心です。OGPの仕組みを知っておくと、共有時にどんな情報が表示されるかをイメージしやすくなります。

1. 共有したいHTMLやZIPをドラッグ&ドロップする
2. 認証方式と公開期限を設定する
3. 発行された共有URLを見せたい相手に直接送る

## よくある質問

### OGPを設定しないとどうなりますか？

SNSで共有したときに画像のない地味な表示になったり、意図しない画像が選ばれたりすることがあります。共有を意識するなら設定しておくと印象が良くなります。

### OG画像のサイズに決まりはありますか？

横長の画像が一般的に向いています。ただしSNSごとに見え方が異なるため、実際に共有して表示を確認するのが確実です。

### OGPを更新したのに反映されないのはなぜですか？

SNS側が古い情報をキャッシュとして覚えているためです。しばらく時間をおくと、新しい内容に切り替わることが多いです。

### ギガサイト便の共有URLはSNSで派手に表示されますか？

ギガサイト便の共有URLは特定の相手に直接送る使い方が中心で、既定では検索エンジンに表示されない設定です。不特定多数への宣伝よりも限定共有に向いています。

### 実務ではどこで関係する？はHTML共有で必ず理解しておく必要がありますか？

細かな仕様を暗記する必要はありません。ただし、検索に出るか、閲覧者を制限できるか、表示が崩れないかに関わる用語は、共有前の判断材料として押さえておくと安全です。

## 関連記事

- [認証付きURLとは？仕組みと安全な使いどころをやさしく解説](https://giga-site.com/articles/what-is-authenticated-url/index.md)
- [静的サイトとは？動的サイトとの違いをわかりやすく解説](https://giga-site.com/articles/what-is-static-site/index.md)
- [noindexとは？仕組みと、できることできないこと](https://giga-site.com/articles/what-is-noindex/index.md)
- [ZIPサイトとは？index.htmlの役割をやさしく解説](https://giga-site.com/articles/what-is-zip-website/index.md)
- [一時公開（期限付き公開）とは｜仕組みと使いどころをわかりやすく解説](https://giga-site.com/articles/what-is-ephemeral-publish/index.md)
- [プレビューURLとは？確認用URLの基礎をやさしく解説](https://giga-site.com/articles/what-is-preview-url/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "OGP・OG画像とは？SNSで共有したときのサムネの仕組み",
  "description": "SNSにリンクを貼ったときに出るカード形式の表示が何の仕組みで動いているか知りたい方向け。OGPとOG画像の役割を把握し、共有URLが相手のタイムラインで魅力的に見えるかどうかを判断できます。",
  "datePublished": "2026-06-22",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/what-is-ogp",
  "url": "https://giga-site.com/articles/what-is-ogp",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "用語解説",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "OGPを設定しないとどうなりますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "SNSで共有したときに画像のない地味な表示になったり、意図しない画像が選ばれたりすることがあります。共有を意識するなら設定しておくと印象が良くなります。"
      }
    },
    {
      "@type": "Question",
      "name": "OG画像のサイズに決まりはありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "横長の画像が一般的に向いています。ただしSNSごとに見え方が異なるため、実際に共有して表示を確認するのが確実です。"
      }
    },
    {
      "@type": "Question",
      "name": "OGPを更新したのに反映されないのはなぜですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "SNS側が古い情報をキャッシュとして覚えているためです。しばらく時間をおくと、新しい内容に切り替わることが多いです。"
      }
    },
    {
      "@type": "Question",
      "name": "ギガサイト便の共有URLはSNSで派手に表示されますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ギガサイト便の共有URLは特定の相手に直接送る使い方が中心で、既定では検索エンジンに表示されない設定です。不特定多数への宣伝よりも限定共有に向いています。"
      }
    },
    {
      "@type": "Question",
      "name": "実務ではどこで関係する？はHTML共有で必ず理解しておく必要がありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "細かな仕様を暗記する必要はありません。ただし、検索に出るか、閲覧者を制限できるか、表示が崩れないかに関わる用語は、共有前の判断材料として押さえておくと安全です。"
      }
    }
  ]
}
```