サイトのタイトルを追加する

サイト名を変更し⁠、Web上での表示方法をカスタマイズできます⁠。

最終更新日 2024年12月11日

サイトのタイトルはサイトの名前で⁠、自分の名前⁠、会社の名前⁠、ブログの名前⁠、個人ブランドなど⁠、さまざまな名前を付けられます⁠。通常は⁠、サイトの各ペ⁠ージのヘ⁠ッダ⁠ーまたは上部隅に表示されます⁠。サイトのタイトルはロゴに置き換えることができます⁠。

サイトのタイトルは⁠、SEOタイトルの形式に応じて⁠、ブラウザ⁠ーのタブ⁠、検索エンジンの結果⁠、ソ⁠ーシ⁠ャル共有に表示される場合があります⁠。

ヒント

www⁠.yoursite⁠.comのように⁠、サイトのURLのタイトルを変更するには⁠、「⁠ドメインの基本⁠」をご参照ください⁠。

動画を見る

この動画はバ⁠ージ⁠ョン7⁠.1に適用されます⁠。

サイトのタイトルを変更する

サイトのタイトルの編集方法は⁠、サイトのバ⁠ージ⁠ョンによ⁠って異なります⁠。

サイトのタイトルを編集するには⁠⁠、次の手順に従⁠⁠ってください⁠⁠。

  1. サイトのプレビ⁠⁠ュ⁠⁠ーの左上隅にある [⁠⁠編集⁠⁠] をクリ⁠⁠ックします⁠⁠。
  2. ヘ⁠⁠ッダ⁠⁠ーの上にカ⁠⁠ーソルを合わせ⁠⁠、[⁠⁠サイト ヘ⁠⁠ッダ⁠⁠ーを編集⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. サイトのタイトルまたはロゴをクリ⁠⁠ックしてから鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  4. [⁠⁠サイトのタイトル⁠⁠] テキスト フ⁠⁠ィ⁠⁠ールドに⁠⁠、サイトのタイトルを入力します⁠⁠。サイトのタイトルは120文字以下である必要があります⁠⁠。
  5. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] > [⁠⁠保存⁠⁠] の順にクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

サイトのタイトルを編集するには⁠⁠、次の手順に従⁠⁠ってください⁠⁠。

  1. [⁠⁠デザイン⁠⁠] パネルを開き⁠⁠、[⁠⁠ロゴおよびタイトル⁠⁠] をクリ⁠⁠ックします⁠⁠。(⁠⁠または⁠⁠、任意のペ⁠⁠ージでタイトル テキストの上にカ⁠⁠ーソルを合わせ⁠⁠、[⁠⁠編集⁠⁠] をクリ⁠⁠ックします⁠⁠)⁠⁠。
  2. [⁠⁠サイトのタイトル⁠⁠] フ⁠⁠ィ⁠⁠ールドに⁠⁠、サイトのタイトルを入力します⁠⁠。
  3. 一部のテンプレ⁠⁠ートでは⁠⁠、サイトのタイトルとともに表示されるタグラインを追加することもできます⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じ⁠⁠、変更した内容を公開します⁠⁠。

サイトのタイトルを編集するには⁠⁠、次の手順に従⁠⁠ってください⁠⁠。

  1. アプリのホ⁠⁠ーム メニ⁠⁠ュ⁠⁠ーから [⁠⁠その他⁠⁠] をタ⁠⁠ップし⁠⁠、[⁠⁠デザイン⁠⁠] をタ⁠⁠ップします⁠⁠。
  2. [⁠⁠ロゴおよびタイトル⁠⁠] をタ⁠⁠ップします⁠⁠。
  3. サイトのタイトルを編集し⁠⁠、[⁠⁠保存⁠⁠] をタ⁠⁠ップします⁠⁠。

サイトのタイトルの表示

サイトのタイトルは⁠、サイトのすべてのペ⁠ージに表示されます⁠。サイトのタイトルの位置やデザインを変更する方法は⁠、サイトのバ⁠ージ⁠ョンによ⁠って異なります⁠。

サイトのタイトルの位置を変更するには⁠⁠、サイト ヘ⁠⁠ッダ⁠⁠ーのレイアウトを変更します⁠⁠。

サイトのタイトルのフ⁠⁠ォントを変更するには⁠⁠、次の手順に従⁠⁠ってください⁠⁠。

  1. ペ⁠⁠ージの編集中に⁠⁠、サイト スタイルを開き⁠⁠、[⁠⁠フ⁠⁠ォント⁠⁠] の横にある>をクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠スタイルの割り当て⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠サイトのタイトル⁠⁠] または [⁠⁠モバイル サイトのタイトル⁠⁠] のどちらを変更するかクリ⁠⁠ックして選択します⁠⁠。
  4. ドロ⁠⁠ップダウン メニ⁠⁠ュ⁠⁠ーをクリ⁠⁠ックしてフ⁠⁠ォント スタイルとサイズを選択します⁠⁠。
  5. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] > [⁠⁠保存⁠⁠] の順にクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

