ferret Oneのページ・ブログの記事それぞれのタイトル・ディスクリプション・OGPの設定方法について説明します。
目次
タイトル・ディスクリプションとは
Googleなどの検索サイトに表示されるページごとのタイトルと説明文をタイトル・ディスクリプション（TD）と呼びます。
WEB検索したユーザーをサイトへ誘導する重要な項目です。
必ずサイト公開前にすべてのページのタイトル・ディスクリプションを設定するように心掛けてください。
タイトル：35字程度で入力します。
各ページのタイトルと、サイト名やキャッチコピーを「 - 」「 | 」などで区切って構成します。
【タイトル例】
ferret One - Webマーケティングで問題解決する！
会社概要 | 株式会社ベーシック
ディスクリプション：120字程度で入力します。
【ディスクリプション例】
株式会社ベーシックは、Webマーケティングで世の中の問題を解決し、事業を創造する会社です。Webマーケティングポータルのferret（フェレット）や、マーケティングオートメーションツールのferret One（フェレットワン）などを運営しています。
OGPとは
SNSへの投稿時に表示される情報をOGP（Open Graph Protocol）と呼びます。
WEBページのタイトル・概要・アイキャッチ画像を、それぞれのSNSの定型に沿って表示させる仕組みです。
SNSで記事をシェアする際はもちろん、ユーザーに記事を拡散してもらう際にも重要な役割を担う項目です。
必ずサイト公開前にすべてのページのOGPを設定するように心掛けてください。
SNSでシェアをされる可能性のあるページにも同様、そのページに合う画像を設定してください。
シェアをされない、404エラーページやサンクスページなどはページにあわせた画像を設定する必要はありません。
その場合には、会社のロゴなどを設定することをお勧めします。
【Twitter表示例】
【FacebookでのOGPの表示例】
※タイトル・ディスクリプション設定 でタイトル・ディスクリプションを設定している場合は、設定している文言がOGPとして表示されるため、OGPのタイトル・ディスクリプションを設定する必要はありません。OGPには画像のみ設定してください。
ブログ記事にアイキャッチが設定されている場合は、アイキャッチがOGPとして表示されるため、OGP画像を設定する必要はありません。
サイトのタイトル・ディスクリプションを設定する
ページのタイトル・ディスクリプション設定は、ferret One管理画面の２箇所で行えます。
・方法①：ページごとにタイトル・ディスクリプションを設定する場合
1. 管理画面左メニュー > サイト > ページ一覧 をクリックします。
2. 各ページ名をクリックし、「SEO設定」を選択します。
3. 「ページタイトル」と「ページの説明文(ディスクリプション)」を入力して、保存します。
・方法②：一覧からタイトル・ディスクリプションを一括編集する場合
1. 管理画面左メニュー > サイト > タイトル・ディスクリプション をクリックします。
2. 各ページの「meta:title」「meta:description」の枠内をクリックし、直接打ち込みます。
サイトのOGPを設定する
OGPも同じく2箇所から設定が行えます。
・方法①：個別にページのOGPを設定する場合
1. 管理画面左メニュー > サイト > ページ一覧 で該当ページの「ページ編集」をクリックします。
2.「このページのSEO設定」内の「SNS向け（OGP）」で、「タイトル」「説明文」「画像」を任意で設定します。
3.「更新する」をクリックしたら完了です。
・方法②：一覧からOGPを一括編集する場合
1. 管理画面左メニュー > サイト> OGP一括編集 をクリックします。
2. 該当ページの「og:title」「og:description」「og:image」を任意で設定します。
3. 「保存する」をクリックしたら完了です。
ブログのタイトル・ディスクリプションを設定する
ブログ記事のタイトル・ディスクリプション設定ができるのは2箇所あります。
・方法①：一覧からタイトル・ディスクリプションを一括編集する場合
1.管理画面左メニュー > ブログ > 記事一覧 > 該当記事の名前 をクリックします。
2. 「この記事のSEO設定」からmeta:title（SEOタイトル）とmeta:discription（SEOディスクリプション）を入力します。
3. 更新するをクリックします。
・方法②：ブログの記事ごとにタイトル・ディスクリプションを設定する場合
1. 管理画面左メニュー > ブログ > タイトル・ディスクリプション をクリックします。
2. 各ページの「meta:title」「meta:description」の枠内をクリックし、直接打ち込みます。
ブログのOGPを設定する
・方法①：一覧からOGPを一括編集する場合
1. 管理画面左メニュー > ブログ> OGP一括編集 をクリックします。
2.ブログ記事の「og:title」「og:description」「og:image」を任意で設定します。
通常設定しているmeta titleやmeta descriptionと同じで良い場合は、「アイキャッチ、METAと同じ設定にする」にチェックを入れます。
3. 「保存する」をクリックしたら完了です。
・方法②：ブログの記事ごとにOGPを設定する場合
1. 管理画面左メニュー > ブログ > 記事一覧 をクリックします。
2.該当ブログ記事の「編集」をクリックします。
3.「この記事のSEO設定」内の「og:title」「og:description」「og:image」を任意で設定します。
4.「更新する」をクリックしたら完了です。
SNSやチャットツールでシェアしたページに設定したOGPが反映されない場合
FacebookやTwitterのようなユーザーが多くいるSNSやチャットツールの場合、シェアした際にSNS側のサーバーやアプリにキャッシュを残すことがあり、そのキャッシュが更新されない限りデータが書き換わらないといった事象があります。
その場合は、SNS側や用意したツールやアプリ側の機能を使用してキャッシュを更新してください。
なお、一度で更新されない場合がありますので、その際は複数回更新を行ってください。
＜Facebookの場合＞
【キャッシュの確認、変更方法】
下記URLをクリックし、「Sharing Debugger」を開きます。
▼Sharing Debugger
https://developers.facebook.com/tools/debug/
1.対象となるURLを入力し、「デバッグ」ボタンをクリックします。
2.表示情報が、Facebookにコンテンツをシェアした際に表示される情報となります。
「Scrape Again」ボタンをクリックすると、情報が更新されます。
【Scrapeしても反映されない場合】
facebookの仕様上、一度誰かに変更前の投稿をシェアされると、上記の【キャッシュの確認、変更方法】を試しても、変更後の画像が反映されない場合がございます。
その場合は、投稿を一度削除して、再投稿してください。
【OGP一括編集で設定がされていない場合】
管理画面左メニュー > サイト > ページ一覧 から「SEO設定」タブをクリックします。
OGP設定がされていない場合、こちらの「SEO設定」、およびページ内画像が反映されます。
【OGP一括編集で設定がされている場合】
管理画面左メニュー > サイト > OGP一括編集 を開きます。
こちらで設定できる「OG:タイトル」、「OG:ディスクリプション」、「OG:イメージ」がOGP設定に反映されます。
＜Twitterの場合＞
【キャッシュの確認、変更方法】
下記URLをクリックし、「Card Validator」を開きます。
▼Card Validator
https://cards-dev.twitter.com/validator
Card ValidatorはTwitter Card（Twitterの投稿内容）のプレビューや、エラーチェックができるものですが、URL を入力して「Preview Card」をクリックすることで、古いキャッシュがクリアされ、画像が更新されます。
＜そのほかの場合＞
Teamsアプリの場合、下記をご確認ください。
ブラウザで見ている場合、ブラウザのキャッシュクリアも有効な場合もあります。