【Studio初心者ガイド】サイト設定/ページ設定

ページ設定とサイト設定とは

Studioを利用してWebサイトを制作する際、サイト設定とページ設定の設定を適切に活用することで、検索エンジン最適化（SEO）を強化し、ユーザー体験を向上させることができます。それぞれの役割を理解し、効果的に使い分けていきましょう。

メタ情報とサイト設定/ページ設定の関係

Studioでは、メタ情報を通じて検索エンジンやSNSに向けてページの情報を伝えることができます。このメタ情報は、サイト設定とページ設定を使って設定されます。これらの設定は、Webサイト全体と個別のページそれぞれに対応し、必要に応じて使い分けることで、SEO効果を最大化できます。

注意点

サイトを公開した後にメタ情報を変更しても、検索結果やSNS上でその内容がすぐに反映されるとは限りません。

反映を早めたい場合は、検索エンジンに再クロールをリクエストしたり、サイトマップを送信する方法があります。詳しくは、「サイト公開後にタイトルやディスクリプションを変更したが、Google検索結果に反映されません」をご確認ください。

サイト設定パネルの開き方

エディタ上で、ページパネル（ピンク四角）の上部にあるアイコン（黄色四角）をクリックすると、サイト全体の設定を行うためのパネル（ブルー四角）が表示されます。

ページ設定パネルの開き方

ページパネルで特定のページを選択し、アイコン（ピンク四角）をクリックすると、そのページ専用の設定パネル（黄色四角）が表示されます。

サイト設定とページ設定の優先順位

サイト全体に適用される「サイト設定」と、特定ページに適用される「ページ設定」が両方設定されている場合、ページ設定が優先されます。

そのため、まずはサイト設定を完成させ、その後で必要に応じて個別のページ設定を行うと効率的です。なお、ページ設定が未入力の場合には、サイト設定が自動的に適用されます。

サイト設定/ページ設定・設定方法

Studioでは、サイト設定/ページ設定を利用することで、Webサイト全体に統一された基本情報を適用し、検索エンジンやSNSでの見え方を簡単に管理できます。

設定パネルでは以下のような要素を設定することができます。

ページのタイトル

タイトル（ピンク四角）はブラウザのタブや検索結果一覧に表示される重要な要素です。

ページの内容を正確に表現した、具体的で分かりやすいタイトル（ピンク四角）を設定することで、ユーザーと検索エンジンに内容を明確に伝えることができます。

説明文（メタディスクリプション）

検索結果やSNSで表示されるサイトの概要（ピンク四角）を示す重要な要素です。簡潔に内容をまとめ、ユーザーの目を引くキーワードを含めることで、より効果的に伝えられます。

※ ページごとに適切なメタディスクリプションを設定していない場合、検索エンジンによって本文の一部が自動的に抜粋され、概要文として表示されることがあります。

ファビコン

サイトのアイコンとしてブラウザのタブ（ピンク四角）またはブックマークリストに表示されます。

カバー画像（OGP画像）

SNSでシェアされた際に表示される画像です。

動的ページでの設定方法

動的ページ（CMS記事を表示するページ）の設定では、各記事ごとに異なるメタ情報を設定することができます。

サイト設定/ページ設定と同様に、ページパネルで特定の記事を選択し、アイコン（ピンク四角）をクリックページタイトルや説明文の欄をクリックすると「+」ボタンが表示されます。

そこから該当記事に連動したCMSプロパティを選択できます。タイトルや説明文を設定する際は、ページ設定パネルで「+」ボタンをクリックしてCMSプロパティを指定します。

「+」ボタンをクリックして記事に連動するCMSプロパティを選択します。直接テキストを入力した場合、その内容は該当するモデル内のすべてのアイテムに固定表示されます。

OGP画像を記事ごとに変更したい場合は、カバー画像にカーソルを合わせて表示される画像プロパティを選択してください。

※画像を直接アップロードした場合、モデル内の全アイテムで共通の画像として設定されます。

まとめ

Studioのサイト設定とページ設定を上手に活用することで、検索エンジンに強く、訪問者にとって魅力的なWebサイトを作ることができます。サイト全体の統一感を保ちながら、必要な部分では柔軟なカスタマイズを行い、ユーザーのニーズに寄り添った情報を発信しましょう。どんなページも、適切な設定が魅力を引き出す鍵となります。