---
title: "ソーシャルメディアのリンクを改善するためにページを編集する"
slug: "edit-a-page-to-improve-links-for-social-media"
abstract: "ウェブサイトやブログにソーシャルメタタグを追加して、ソーシャルネットワーク上でコンテンツの表示を改善しましょう。"
---
# ソーシャルメディアのリンクを改善するためにページを編集する
ソーシャルメディアがウェブサイトトラフィックの主な原動力である場合、ソーシャルメディアコンテンツのページにOpen GraphやTwitterカードのタグを追加するのが良いアイデアです。これらのメタタグをウェブサイトに追加することは、直接的にオンページSEOには影響しませんが、リンクのソーシャルメディア上のパフォーマンスを向上させます。
## Open Graphタグを追加する
FacebookはOpen [Graph](https://developers.facebook.com/docs/sharing/opengraph/object-properties)を導入し、Facebookと他のウェブサイトの統合を促進しました。Open Graphは現在ほとんどのソーシャルメディアで使われており、ページが共有される際に第三者のウェブサイトからソーシャルメディアサイトへの情報の伝達方法を制御できます。これを可能にするために、ウェブサイトのコードの一部にあるOpen Graphのメタタグを使って情報を送信します。
ソーシャルネットワークに関連するページ設定を編集するには:
1. エクスペリエンスエディターで改善したいページに移動します。
2. リボンのExperience **Accelerator**タブで **「Social**」をクリックします。
3. ダイアログボックスの**Open Graph**セクションで、コンテンツやページが共有される際にソーシャルネットワークが使用する以下のフィールドを編集してください:
**フィールド**
**概要**
**OpenGraphタグ**
タイトル
内容/ページのタイトルです。
og:title
概要
内容/ページの説明。
og:description
画像
表示したい画像のURLです。
og:image
種類
コンテンツタイプの説明、例えば動画、記事、ウェブサイトなど。
og:type
遺跡名
共有されているサイトの名前です。
og:site\_name
管理者
ユーザー ID、つまりFacebookアプリであればユーザーIDのリストFacebook。
og:admins
例えば、以下のタグは以下のHTMLをレンダリングします:
- **OpenGraphセクションのタグ設定**: **HTMLでヘッドタグに追加されたレンダリング出力**
- :
## Twitterカードタグを追加してください
誰かがあなたのウェブサイトのコンテンツへのリンクをツイートすると、[Twitterカード](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started) はそのツイートに他のコンテンツを添付することを可能にします。これにより、ツイートの内容がより魅力的になります。
Twitterカードタグを追加するには:
1. エクスペリエンスエディターで改善したいページに移動します。
2. リボンのExperience **Accelerator**タブで **「Social**」をクリックします。
3. Twitterカードが実際に何を示しているかを確認するには、ダイアログボックスの**Twitter**セクションで以下のフィールドを編集してください:
**フィールド**
**概要**
**Twitterタグ**
ツイートの本文
ページまたは記事のタイトル。
twitter:title
ツイートサイト
あなたのサイトのTwitterユーザー名です。
twitter:site
ツイートの説明
ページまたは記事の説明。
twitter:description
ツイート画像
カードに使う画像のURLです。
twitter:image
カードの種類
使用するカードの種類を決定します。選択肢は以下の通りです:
**概要カード** – 小さな画像と概要テキストが表示されます。
**大きな画像付きのサマリーカード** – 大きな画像と概要テキストを表示します。
**App Card** – App Storeでのアプリインストールへのリンク。
twitter:card
例えば、以下のタグは以下のHTMLをレンダリングします:
- **Twitterセクションのタグ設定**: **HTMLでヘッドタグにレンダリングされた出力を追加**
- :
## カスタムメタデータの追加
標準的なユーザーメタデータに加えて、ビジネスにとって独自で意味のあるカスタムメタデータを定義できます。
カスタムメタデータを追加するには:
1. エクスペリエンスエディターで改善したいページに移動します。
2. リボンの**Experience Accelerator**タブで **「その他」**をクリックします。
3. ダイアログボックスの **カスタムメタデータ** セクションで、カスタムメタタグのキー値を定義します。
例えば、以下のキーは以下のHTMLをレンダリングします。
- **カスタムメタデータセクションのタグ設定**: **HTMLでヘッドタグに追加されたレンダリング出力**
- :