1. ソーシャルメディアとSEO

ページを編集してソーシャル メディアのリンクを改善する

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

ソーシャルメディアがWebサイトのトラフィックの主な推進力である場合は、ソーシャルメディアコンテンツのあるページにOpenGraphまたはTwitterカードタグを追加することをお勧めします。これらのメタタグをウェブサイトに追加しても、ページ上のSEOに直接影響はありませんが、ソーシャルメディアのリンクのパフォーマンスが向上します。

Open Graphタグを追加する

Facebookは、Facebookと他のWebサイトとの統合を促進するために Open Graphを導入しました。Open Graphは現在、ほとんどのソーシャルメディアで使用されており、ページが共有されるときにサードパーティのWebサイトからソーシャルメディアサイトに情報がどのように移動するかを制御できます。これを可能にするために、情報はWebサイトのコード<head>部分にあるOpen Graphメタタグを使用して送信されます。

ソーシャルネットワークに関連するページ設定を編集するには:

  1. エクスペリエンスエディターで、改善するページに移動します。

  2. リボンのExperience Acceleratorタブで、Socialをクリックします。

  3. ダイアログボックスの「 Open Graph 」セクションで、コンテンツ/ページが共有されるときにソーシャルネットワークが使用する次のフィールドを編集します。

    Field

    Description

    OpenGraph tag

    タイトル

    コンテンツ/ページのタイトル。

    og:title

    形容

    コンテンツ/ページの説明。

    og:description

    画像

    表示する画像のURL。

    og:image

    種類

    コンテンツの種類の説明 (ビデオ、記事、Webサイトなど)。

    og:type

    サイト名

    共有されているサイトの名前。

    og:site_name

    管理者

    ユーザー ID、またはページがFacebookアプリの場合はFacebookのユーザー IDのリスト。

    og:admins

たとえば、次のタグは次のHTMLをレンダリングします。

Tag settings in OpenGraph section

Rendered output added to head tag in HTML

 
<meta content="SXA" property="og:title">
<meta content="Sitecore Experience Accelerator" property="og:description">
<meta content="http://sxa/-/media/Default-Website/cover.jpg" property="og:image">
<meta content="article" property="og:type">

Twitterカードタグを追加する

誰かがあなたのウェブサイト上のコンテンツへのリンクをツイートすると、 Twitterカード を使用すると、ツイートに他のコンテンツを添付できます。これにより、ツイートがより魅力的になります。

Twitterカードタグを追加するには

  1. エクスペリエンスエディターで、改善するページに移動します。

  2. リボンのExperience Acceleratorタブで、Socialをクリックします。

  3. Twitterカードが実際に何を表示するかを確認するには、ダイアログ ボックスのTwitterセクションで、次のフィールドを編集します。

    Field

    Description

    Twitter tag

    ツイートテキスト

    ページまたは記事のタイトル。

    twitter:title

    ツイートサイト

    サイトのTwitterユーザー名。

    twitter:site

    ツイートの説明

    ページまたは記事の説明。

    twitter:description

    ツイート画像

    カードで使用する画像のURL。

    twitter:image

    カードの種類

    使用するカードの種類を決定します。次のオプションがあります。

    Summary Card – 概要テキストを含む小さな画像を表示します。

    Summary Card with Large Image – サマリー テキストを含む大きな画像が表示されます。

    App Card – アプリストアでのアプリのインストールへのリンク。

    twitter:card

たとえば、次のタグは次のHTMLをレンダリングします。

Tag settings in Twitter section

Rendered output added to head tag in HTML

 
<meta content="Getting started with SXA. An introduction to working with Sitecore Experience Accelerator" property="twitter:description">
<meta content="Sitecore Experience Accelerator" property="twitter:title">
<meta content="http://sxa/-/media/Default-Website/cover.jpg" property="twitter:image">
<meta content="summary_large_image" property="twitter:card">

カスタムメタデータの追加

標準のユーザーメタデータに加えて、ビジネスにとってユニークで意味のあるカスタムメタデータを定義できます。

カスタムメタデータを追加するには:

  1. エクスペリエンスエディターで、改善するページに移動します。

  2. リボンのExperience Acceleratorタブで、Otherをクリックします。

  3. ダイアログボックスのCustom Metadataセクションで、カスタムメタタグのキー値を定義します。

    たとえば、次のキーは次のHTMLをレンダリングします。

    Tag settings in Custom Metadata section

    Rendered output added to head tag in HTML

    		 
     <meta name="customKey1" content="value1">
<meta name="customKey2" content="value2">
この記事を改善するための提案がある場合は、 お知らせください!