NotionをWebサイト・ブログとして公開する4つのメリット。最高のライティング体験と高速表示

Webサイト化したNotionを情報発信のためのCMSとして見たときのメリットを4つ記載しています。Notionは特にライティング体験が素晴らしく、WordPressと比較するとキビキビと動く高速さ、画像や内部リンク、TwitterやYouTube埋め込みなどコンテンツ挿入の簡単さは一度知ってしまうと離れられません。本記事ではNotionにおけるライティング体験がいかに素晴らしいか、また高速に記事執筆が可能になる方法を記述しています。

参考: WordPressブログをNotion製Webサイトに移行することにしました | まほウェブ

目次:

コンテンツはとにかく高速に発信してナンボ、だと思っています。

という言葉は下記ブログに感銘を受けて。

なんなら「書きかけ」の状態でも公開してしまってOKと考えています。

参考タグ:

ライティングに関して、文体や書きぶり、読みやすさなどで勝負するのもいいですが、所詮Webの記事などナナメ読みされてしまうものです。

だとすると、「情報そのもの」「アウトラインとして固まっていること」「インデント形式で構造化されている情報」で勝負するのも良いのではないでしょうか？

たとえばWordPressや他のCMSにおいて、いざ記事を執筆しようとしたのに、開かれたタイトル・本文エリアの真っ白に面食らって「ウッ…」と手が進まなくなった経験はありませんか？

ライティングをする人にとって、真っ白な記事編集画面は乗り越えなければいけない壁であり、恐怖です。ブログ記事でなくても、レポート課題などで「何を書こうか…？」と手が止まってしまう方は多いのでは。

これを解決する方法の1つが、先にお伝えしたアウトライン構造から始めること。しかし面倒くさがりな私は、そのアウトライン作成作業さえ気が乗らず、おっくうに感じてしまうこともしばしば。

その点もNotionは解決してくれました。 ライティングについて「気が乗らない・着手する気にならない」を解消する1つのテクニックとして、「日付やテーマ・キーワードなど、確実に書ける項目から埋めていく」というものがあります。

Notionには、各ページに対してさまざまな「プロパティ」（属性）を設定することが可能。たとえば私の場合、下画像のような属性を項目としてあらかじめ設定してあります。

更新日・作成日については自動で入力されますが、それ以外の項目をポチポチと入力していくうちに、いつの間にか本文エリアの書き出し・アウトラインまで書き始めてしまっている、という体験は多いです。

参考タグ:

公開自体を高速に行うことができる、ということにも関連。

Notionは挙動が高速であること、目的の情報にたどり着きやすいことから、なにか過去の情報に変化があったときに、簡単にリライトを行うことができます。

後述もしますが、「毎回のログインをスキップできる」「公開ボタンを押す必要がない」ということは意外に大きいです。ストレスなく、気がついたら手軽にリライトを行うことができます。

「 記事を執筆する・リライトする」という感覚ではなく「メモアプリにメモをしている、メモを書き直す」という気軽な感覚でライティングを行うことができます。

アプリケーションを開いてすぐに入力・そのまま更新・公開できることがNotionの魅力の1つ。

このような簡単なアクセスと手元にある感覚によって、Notionを触る頻度は高くなるでしょう。すると、記事を執筆・更新・リライトしていくことも自動的に習慣化されていくというものです。

NotionはアプリとしてPC上にダウンロードした場合、オフラインでも利用することが可能です。

もちろん、WordPressにおいても入稿する前にメモアプリなどで保存だけしておくということはできますが、既存の記事をリライトする作業はオフラインにおいてはできません。（記事閲覧ができない）

運悪くWi-fiのないカフェなどに入ってしまった場合でも、最低限の作業をすることができます。

次回、ネットワークにつながった状態でNotionを立ち上げることでクラウド上のデータと同期され（マージされる？）ます。

そもそも私はNotionを「第二の脳」「外部記憶としてのデータベース」として利用しています。

メンテナンスされ情報としての信頼性が高くなることで、ウェブサイト・Webメディアとしての信頼性も高くなっていくものだと考えます。

技術的なお話をするならば、NotionをWebサイトとして（CMSとして）採用するかどうかは、発信内容の性格や運営体制にもよります。

参考タグ:

上記、Notionがサクサク動くことですぐにライティング環境に突入できる、ということにも関連。

ブログ・記事の公開ではテキストライティング以外にも、たとえば本文内に下記の要素を挿入することが多々あります。

Notionはマークダウン記法に対応しています。

マークダウン記法とは、特定の記号をHTMLに該当するタグとして反映させる書き方です。

たとえば、下記のような記号を書き、半角スペースを挿入することで、該当のタグとしてNotion上に反映されます。

一部、Notionのみのマークダウン記法もいれています。詳細は下記リンクより。

Notion Markdown Reference | Markdown Guide

またマークダウン記法同様、/ (スラッシュ)を入力すると、ポップアップが表示され任意のブロックを選択できます。（コマンドと呼ぶようです）

Notionでは@を用いて「メンション」を行うことができます。

@を押したあとにポップアップが表示され、一瞬でキーワード検索によっていわゆる内部リンクとしての設置が可能。

上の画像のような感じ。キーワードを途中まで入力し、該当のページを選択するだけでOK。

そしてこの一連の挙動が非常に高速なのが大きいです…！

Twitterのツイート埋め込みや、YouTube動画の埋め込みも、該当のURLをペーストするだけで自動的に生成可能です。

