noteをブログ代わりに。RSSでサイトに最新記事を表示してみた

クライアント様から、こんな相談をもらいました🙋

「note、ブログみたいに使えませんか?」

ブログ機能をゼロから作ると、管理画面を用意したり、セキュリティを考えたり、意外と手間がかかります💦
かといって、記事をnoteに書いても、会社のサイトにまったく載らないのはもったいない。

そこで今回は、noteに記事を投稿すると、コーポレートサイトにも最新の3件が並ぶ仕組みを作りました。

使ったのが、RSSというものです。

この記事では、RSSってそもそも何なのか、私が実際にどう組み込んだのかを、初心者の方にも分かるように書いていきます。
あわせて、気になるSEOの面ではどうなのかも、正直にまとめました。
同じようなことをやってみたい人は、ぜひ試してみてください！

🤔 そもそもRSSって何?

RSSは、ひとことで言うと**「サイトの最新情報を、決まった形式でまとめたお知らせ」**です。

noteに記事を投稿すると、裏側で次のような情報が自動的にまとめられています。

• 記事のタイトル

• 公開日

• サムネイル画像

• 記事のURL

これがRSSです。

たとえるなら、noteとほかのサイトをつなぐ**「記事情報の連絡便」**📮みたいなもの。
noteが「最新記事の情報、ここにまとめておきましたよ」と用意してくれているので、ほかのサイトはそれを受け取って表示できる、という仕組みです。

ちなみに、noteのRSSはふつうに公開されています。
クリエイターページのURLの後ろに /rss を付けると見つかります👀

https://note.com/ユーザー名/rss

ブラウザで開くと、ちょっと不思議な文字の羅列が出てきますが、それがRSSの中身です。

今回やりたかったこと

クライアント様の要望は、こんな感じでした。

• 記事は、慣れているnoteで書きたい

• でも、会社のサイトにも新着記事を見せたい

• サイトを毎回いじるのは大変だから、できれば自動で反映してほしい

つまり、こういう流れです。

noteへ記事を投稿
  ↓
RSSが最新記事の情報を用意
  ↓
コーポレートサイトに最新3件を表示
  ↓
クリックすると、noteの記事へ移動

サイトの中では、ブログのように記事が並びます。
でも本文はnote側にあるので、サイトに専用のブログ管理画面を作る必要がありません。

🛠️ 私がやったこと

やったことは、大きく3つです。

① noteのRSSを読み込む

まず、クライアント様のnoteのRSSを読み込みます。
そこから、タイトル、公開日、サムネイル、記事URLを取り出しました。「ここに、使った技術やツールを書く」

② 最新の3件だけを表示する

RSSには、最新の記事がたくさん入っています。
全部並べると長くなるので、新しいほうから3件だけを取り出して、カードのように並べました。

③ サイトの「選ばれる理由」の後ろに配置する

サービス内容や会社の強みを読んだ人が、次に「この会社は普段どんなことを考えているんだろう?」と気になるタイミングで、noteの記事が目に入る。
そのあとに、お問い合わせへ進めるようにしました。

ちょっとだけ技術的なこと

ここは、興味がある人だけ読んでみてください🙇‍♂️

RSSをサイトに表示する方法は、大きく2つあります。

• A：ページを見るたびに、noteへ取りに行く方式

• B：サイトを更新するときにRSSを読み込んで、あらかじめページを作っておく方式

今回はBの方式にしました✅

Bのいいところは、閲覧するたびにnoteへ接続しないので、表示が安定しやすいことです。
そのかわり、noteに記事を投稿してから、サイト側の更新処理をしたタイミングで反映される、という流れになります。

「投稿したらすぐ反映」ではないので、そこは少しだけ注意が必要です。

また、RSSを使っても、noteの記事本文を勝手にコピーして載せているわけではありません。
サイトに出しているのは「記事の入口」だけで、本文はきちんとnoteで読んでもらう形です。

👍 メリットと、知っておきたい注意点

良かったところ

• noteに投稿するだけで、サイトにも最新記事が並ぶ

• サイトを直接編集しなくていい

• 専門知識がなくても、記事を書ける

• ブログ用の管理画面を作らなくていいので、コストを抑えられる

• note側のシェアやフォローの機能も、そのまま使える

注意点

• サムネイルをクリックすると、サイトの外(note)へ移動する

• noteの仕様が変わったり、サービスの提供状況が変わったりすると、影響を受けるかもしれない

• 検索からの流入を増やしたい場合は、この方法だけでは弱い(理由は次の章で説明します)

🔍 SEO的にはどうなの?

ここは大事なところなので、正直に書きます！

結論：検索からサイトへ人を集める目的なら、この方法は弱いです。

理由はシンプルで、記事の本文が「note.com」というnoteのドメインにあるからです。
記事が検索で見つけてもらえたとしても、その評価はnote側にたまります。自社サイトに載せているのは、タイトルと冒頭の抜粋、記事へのリンクだけなので、サイトそのものの評価は上がりにくいのです。

ただし、悪いことばかりではありません。

• 今回の方式は、更新時にHTMLとして書き出す方式なので、検索エンジンにタイトルなどが見えないという心配はない

• 本文をコピーして載せていないので、内容が重複する心配もない

• noteの記事自体は、noteのドメインで検索に出るので、note経由で知ってもらう入口にはなる

つまり、「SEOに強い方法ではないけれど、SEOで不利になるわけでもない」という位置づけです。
目的に合わせて選ぶのが大切なので、次の表にまとめました。

まとめると、こうです。

• サイトの信頼感や人柄を伝えたい、更新の手間を減らしたいなら、noteとRSSで十分

• 検索からの流入を増やしたいなら、自社サイト内にブログ(たとえば /blog/)を作るほうが向いている

• 最初はnoteで始めて、記事が増えて狙うキーワードが見えてきたら、自社ブログへ移るのも現実的

まずは小さく始めて、育ってきたら次のステップを考える🌱
そのくらいの気持ちで使うのが、ちょうどいいと思います。

こんな人におすすめです

• サイトの更新担当者が少ない

• ブログ用のシステムを作る予算は、あまりかけられない

• まずは小さく、情報発信を始めたい

• 採用、事例紹介、代表メッセージ、業界情報などを、コツコツ発信したい

向いていないかもしれない人

• 検索からの流入を、いちばんの目的にしたい

🌟 おわりに

「noteを書く場所」と「サイトに見せる場所」を、RSSでつなぐ。
それだけで、更新の手間を増やさずに、会社の発信をサイトにも届けられます🎉

ただしSEOの面では、目的によって向き不向きがあります。
「何のために発信するのか」を先に決めてから、方法を選んでみてください。

難しそうに見えて、仕組み自体はとてもシンプルです。
最初は、noteのRSSをブラウザで開いてみるところからでも十分です。

もし「うちのサイトでもやってみたい」「自分のポートフォリオに、noteの記事を並べたい」と思った人がいたら、ぜひ試してみてください🙌