導入事例インタビュー【株式会社エイチームライフデザイン様】記事更新のリードタイムが7日→1日以下に。複雑化したWordPressの独自カスタマイズから脱却し、マーケター主導でのコンテンツ運用を実現｜microCMS

OSSのヘッドレスCMSをセルフホストすることも検討しましたが、対応バージョンが古く、ビルドやデプロイの環境構築がなかなか大変だとわかりました。自社グループ内で開発している独自CMSも候補だったのですが、こちらについても運用のためのメンテナンスコストはどうしてもかかってしまうのがネックだったんです。

microCMSを試してみたところ感触がよかったので、他のヘッドレスCMSと比較検討する前に採用を決めました。日本語のUIで操作できることやサポートを利用しやすい点はマーケティング部門にとって便利ですし、エンジニアの目線ではスキーマの自由度の高さが決め手になりました。

導入までのプロセス：他社事例を参考に、メンテナンスコストをなるべく低くする形でmicroCMSを組み込み

開発にあたって、工夫した点や参考にした事例はありましたか？

-堀川さん

当初はリッチエディタを使って独自記法でコンポーネントを埋め込む方式で開発していました。しかし、「引越し侍」の記事はデザインの要件が細かいため、変換処理を自分たちで実装しなければならない箇所が増えてしまいます。メンテナンスコストを下げるという当初の目的から乖離してしまったので、途中からZOZOさんの記事を参考にして、繰り返しフィールドを用いた構造化データへと設計変更しました。構造化することでコンポーネントと記事のスキーマを合わせやすくなり、エンジニアが扱いやすい形でコンテンツを受け取れるようになりました。

導入時の体制と進め方を教えてください。

-堀川さん

エンジニア2名とデザイナー1名のチームに、記事を制作するマーケティング部門のメンバーが加わる形で進行しました。移管プロジェクトの開始時にはステークホルダーとなる部署の方を集めて方針を共有し、週次でミーティングをしながらマーケティング担当者が実現したいことやほしい機能をすり合わせていきました。

最初の記事を公開したのは、microCMSの検討を始めてから3〜4か月後です。途中でリッチエディタ方式からの設計変更も行ったため、最終的なWordPressからの移管完了までには14か月ほど掛かっています。SEOなどへの影響を見極めながらテストを繰り返していったためです。

活用の状況：SEO記事の管理をmicroCMSに移管

どのようにmicroCMSを活用していますか？

-堀川さん

おもにSEO記事の管理・配信に利用しています。具体的には、引越しに関するハウツー記事や引越し費用についての記事、インタビュー記事などのSEO記事です。

技術構成について教えてください。

-宮﨑さん

フロントエンドにはAstroを利用し、CSSにはTailwind CSSを採用しています。インフラはAWS App Runnerで、CDNはFastlyです。

開発当初からしばらくの間はNext.jsを利用していましたが、SEO対策の一環としてAstroに切り替えました。もともとNext.jsで開発する際にコンポーネントをフレームワークから切り離して設計していたため、Next.jsからAstroへの変更作業は2か月ほどで完了しています。ヘッドレスCMSによってフロントエンドとコンテンツ管理が分離されていたので、スムーズに進めることができました。

コンテンツの運用フローを教えてください。

-宮﨑さん

マーケティング部門の担当者がGoogle ドキュメントなどで下書きをつくり、microCMSに入稿しています。入稿作業が完了したあとはマーケティング部門内でレビューを行い、記事公開ステータスに進みます。URLルーティングの本番反映など一部の作業はエンジニアが対応していますが、多くの記事はマーケティング部門だけで公開まで完了します。

導入の効果：非エンジニアのみで記事制作や更新を完結。SEO対策のPDCAも高速に

microCMSを導入して、どのような効果がありましたか？

-宮﨑さん

一番の効果は、記事更新にかかるエンジニアの工数がほぼゼロになったことです。以前はエンジニアがHTMLを書いて記事を制作していたため、場合によっては1本の記事を制作するためにエンジニアが1か月以上も関わることもありました。microCMSの導入後は、これまでと変わらない品質の記事をマーケティング部門だけで運用できています。

移行前の運用では、タイトルやディスクリプションなどのメタ情報を変えたいときにもエンジニアが作業する必要がありました。リードタイムも7日間ほど発生してしまうため、SEOの効果検証がなかなかできませんでした。また、記事内のコンテンツの順序を入れ替えるような作業も、当時のカスタマイズしたWordPressでは気軽には行うことができず、その都度エンジニアがコーディングをして、表示の崩れがないかどうか確認してからリリースしていました。microCMSに移行してからは、こうした更新作業をマーケティング部門だけで実施できるようになり、検証が進めやすくなっています。

CMS移管によるSEOなどへの影響はありましたか？

-宮﨑さん

既存の記事をすこしずつ移していく形で進めていたため、PVや検索順位に大きな変動はありませんでした。リスクを抑えながら安全に切り替えを完了できたと思います。サイトの更新性が上がったことで、新しい記事をスピーディーに公開できるなどのPDCAサイクルの高速化という効果も出ています。

microCMSの使い勝手についてはいかがでしょうか。

-堀川さん

それまでのCMSが複雑すぎたということもありますが、マーケティング部門のメンバーからもmicroCMSは好評です。詳しいレクチャーをすることも特になく、簡単に運用を始めることができました。制作段階からマーケティング部門の意見を丁寧に聞いていったので、リリース時にトラブルになることもありませんでした。

-宮﨑さん

何度かmicroCMSのサポートに問い合わせをしていますが、すぐに日本語で返事がくるのはやはり嬉しいですね。開発や運用の途中でなにか不安なことが起きても、すぐに解消できています。