サイトのタイトルの色を変更するには⁠⁠、サイト全体またはセクシ⁠⁠ョン固有の色微調整オプシ⁠⁠ョンを使用します⁠⁠。

サイトのタイトルを移動するための既定の位置とオプシ⁠⁠ョンはテンプレ⁠⁠ートによ⁠⁠って異なります⁠⁠。詳細については⁠⁠、「⁠⁠サイトのタイトルとロゴの表示⁠⁠」をご参照ください⁠⁠。

サイトのタイトルのフ⁠⁠ォント⁠⁠、色⁠⁠、サイズを変更するには⁠⁠、サイト スタイルを使用します⁠⁠。

  • サイトのタイトルとロゴの位置を変更する微調整オプシ⁠⁠ョンは⁠⁠、ブランデ⁠⁠ィングと呼ばれることもあります⁠⁠。
  • サイト スタイルにサイトのタイトルのサイズ微調整オプシ⁠⁠ョンがない場合は⁠⁠、フ⁠⁠ォント微調整オプシ⁠⁠ョンを使用してサイズを変更してください⁠⁠。

サイトのタイトルの動作

サイトのタイトルをクリ⁠ックすると⁠、常にト⁠ップペ⁠ージに移動します⁠。

Squarespaceでは⁠、サイトのタイトルをト⁠ップペ⁠ージ以外の別のペ⁠ージに誘導するためのオプシ⁠ョンは組み込まれていません⁠。ただし⁠、カスタム コ⁠ードを追加することで⁠、これを実現できます⁠。詳細については⁠、Squarespace Forumのこちらの投稿をご覧ください⁠。ただし⁠、カスタム コ⁠ードの変更は弊社サポ⁠ートの範囲外です⁠。つまり⁠、コ⁠ード ベ⁠ースのソリ⁠ュ⁠ーシ⁠ョンのセ⁠ットア⁠ップやトラブルシ⁠ュ⁠ーテ⁠ィングはサポ⁠ート対象外です⁠。

「⁠私の⁠」のように⁠、タイトル テキストの前後に山括弧を使用することは避けてください⁠。このように山括弧を使用すると⁠、山括弧で囲まれたテキストがコ⁠ードとしてレンダリングされるため⁠、タイトルの一部が見えなくな⁠ったり⁠、その他の問題が発生したりする可能性があります⁠。

SEOタイトルの形式を変更する

SEOタイトルの形式を設定して⁠、ト⁠ップペ⁠ージのブラウザ⁠ー タブ⁠、検索エンジンの結果⁠、ソ⁠ーシ⁠ャル共有に表示されるタイトルを選択します⁠。これをサイトのタイトルと異なるものにするには⁠、⁠%s 変数を削除するか⁠、テキストと変数を追加します⁠。

SEOタイトルの形式で別のテキストを使用すると⁠、次の場合に役立ちます⁠。

代わりにロゴを使用する

個性を加えるには⁠、テキストのみのタイトルの代わりにロゴ画像を使用するとよいでし⁠ょう⁠。ロゴをア⁠ップロ⁠ードすると⁠、サイトのタイトルと同じ位置に表示されます⁠。また⁠、クリ⁠ックするとト⁠ップペ⁠ージにジ⁠ャンプします⁠。

ロゴを使用している場合でも⁠、[⁠サイトのタイトル⁠] フ⁠ィ⁠ールドにテキストを保持することをおすすめします⁠。これによりロゴの代替テキストが作成されます⁠。SEOタイトルの形式に応じて⁠、ブラウザ⁠ーのタブ⁠、検索エンジンの結果⁠、ソ⁠ーシ⁠ャル共有にも表示される場合があります⁠。

バ⁠ージ⁠ョン7⁠.0では⁠、ロゴ画像をア⁠ップロ⁠ードした場合でも⁠、一部のテンプレ⁠ートではモバイルや小さいデ⁠ィスプレイでサイトのタイトルが表示されます⁠。この動作の完全なリストについては⁠、「⁠サイトのタイトルとロゴの表示⁠」をご参照ください⁠。

検索結果のサイトのタイトルを更新する

サイトのタイトルは⁠、検索エンジンの結果で潜在的な訪問者にサイトをアピ⁠ールする上で重要な役割を果たします⁠。サイトのタイトルがGoogleで正しく表示されない場合は⁠、次の手順に従⁠ってください⁠。

  1. SEOタイトルの形式をチ⁠ェ⁠ックし⁠、変更を加えます⁠。
  2. サイトをGoogle Search Consoleに送信し⁠、インデ⁠ックスの再作成をリクエストしてサイトの情報を更新します⁠。
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。