UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

【SEO】OGPとは？

SEO

OGPと聞いてパッと何かがわからなかったので調べた

ogp.me

OGPとは

OGPはOpen Graph Protocolの略

SNSでwebページや記事がシェアされた時に、そのページのtitle、URL、description、imageを表示させる仕組み

ユーザのアクセス数を伸ばすためには気をかけた方が良いもの

設定

htmlのheadにmetaタグとして設定する

使用例

<html prefix="og: https://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="https://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="https://ia.media-imdb.com/images/rock.jpg" />

必須のメタデータ

  • og:title：タイトル（例：「TheRock」）
  • og:type：タイプ（例：「video.movi​​e」）
    他にもarticle``book``profile``websiteなどがある
  • og:image：画像のURL
  • og:url：URL（例：「https://www.imdb.com/title/tt0117500/」）

オプションメタデータ

  • og:audio：付随するオーディオファイルへのURL
  • og:description：1〜2行くらいの説明文
  • og:determiner：タイトルの前に表示される単語（a、an、the、 ""、auto）の列挙型
    autoが選択されている場合、データの利用者は「a」または「an」のいずれかを選択する必要がある
    デフォルトは ""（空白）です。
  • og:locale：マークアップされているロケール
    形式はlanguage_TERRITORY
    デフォルトはen_US
  • og:locale:alternate：このページが利用できる他のロケールの配列
  • og:site_name：大きなWebサイトの一部である場合、サイト全体に表示される名前
    例：「IMDb」
  • og:video：ビデオファイルへのURL