埋め込みたいツイート（誰のでも構いません）のURLをNotion上にペーストすると、"Embed Tweet"という選択肢が現れます。

このEmbed Tweetを選択すると、下記のように埋め込み形式でツイートがNotion上に表示されます。

YouTube動画でも同様に、"Embed Video"をクリックすると動画がNotion上に埋め込まれ、ページ上から再生可能となります。

この埋め込み表示はSuperを介して公開されたWebサイト上でもそのまま反映されます。

内部リンクや外部リンクを貼るとき、通常はテキストアンカーリンクの形（URLをテキストリンクの形で表示させること）が多いと思います。

CSSで制御することも可能なのですが、それをしても装飾として寂しく感じることがあります。

そこで活用できる機能が、"Create Bookmark"という機能。

URLをペーストして、"Create bookmark"を選択すると、下画像のようにカード形式でリンク先が表示されます。右側に表示される画像はページがサムネイルとして設定しているOGP画像属性から引っ張ってくるようです。

参考タグ:

逆に言えば細かな設定ができないと言うことではある。ただし、近年のSEO においてはコンテンツそれ自体と外部リンクやオーソリティーなどの要素が全体のほとんどを占めています。

実際に、本ブログはSEOをほとんど意識していないにも関わらず、公開して1年、2年経った時点において複数キーワードで上位表示できています。

参考カテゴリ:

Notionでコンテンツを作る場合に、意識的に設定している項目は下記くらい。

参考:

また、パーマリンク（公開用URL）はSuper.soの機能でタイトル内英文から自動的に作成してくれます。もちろんURLの編集も可能。

Super.soでサイトを公開する場合、Notionの本文内に一番最初に登場する画像をサムネイルとして認識するようです。

画像はUnsplashから引っ張ってくることができ、Notion内で完結して挿入可能です。

/image と入力すると、下画像のように画像ブロックがレコメンドで出現。

Unsplashを選択し、検索すると検索キーワードに関連する画像が出てくる。

あとは挿入したい画像をクリックするだけで挿入される。簡単すぎ。

ドラッグ&ドロップで画像サイズも可変できる。

このような画像挿入をコンテンツ内で行えば、その画像がNotionテンプレートの機能によりサムネイルとして設定される。はっきり言ってめちゃくちゃ早くてラク。

ただし、たとえばalt設定を行うことができないなどのアクセシビリティからの問題はあります。

Super.soでNotionをWebサイトとして公開する場合、サイトは静的化された形で公開されます。

静的化されることで、クラッカーとしてはソフトウェア側にたいして攻撃を行うことが非常に難しくなります。

また公開サイトのサーバーはSuper.so側が保守・メンテナンスをしているので、Superに任せる形でホスティング。

また静的化されていることから、非常に高速なサイト表示がなされます。

これがたとえば WordPressを自社・自身でホスティングしている場合には、自身でサーバー・ネットワーク等のセキュリティ対策を行い、さらにWordPressにおけるセキュリティ対策・定期的なアップデートが必要です。

高速表示させたい場合には、サーバー選定やCDNの利用、WordPress側での最適化に気を配る必要も出てきます。（いわゆるWordPressの高速化作業と呼ばれます）

記事を書きたくて、情報発信したくてWebサイトを立ち上げたはずなのに、保守やメンテナンスに労力を割かなければならないのは本末転倒ではありませんか…？

CMSはWordPressが世界シェアNo.1でブログやメディアサイトにもよく利用されています。

公開前の設定項目としては上記Notionと大差ありません。しかし、体感としてWordPressでの公開は非常に煩雑なものに感じてしまいます。

その原因として、Notionと比較してWordPressでは下記のことがライティングの際のストレスとなってしまうからでしょう。

参考タグ:

WordPressは「コンテンツ（記事）そのもの」の管理に特化しているわけではなく、デザインやその他管理機能など、多くの機能を一体化して管理するシステムとなっています。

この点、「データ・コンテンツ」の管理に特化したNotionのほうがユーザー体験が好ましくなることは、想像に難くないでしょう。

以上、私が感じた「NotionをWebサイトとして公開する4つのメリット」でした。

とにかくNotionが良いなと思ったところは、コンテンツの作成・ ライティングに全集中できること。そしてメンテテンス性の高さです。

エンジニア界隈では開発体験・開発者体験という意味でDX（Development Experiment）と呼ばれますが、Notionを使えば執筆体験: WX（Writing Experiment）を最高のものとすることができます。

情報発信をどんどんと行っていきたいと言う場合には、Notionによる情報発信をぜひ検討してみてください。

海外・英語の記事ですが、同様に軽量CMSとしてNotionを運用されている方の記事がありました。

" WebflowよりもNotionのほうがインデックスされるスピードが早かった"という記述もあります。

インデックスに関しては、Indexing APIを利用して素早く更新をGoogleに伝えるなどの工夫をすると、より改善させていくことができるでしょう。

成果をだすWebサイト制作、企画・戦略から伴走するWeb制作を実施しています。 SEOを意識した制作や、制作後の運用・成果を見据えたWebサイトづくりが得意です。

🍀 Webサイト制作とSEOの専門家 - Marketing Wizard

上リンクには私のプロフィール・実績を掲載しています。ご確認のうえ、お気軽にご相談ください。

この記事の気になった箇所を読み返す:

Category:

Tag: