読者です 読者をやめる 読者になる 読者になる

ペラログ

ぺライチを運営しているホットスタートアップの人・文化・サービスを主に発信します。

(改訂版)Facebookでいいね!やシェアされるためにOGPを設定しよう!

ヘルプ

OGP(SNSシェア設定)を設定すると、FacebookでWebページをシェアしたときに表示される画像やページの情報を設定できます。

f:id:peraichi:20151112144005p:plain

OGPをきっちり表示させることで、いいね! や シェアがされやすくなりますので是非お試しください。

f:id:peraichi:20151112131252j:plain

OGPとは

  • SNS(FacebookTwitterなど)でシェアされた際に表示される情報です
  • ページのタイトル、URL、概要、画像などを正しく伝えることができるようになります。

Open Graph Object Debugger

  • OGPが正しく設定できていいるかを確認できます。
    f:id:peraichi:20151112132034p:plain

確認結果例

  • クリックすると大きな画像が表示されます
    f:id:peraichi:20151112132053p:plain

手順

  1. ペライチにログイン
  2. 上部のメニューで[マイページ]をクリック
    f:id:peraichi:20151112131343p:plain
  3. [マイページ]画面で編集したいページの[編集]ボタンをクリック
    f:id:peraichi:20151112131400p:plain
  4. ページの編集画面の[ページ管理設定]ボタンをクリック
    f:id:peraichi:20151112131418p:plain
  5. [ページ管理設定]で各項目を設定
    f:id:peraichi:20151112131441p:plain

目次

  1. OGP(SNSシェア設定)
    1. OGP image
    2. OGP title
    3. OGP url
    4. OGP site_name
    5. OGP type
    6. OGP description
  2. Facebookインサイト(公式アクセス解析ツール)
    1. Facebook admins
    2. Facebook app_id

1.OGP(SNSシェア設定)

手順

  1. [OGP]タブの「OGP(SNSシェア設定)」の横の[設定する]ボタンをクリック
    f:id:peraichi:20151112132512p:plain
  2. 各項目を設定
    f:id:peraichi:20151112133131p:plain
  3. [保存]ボタンをクリック
    f:id:peraichi:20151112132610p:plain

▲目次に戻る

1-1.OGP image

  • 画像を指定できます。
  • ページの特徴や内容がわかりやすい画像を指定します。

手順

A.新規に画像ファイルをアップロードして使用する場合
  1. [OGP image]の[画像アップロード]ボタンをクリック
  2. 使用する画像ファイルを指定し、[開く]ボタンをクリック
  3. [画像アップロード]ボタンの左側に指定した画像が表示されていることを確認してください
B.既存の画像ファイルを指定する場合
  1. [マイライブラリから選択]ボタンをクリック
  2. 使用する画像ファイルを指定し、[開く]ボタンをクリック
  3. [画像アップロード]ボタンの左側に指定した画像が表示されていることを確認してください
    f:id:peraichi:20151112133420p:plain

注意点

  • [OGP imageの設定をリセット]ボタンを押すと画像の設定を取り消すことができます。

▲目次に戻る

1-2.OGP title

  • ページのタイトルを指定します
    ページを一言で説明するタイトルを記入してください。
  • [ページのタイトルを反映]ボタンをクリックすると、[ページ情報編集]画面の[ページ名(title)]で設定した内容が自動的に反映されます。
入力例
  • 美味しいコーヒーと読書を楽しむ『Coffee and Books』
  • ぺらしたぺらいち 公式Webサイト
    など

▲目次に戻る

1-3.OGP url

  • 設定するページのURL(Webページのアドレス)を指定します。
  • [ページのurlを反映]ボタンをクリックすると、[ページ情報編集]画面の[ページURL]や[独自ドメイン]で設定した内容が自動的に反映されます。
入力例

▲目次に戻る

1-4.OGP site_name

  • ページの名前です。
    ページの名前を入力してください。
  • [ページのタイトルを反映]ボタンをクリックすると、[ページ情報編集]画面の[ページ名(title)]で設定した内容が自動的に反映されます。
入力例
  • Coffee and Books
  • ぺらいちの世界
    など

▲目次に戻る

1-5.OGP type

  • ページの種類を指定します。
入力例
  • website

▲目次に戻る

1-6.OGP description

  • ページの概要を入力します。
    ページの内容を補足する文章を記入してください
  • [ページのdescriptionを反映]ボタンをクリックすると、[ページ情報編集]画面の[ページの説明文(description)]で設定した内容が自動的に反映されます。
入力例
  • Coffee and Booksはコーヒーと読書にこだわりをもった著名人の方が、コーヒーと本の組み合わせをお伝えするイベントです。
  • ここはぺらしたぺらいちの活動をご紹介するページです。ご依頼については、お気軽にお問い合わせください。
    など

f:id:peraichi:20151112134056p:plain

▲目次に戻る

2.Facebookインサイト(公式アクセス解析ツール)

Facebook admins、Facebook app_idをお持ちの方はご記入ください。
Facebookインサイトを利用しない方は設定なし(入力なし)で問題ありません。

2-1.Facebook admins

2-2.Facebook app_id

Facebookページインサイトとは

手順

  1. 事前にFacebook admins、Facebook app_idを取得する。
  2. [OGP]タブのFacebookインサイト(公式アクセス解析ツール)の横の[設定する]ボタンをクリック
    f:id:peraichi:20151112132640p:plain
  3. 各項目に入力
    f:id:peraichi:20151112132657p:plain
  4. [保存]ボタンをクリック
    f:id:peraichi:20151112132610p:plain

注意点

参考情報

▲目次に戻る