Potion を使用すると、Notion Web サイトのカスタム ドメインを設定できます

公開: 2021-05-31

インターネットは、世界中で 17 億を超える Web サイトを占めています。 これらの Web サイトはオンライン アイデンティティとして機能し、ニュース、ソーシャル メディア、e コマースからブログ、ポートフォリオ、ランディング ページなど、さまざまなカテゴリにまたがっています。 基本的に、今日デジタル プレゼンスを必要とするエンティティは、Web サイトを持っている必要があります。

Potion — custom domains for Notion websites

この点で、最近、ウェブサイトの作成とセットアップを簡素化することを約束するウェブサイトビルダーの流入が見られます. しかし、これらのツールのほとんどは依然としてデザインのノウハウを必要とするため、参入障壁は常に高いままでした — 数年前にNotionが登場し、ウェブサイトの構築がかつてないほど簡単になるまで.

ただし、理想的にはNotionは Web サイトを作成するためのものではないため、いくつかの制限があります。Notion を使用して作成できるのは特定の種類の Web サイトのみであり、 Notion Web サイトをカスタムでホストする場合はサードパーティのサービスを使用する必要があります。ドメイン。

この目的のために、カスタム ドメインでNotion Web サイトをセットアップできるサービスがいくつかあります。 しかし、残念なことに、それらのほとんどは機能が制限されており、サブスクリプション コストに対してあまり価値がありません。

Potionは、カスタム Web サイト (カスタム ドメインを持つNotion Web サイト) を数分で作成できるようにすることを約束するサービスであり、優れたSEOと迅速なパフォーマンスを保証します。

目次

ポーションとは？

Potionは、カスタム ドメインでNotion Web ページをセットアップするのに役立つNotionのWeb サイト ビルダーです。 NotionをCMS (コンテンツ管理システム) に変えることで機能し、残りのプロセスを処理しながら、 Notionで Web サイト/Web ページのコンテンツを柔軟に取り込むことができます。

Potion

Potionと同様のサービスを提供するNotion Web サイトビルダーは他にもいくつかありますが、それらのほとんどが提供する全体的な機能は非常に限られており、 Notion Web サイトをカスタムドメインに配置する以外にできることは限られています。 .

それどころか、 Potionは、その広範な提供により、そのようなサービスよりも優位に立っています. カスタム ドメインへのNotion Web ページのセットアップを支援するだけでなく、次の機能も提供します。

  • カスタマイズ オプション: Web ページの外観を変更する
  • SEO機能:ウェブサイトのランキングを向上させる
  • ページの最適化:ウェブサイトの読み込み時間を改善する
  • 自動 URL: Web サイトのSEOフレンドリーなリンクを自動的に生成するのに役立ちます

Potion fast page loading speeds

ポーションで作成できるウェブサイトの種類は?

Web サイトはさまざまなカテゴリに分類される可能性があり、目的に合わせてスタイルを選択できます。 コーディングの仕方を知っていれば、ウェブサイトを思いどおりに作成できる可能性が高くなります。 ただし、 Notionを使用してカスタム Web サイトを作成する場合は、スタイルやその他の要素に関していくつかの制限があり、特定の種類の Web サイトのみを作成するのに適しています。

現在、あなたのウェブサイトのコンテンツは引き続きNotionに存在するため、 PotionはNotionの制限を継承しています。 その結果、 PotionをNotionと連携させると、ポートフォリオ、ランディング ページ、ブログ、ヘルプ ドキュメント、キャリア ページ、情報製品など、 Notionと同じ種類の Web サイトでうまく機能します。

Notion を CMS として使用する理由

さまざまな要素がページ上にどのように存在し、それらがどのように連携して機能するかを柔軟に制御したい場合、Web サイトをゼロからコーディングすることは、Web サイトを構築するための理想的な方法であることは間違いありません。 ただし、このアプローチには複数の Web サイト テクノロジに関する専門知識が必要なため、Web サイトを作成したいがそのようなテクノロジに慣れていない人には理想的ではありません。

従来のCMSは、この方程式をある程度単純化しますが、ワークフローで効果的に使用するには時間と労力が必要です。 一方、 Notionは、この点に関するほとんどの Web サイトのニーズに対して、従来のCMSプラットフォームよりもはるかに効果的であることが判明しました。その一部は、そのメモ作成機能と、コンテンツを作成するさまざまなカスタマイズ オプション (Notion テンプレートを含む) のおかげです。ページ上ではるかに簡単に。

Notion as a CMS

実際、それだけでなく、 Notionで Web ページに変更を加えると即座に Web ページを更新するシームレスな同期機能や、好みに合わせて Web ページの要素を移動できるドラッグ アンド ドロップ機能など、さらにほとんどのユースケースに理想的なCMSであるというNotionのケースを強化します。

ただし、 NotionをCMSとして使用することにはいくつかの欠点があることを知っておく必要があります。それは、データ管理にはあまり効率的ではなく、ページ上の外観と位置を調整する方法が制限されることです。要素。

Notionのデータベース機能は、主にその制限により制限されています。より適切な構造化の欠如とページ ブロックの制限です。 したがって、この点に関してPotionができることはあまりありません。 Web サイトの外観とスタイルの制限については、 Potionと一緒にNotionを使用することで、問題の大部分が解決されます。 そうすることで、Potion テンプレートを使用したり、CSS プロパティを変更して、Web サイトの外観を要件に合わせてカスタマイズしたりできるようになりました。

