ページのメタ情報

ページ概要を設定する

STUDIO Support avatar
対応者:STUDIO Support
一週間前以上前にアップデートされました

メタ情報は、Webサイトの内容を検索エンジンやSNSでの表示において、訪問者に最初に見せる重要な情報となります。これらは、「サイト設定」と「ページ設定」の2箇所で管理することができます。

サイト設定とページ設定

「サイト設定」で設定した情報は、サイト全体に適用されます。一方、「ページ設定」で設定された情報は、個別のページだけに適用されます。

両方が設定されている場合、ページ設定が優先的に適用されるため、サイト設定を完成させてから特定のページの設定を行うと効率的です。ページ設定が空欄の場合は、サイト設定が適用されます。

サイト設定パネル

ページパネル内上部のアイコンをクリックすると、サイト全体の設定が行えるパネルが表示されます。

ページ設定パネル

ページパネルで特定のページを選択し、アイコンをクリックすると、個別のページ設定パネルが表示されます。

設定項目

設定パネルでは、以下の情報を設定できます。

タイトル

ブラウザのタブ、検索結果ページ、SNSシェア時のOGPに表示されます。ページの内容を端的に表した言葉や、固有の名称がおすすめです。

説明文

検索結果や、SNSシェア時のOGPに表示されるサイトの概要です。サイト・ページの内容を簡潔にまとめ、ユーザーの目に止まりやすいワードを盛り込むと良いでしょう。

※ ページごとに適切なメタディスクリプションを記述していない場合、検索エンジンの判断で、本文の一部を抜粋した内容が概要文として表示されることがあります

ファビコン

ファビコン(Favicon)はブラウザのタブのタイトルの横、またはブックマークリストに表示されるサイトのアイコンです。「サイト設定」タブで設定すると、サイト全体のファビコンを一括で設定できます。

カバー画像

WebサイトをSNSなどでシェアした際に表示されるカバー画像です。

動的ページでの設定方法

動的ページのページ設定では、CMSプロパティをそれぞれ設定でき、記事毎にタイトルやカバー画像が設定できます。

ページタイトルや説明文の欄をクリックすると「+」ボタンが表示されます。ここをクリックすると、該当する記事に連動するCMSプロパティが表示されます。

直接テキストを入力すると、該当するモデル内の全アイテムに対し、入力したテキストが固定表示されます。

CMSアイテムごとに異なる画像を設定したい場合は、カバー画像にカーソルを乗せて表示される画像プロパティを選択します。画像を直接アップロードすると、モデル内の全アイテム共通の画像となります。

meta title meta description favicon social cover ogp

ディスクリプション

こちらの回答で解決しましたか?