Notion sites（Notionサイト）で独自ドメインを付けたWebサイトを作る方法

NotionのWeb公開機能が2024年6月に「Notionサイト（Notion Sites）」としてアップデートされました。このアップデートにより、独自ドメインの反映・OGPの設定・ライトモード / ダークモードの固定など、今までよりも柔軟な設定が可能になりました。

本記事では、Notionサイトのアップデート内容や変更点を解説します。

Notionページの「Web公開設定」→「サイトのカスタマイズ」という項目が追加されました。

円谷

今までこの部分に表示されていた「テンプレートとして複製を許可」などの項目は、すべて「サイトのカスタマイズ」内に設定箇所が変更となっています。

X（Twitter）やLINEなどでNotionページを共有した際に表示される画像（OGP画像）のアップロードができるようになりました。

円谷

特にカスタマイズを行わない場合の見た目も、ページのアイコンが表示されるようになり、見やすくなりました。

ライトモードとダークモードを自由に選べるようになりました。ユーザーのシステムに合わせるシステム設定も選択できます。これにより、サイトの印象をコントロールしやすくなり、ユーザーの環境に依存せずにデザインを統一できます。

ファビコン（ブラウザのタブやブックマークしたときに表示されるアイコン）がアップロードできるようになりました。アップロードしない場合、Notionページに設定しているアイコンがファビコンとなります。Notionページに設定しているアイコンがない場合はNotionロゴとなります。

Google Analyticsでのアクセス解析が可能になりました。「G-」で始まるGoogleタグIDを入力することで簡単に導入できます。

測定IDはGoogle Analyticsの設定画面から取得可能

ヘッダー部分のカスタマイズが今までよりも柔軟に行えるようになりました。「テンプレートとして複製」の項目は、従来の箇所からは非表示となり、ヘッダー設定内に移動しています。

新しくカスタマイズ可能になった項目を解説していきます。

公開ページの右上に表示される「サイトのカスタマイズ」→「ヘッダー」から、「Notionで構築」「Built with Notion」を非表示にできるようになりました。こちらはカスタムドメイン使用時のみ設定可能。カスタムドメインを設定するには別途料金が必要です（後述）

元々あった「テンプレートとして複製」が「サイトのカスタマイズ」→「ヘッダー」と、奥まった位置に移動しました。こちらはフリープランでも設定変更が可能です。

ヘッダー部分に、公開ページの子ページへのリンクを表示できるようになりました。ページを追加ボタンをクリックすると、子ページの一覧が表示され、選択した子ページをヘッダーにナビゲーションとして表示させることが可能になります。

その他、ヘッダーに表示される階層リンクや検索も表示の切り替えが可能になりました。

「Web上で検索可能にする」の項目をONにすることで、Googleなどの検索エンジンでのタイトル・ディスクリプションを入力して変更することができるようになりました。こちらはプラスプラン以上限定の機能ですが、フリープランでも「ネット検索を許可」自体は引き続き利用可能です。

円谷

タイトル（title）と説明（description）は、必ずしもGoogleの検索結果に反映されるとは限らない点に注意しましょう。ページの内容とあまりにも乖離がある内容だと、Google側が変更を加える可能性があります。

カスタムドメインでWebページが公開できるようになりました。通常、公開ページのURLはxxx.notion.site という形式になりますが、今回のアップデートで自分が所有しているドメインを自由に割り当てることができるようになりました。

フリープランは1つ、プラスプラン以上は5つまでの「notion.site」ドメインをカスタマイズしてサブドメインを利用できます。他の方が利用していないサブドメインに限り、 xxx.notion.siteのxxxの部分を取得することが可能となります。

Notion設定の「サイト」から、公開ページの確認や「ホームページ設定」ができます。ホームページを設定することで、ページIDを含まないスッキリとした公開URLにすることも可能です。

今回のアップデートで追加された内容は、プラスプラン以上の有料プラン限定の機能になっています。また、カスタムドメインを設定するにはさらに追加料金が必要になります。

円谷

カスタムドメインを使いたい場合、最低でも月額18ドル + ドメイン契約料金が必要になってきます。

今回追加されたのはすべてプラスプラン以上限定の機能ですが、フリープランでも以下の通りNotionでWebページの公開をすることができます。基本的な機能はフリープランでも十分使用可能です

• Notionサイトの公開数は無制限
• 「notion.site」サブドメインを1つをカスタム可能
• 「ネット検索を許可」の有効化・無効化
• 「テンプレートとして複製」の有効化・無効化

カスタムCSS等によるページデザインの細かいカスタマイズはできません。Notionを使いつつ、デザインにもこだわりたい場合は Wraptas などの外部サービスを利用するのが良さそうです。

Wraptasは独自ドメイン・パスワード保護・カスタムCSSなど豊富な機能が準備されており、月額980円から使用可能です。

参考：ホームページ制作,MEO対策・ウェブ制作マーケティング、アプリ制作,の代理店募集は株式会社アシストへ