メインコンテンツにスキップ

検索結果などに表示されるタイトルやカバー画像をCMSアイテム毎に変更する

Studio CMSで作成したコンテンツを反映する動的ページで、検索結果やSNSシェア時に表示されるタイトル・説明文・カバー画像を、CMSアイテムごとに設定する手順を説明します。

今日アップデートされました

動的ページでは、ページ設定でCMSプロパティを参照することで、各CMSアイテムごとにタイトル・説明文・カバー画像を切り替えられます。

この記事では、対象ページが動的ページであることの確認方法と、ページ設定でCMSプロパティを割り当てる流れを説明します。

動的ページで設定できる内容

CMSモデルに紐づいた動的ページでは、以下のメタ情報をCMSアイテムごとに設定できます。これらは検索結果やSNSでの表示に利用され、SEOやクリック率に影響します。

手順 1. 動的ページであることを確認する

まず、設定したいページが動的ページであるかを確認します。

  1. ページパネルを開き、対象のページを選択します。

  2. [タイプ] に[動的ページ]と表示されていることを確認します。

手順 2. CMSプロパティを使ってメタ情報を設定する

動的ページでは、ページ設定でCMSプロパティを割り当てることで、CMSアイテムごとにメタ情報を変更します。

  1. ページパネルで対象の動的ページを選択します。

  2. メタ情報(ページタイトル、ページ説明文、ソーシャルカバー)の入力欄をクリックします。

    例として、以下画像では[ページタイトル]入力欄をクリックしています。

    入力欄左の[+]をクリックします。

  3. [プロパティを選択]から、CMSモデル内のプロパティ(例:記事タイトル用プロパティ、説明文用プロパティ、OGP画像用プロパティ)を選択します。

    必要に応じて、CMSダッシュボード側で「meta description」やOGP画像用などのプロパティを追加しておきます。

    ソーシャルカバーを設定する場合には、サムネイル画像をクリックすると[プロパティを選択]が表示されます。


関連記事

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