コーディングいらずで、瞬時に作れるNotion製のWebサイト

企業のホームページやブログ、個人の職務経歴やポートフォリオ。それらはすべて、Notion サイトで作成できます。業者への面倒な発注も、コーディング作業も一切必要ありません。

約 6分で読めます

ページの公開：Heroスクリーンショット — Notionを使ってコーポレートサイトでできる例のひとつが、採用情報のページです。

コンテンツ

ページの公開方法
Webサイト制作のためのテンプレートとアイデア
テンプレート
ビジュアルを駆使してWebページをリッチコンテンツに
その他の公開ページのオプション

コーポレートサイトにページを追加する場合、多忙なデザイナーやエンジニアの日程調整をしながら、長い時間をかけて作業をする必要があります。シンプルなページひとつ作るにしても、組織をまたいだ骨の折れる作業が求められます。

でもNotionなら、ワンクリックでWebサイトが公開できます。例えば、Notionでは以下のことが可能です。

美しいWebサイトを外注せずに自作： Web制作の専門家に複雑なコンテンツ管理システムの構築を依頼せずとも、いくつもの埋め込み機能や見出しやカラムなどのツールが備わったNotionを活用し、美しいWebサイトを制作できます。
自分でページをWeb公開：デザイナーやエンジニアの手を借りずとも、自力でWebサイトの構築や拡張を行うことができます。Notionでページを作成すれば簡単にWebに公開でき、アクセスリンクを共有したり、ネット検索で見つけられるようにしたりできます。

ページの公開方法

Notionなら、ほんの数クリックでWebサイトを立ち上げることができます。対象のページで 共有 をクリックし、Web公開 タブに移動し、公開 ボタンをクリックするだけで、Web上にそのページを公開できます。リンクを共有すれば、誰でも見ることができます。ページを編集すると、変更がリアルタイムで公開されるため、難しい手順は一切ありません。

Webサイト制作のためのテンプレートとアイデア

ゼロから作るのは大変、という方に向けて、ここではWebページを早く作れるテンプレートを紹介します。また、Notionを利用してWebサイトを作っている企業の実例も紹介。アイデアの参考にしてください。

テンプレート

採用ページ：採用ページをすぐに更新できることは、応募人数を増やすための有効な施策です。つまり、募集枠の増減や企業ミッションの変更などを素早く反映できる、という意味です。魅力的で情報満載のページを作り、会社のありのままの姿を伝えましょう。

ひとつのページに募集職種と会社情報を掲載します。

採用情報ページのテンプレートはこちら。

ヘルプセンター：カスタマーサービス宛に送られる問い合わせメールを減らしてくれるページです。過去のメールを洗い出し、よく聞かれる質問をまとめ、その質問に回答するコンテンツを公開します。これにより、お客様は解決策を簡単に見つけることができます。

Notionでは、このコンテンツをサブページとし、必要に応じて作り直せます。

いつでも簡単に更新できるヘルプセンターのページがあれば、お客様は自分で解決方法を見つけられます。

ヘルプセンターのテンプレートはこちら。

ブログポスト： CMSを使うことなく、コミュニティを作って素晴らしいコンテンツを共有することができます。Notionでなら、読みやすいブログを作ることも公開することも簡単。目次や音声ファイル、画像、動画などの要素をページに埋め込めば、読み手に伝えたいことを、より伝えやすくなります。

テキスト、画像、外部リンク、などがNotionのブログ投稿にまとめられています。

ブログポストのテンプレートを使って、ストーリーを伝えましょう。

ロードマップ：商品開発のロードマップを、見込み客や既存の顧客と共有。ページを公開することで、お客様は機能がいつ完成するかを把握できます。また、共同編集許可をオンにすれば、機能に対するリクエストを簡単に受け付けることも可能です。

ロードマップを公開することでお客様は、いま何を作っているのか、それがいつ完成するのかを把握できます。

ロードマップのテンプレートを、自分のワークスペースに複製しましょう。

ビジュアルを駆使してWebページをリッチコンテンツに

/ と入力すると、Notionページに追加できるコンテンツのリストが表示されます。/ の後に続けて /image や /typeform のように、掲載したいものを入力しましょう。

見出しと区切り線： 見出し1 、見出し2 、 見出し3 を使って、コンテンツをより見やすく、そして読みやすくしましょう。また、ハイフンを3つ連続して入力すると区切り線が作成でき、長文を視覚的に区切ることができます。
カラム：ページの片側に画像、もう片側にテキストを配置すると、新聞のようなきれいなレイアウトができます。ページやテキスト、画像などを ⋮⋮ をクリックしてドラッグし、配置したい場所にドロップ。列を分けたい場合は、既存のコンテンツの左側または右側にドラッグします。青い縦線が表示されますので、それを目印にしてドロップしましょう。
目次：読者がサイト内の必要なセクションにジャンプできる機能です。 /toc と入力すると、見出しに対応した目次一覧を作成できます。
画像 / 動画 / オーディオ： YouTubeの動画を埋め込んだり、Podcastのファイルをアップロードしたり、画像を入れ込んだりと、Notionのページには多種多様なマルチメディアを埋め込むことができます。また、画像や動画の端に黒線で表示されたハンドルを使って、表示サイズの調整も可能です。
動画やPodcastなど、あらゆるものをNotionのページに埋め込むことができます。
Typeformの埋め込み： NotionページにTypeformを挿入することで、フィードバックを集めたり、お問い合わせポータルを作成することができます。
Typeformを埋め込むことで、従業員からのフィードバックやお客様へのアンケートなどを行うことができます。
コールアウトと引用：コールアウトや引用を使って、特定のセクションや文章を目立たせることができます。
コールアウトや引用でコンテンツの一部に特徴を持たせることで、読み手に注目すべき部分を提示します。
トグルリスト：よくある質問とその回答を集めたFAQのようなコンテンツでは、サイト訪問者が関連性の高い情報だけを見られるようにすることで、サイトがさらに見やすくなります。トップレベルの情報をトグルのプレビューに表示し、その中に詳細な情報を入れます。
トグルの中に情報を掲載することで、ページを整理整頓できます。
色：文字や背景の色を変えて、デザインしたり、文章を強調したりすることができます。テキストを選択して ••• をクリックし、 カラー を選択すると、文字や背景の色を変えることができます。

その他の公開ページのオプション

ネット検索を許可：トラフィックを促進し、Googleや他の検索エンジンであなたのページが見えるようにします。

リンクの有効期限：サイトを一時的に共有したい場合は、リンクの有効期限オプションを使用します。カスタムポートフォリオを顧客と共有したり、外部の関係者と機密性の高い情報を共有したりする際に便利です。

ビジュアルのカスタマイズ：「サイトのカスタマイズ」メニューで、サイトの表示方法を変更できます。リンクプレビューのカスタマイズや、ヘッダーの変更、テーマのオプション（ライト / ダーク）の選択などができます。

Googleアナリティクスの統合：「サイトのカスタマイズ」メニューで、Googleアナリティクスを統合することで、サイトのパフォーマンスをすばやく簡単に理解できます。

Notionのページでは、コメントにチームメイトをタグ付けすることで、シームレスなコラボレーションが可能です。

テンプレートとして複製を許可：すばらしいランディングページのテンプレートを作成したとしましょう。それをテンプレートとして複製できるように設定すると、他の企業がこのテンプレートを自分たちのNotionワークスペースに保存できるようになります。このオプションは、「サイトのカスタマイズ」のヘッダーオプションからご利用いただけます。