ポーションの使い方

Potionを使い始めるには、いくつかの前提条件があります。 まず、 Notion Web サイト用のカスタム ドメインが必要です。次に、Web サイトで紹介したいすべてのコンテンツを含むNotion Web ページが必要です。

ドメインを取得するには、一般的なドメイン レジストラー (Google Domains、GoDaddy、Namecheap、Bluehost、Hostinger) のいずれかにアクセスし、そこから希望のドメイン名 (Web サイト名) を購入します。

次に、 Notion (アプリまたはウェブサイト) に移動し、ページを設定します。 [ Notionでページを作成する方法については、Notion の初心者向けガイドをご覧ください]。 また、このページを Web 上で公開するには、このページを公開する必要があります。 [方法については、Notion を使用して Web サイトを作成する方法に関するガイドを参照してください]。

基本的な要件が満たされているので、カスタム ドメイン URL をNotionページにリンクして、その外観をカスタマイズする準備が整いました。

  1. これを行うには、まずポーション アカウントにサインアップします。 Potionには 3 つの異なるプランが用意されているため、作成したい Web サイトの数に応じて、それに応じてプランを選択できます。
  2. 開いたら、左側のメニューから [サイト] を選択し、画面の右上隅にある [新しいサイトを追加] ボタンをクリックします。
  3. 設定ページのNotion Url/Domainセクションで、サイト名、カスタム ドメイン、およびこのカスタム ドメインにリンクするNotionページの URL を追加します。 [続行] をクリックします。
  4. DNSセクションで、必要に応じてエントリを作成します。 ドメイン プロバイダーにアクセスし、 DNS設定でドメイン名のレコードを見つけます。 ルート ドメインの場合、基本的に、ドメイン名を対応する IP アドレスに直接リンクするA レコードエントリをPotionに作成する必要があります。 同様に、サブドメインについても、ドメイン名のA レコードを作成する必要があります。 [ドメインの設定方法については、Potion のガイドを参照してください]。 [続行]を押します。
  5. 最後に、[オプション]セクションで、 Notion Web サイトのデフォルト フォント、ファビコン、サイト画像を選択します。 さらに、ウェブサイトの目的を説明し、Google やその他のプラットフォームに表示される説明を入力します。 セットアップが完了したら、[続行] をクリックします。

ドメイン レジストラーによっては、ドメインがNotion Web サイトを指すようになるまでに時間がかかる場合があります。 理想的には、これは数時間以内に発生します。 ただし、24 時間以上かかる場合は、ドメイン プロバイダーに連絡してサポートを受けてください。

ドメインの伝播が完了すると、コンテンツがNotionページからカスタム ドメインに直接引き出された機能的な Web サイトが完成します。 ドメインがNotion Web サイトを指しているかどうかを確認するには、Web ブラウザーでドメイン名を検索します。

Potionは、デフォルトで、Web サイトのすべての Web ページに対してSEOに適した URL を自動的に生成します。 ただし、Web サイトの特定のページに特定の URL を設定したい場合は、 Pretty Urlsを使用してそれを行うことができます。 これを行うには、 Potionに移動し、左側のメニューからPretty Urlsを選択します。 ここで、 Notion Page URL の下に変更するページの URL を入力し、そのカスタム スラッグをPretty Slugの下の右側に追加します。

Web サイトの構造要素を変更したい場合は、 Notionで開いて要素 (またはブロック) を追加/削除できます。 スタイルをカスタマイズするには、 Potionに戻り、 Sites の下にある自分のサイトをクリックします。 次に、左側のメニューから [ライブ エディター] を選択し、利用可能なオプションを使用してスタイル要素を微調整します。

Potion live editor

コーディング方法を知っている場合は、スニペット インジェクションを使用してHTMLと CSS を Web サイトに挿入し、要素を追加/変更して外観を変更することができます。 さらに、 Potionでは、Google Analytics、Fathom、SimpleAnalytics、Panelbear などのさまざまな分析プロバイダーからの分析をNotion Web サイトに追加して、そのパフォーマンスを追跡し、トラフィックに関する洞察を得ることができます。

Potionの操作で問題が発生した場合は、以下のビデオガイドをご覧ください。

Potion を使用したカスタムの概念 Web サイトの作成に成功する

Potionは、カスタム ドメインでNotion Web サイトをセットアップするために使用できる最も簡単なサービスです。 Notion Web サイトをカスタム ドメインでライブにするのに役立つだけでなく、その要素の一部を好みに合わせてカスタマイズできる追加機能も提供します。言うまでもなく、 SEOとページの読み込み時間も良好です。 .

したがって、ポートフォリオ、個人ブログ、ランディング ページ、またはカスタム ドメインで同じ方針に沿ったその他の Web サイトを作成することに関心がある場合は、 Notion + Potionの組み合わせで十分です。

ポーションは、1 つの Web サイトで月額 $8 からです。 さらに 2 つのプランがあり、それぞれ月額 16 ドルと月額 24 ドルで、最大 3 つと 8 つの Web サイトがあります。 すべてのプランは、月間および年間サブスクリプションの両方で利用できます。 さらに、 Potionは 7 日間の無料トライアルも提供しているため、サブスクリプション料金を前払いしなくてもサービスを試すことができます。

Potionは最近、Product Hunt に取り上げられ、その日の製品リストに登場しました。

ポーションを調べる