過去数年にわたって、消費者はデジタルインタラクションがチャネル全体でパーソナライズされ、シームレスになることをますます期待しています。この変化にもかかわらず、コンテンツ制作者や開発者は、いまだに堅固なレガシーコンテンツ管理システムに追いつけないままになっています。
よりパーソナライズされ、オムニチャネル化され、視覚的に最適化されたユーザーエクスペリエンスを提供する企業ほど、より良い結果と顧客ロイヤルティが高まります。モダンな Web エクスペリエンスの構築と維持を成功させる鍵は、ヘッドレス CMS とビジュアルメディアプラットフォームを中心とした API ファーストのクラウドベースのエコシステムにあります。
ヘッドレス・オーバー・ザ・レガシー、モノリシックCMSを選ぶ理由
あまりにも長い間、組織はモノリシックCMSの柔軟性の欠如を容認してきました。これらの従来の CMS では、コンテンツ、画像、HTML、CSS など、すべてが 1 つの大きなバケットにまとめられているため、コンテンツコンポーネントの再利用が困難でした。
このアプローチは、オムニチャネル配信、Webパフォーマンスの最適化、およびユーザーのパーソナライズには不十分であることがますます明らかになっています。デジタルチームは、モノリシックCMSを本来の目的を超えて推し進めています。その結果、技術的負債、予期せぬコスト、エンドユーザーへのサービス提供の失敗が増えています。
一方、APIファーストのヘッドレスCMSは、組織がビジネスや外部市場の変化に迅速に対応できるようにします。そのためには、コンテンツが表示されるコンテキストからコンテンツを分離または分離します。
.tg {border-collapse:collapse;border-spacing:0;}.tg td{border-color:inherit;border-style:none;border-width:none;font-family:inherit, sans-serif;font-size:inherit; overflow:hidden;padding:10px 20px;word-break:normal;}.tg th{border-color:inherit;border-style:none;border-width:none;font-family:inherit, sans-serif;font-size:inherit; font-weight:normal;overflow:hidden;padding:10px 20px;word-break:normal;}.tg .tg-z5a0{border-color:none;color:none;font-weight:bold;text-align:left;vertical-align:top}.tg .tg-ucyr{border-color:none;color:none;text-align:center;vertical-align:top}.tg .tg-l8gi{border-color:none;color:none;font-weight:bold;text-align:center;vertical-align:top}.tg .tg-a3pi{color:inherit;text-align:center;vertical-align:top}.tg .tg-wktz{color:inherit;font-weight:bold;text-align:center;vertical-align:top}.tg .tg-bknj{border-color:inherit;color:inherit;text-align:left;vertical-align:top}@media screen and (max-width: inherit) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}
| Attributes | Legacy CMS | Headless CMS |
| Hosting and delivery | In-house | In the cloud |
| Development mindset | Project-focused | Product-focused |
| Content model | Built for a single page | Building block for many products |
| Supported devices | Limited | Limitless |
| Reach | One-to-one | One-to-many |
| Workflow | Waterfall | Agile |
| Updates | Scheduled | Continuous |
| Backend system | Monolithic, all-in-one | Microservice, best-in-class |
| Investment | Large up-front cost | Quick proof of concept |
| Technical debt | Inherent to the system | Managed |
ソース: ヘッドレスCMSについて1分で説明しました。contentful.com
では、なぜヘッドレスを選ぶのでしょうか？ヘッドレス CMS の配信メカニズムの中核は API です。また、ヘッドレス CMS の機能をさらに拡張するコンテンツプラットフォームである Contentful のようなソリューションを採用することもできます。組織は、コンテンツを単一のハブに統合して、オムニチャネル、アジャイル、統合されたエクスペリエンスを実現するエクスペリエンスの作成者とそれを利用するエンドユーザーの両方に、オムニチャネル、アジャイル、統合されたエクスペリエンスを推進できます。
ContentfulやimgixなどのAPI主導のツールを使用すると、大規模なビジネス上の問題を細かく分割し、それぞれを思い通りに解決することができます。これにより、組織の俊敏性と有効性が向上します。
.tg {border-collapse:collapse;border-spacing:0;}.tg td{border-color:inherit;border-style:none;border-width:none;font-family:inherit, sans-serif;font-size:inherit; overflow:hidden;padding:10px 20px;word-break:normal;}.tg th{border-color:inherit;border-style:none;border-width:none;font-family:inherit, sans-serif;font-size:inherit; font-weight:normal;overflow:hidden;padding:10px 20px;word-break:normal;}.tg .tg-z5a0{border-color:none;color:none;font-weight:bold;text-align:left;vertical-align:top}.tg .tg-ucyr{border-color:none;color:none;text-align:center;vertical-align:top}.tg .tg-l8gi{border-color:none;color:none;font-weight:bold;text-align:center;vertical-align:top}.tg .tg-a3pi{color:inherit;text-align:center;vertical-align:top}.tg .tg-wktz{color:inherit;font-weight:bold;text-align:center;vertical-align:top}.tg .tg-bknj{border-color:inherit;color:inherit;text-align:left;vertical-align:top}@media screen and (max-width: inherit) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}
| Attributes | CMS | Headless CMS | Content platform |
| Structure | Content is stored in multiple CMSes and repositories. | Content is typically stored in unstructured “buckets.” | Content is structured, making it easy to find, manage and reuse. |
| Delivery | Content is manually entered into a page template. | APIs deliver content to any digital product or channel. | APIs connect apps to content and delivery to any digital channel. |
| Endpoint | Single digital touchpoint. | Many digital touchpoints. | Deliver digital touchpoints, products, and apps faster. |
ソース: ヘッドレスCMSについて1分で説明しました。contentful.com
ヘッドレスCMSからコンテンツプラットフォームへ
ユースケースに関係なく、ビジュアルメディアは優れたウェブ体験の重要な部分です。デバイスやチャンネルの普及に伴い、画像や動画はかつてないほど多くの形式やコンテキストで利用されるようになりました。
たとえば、Contentful では 1 か月あたり 300 億件以上の API 呼び出しが行われています。こうしたエクスペリエンスを強化するために必要なビジュアルメディアの量は想像できるでしょう。この規模では、適切なツールがないと、ファイルバージョン、画像形式、およびそれらのアセットの使用と更新に関連するガバナンスが複雑になる可能性があるため、メディア管理はコンテンツ作成者や開発者にとって困難な場合があります。
Contentfulの拡張性の高いコンテンツモデルとそのアジャイル アプリフレームワーク コンテンツ作成者であろうと開発者であろうと、ニーズに合った適切なツールを選択できるようにすることで、この問題を解決できます。
クリエイターとエンドユーザーに素晴らしい体験を提供する
ザの imgix アプリContentfulのアプリマーケットプレイスで無料で入手できるのは、コンテンツの作成者と消費者の両方にとってメリットがあることの代表的な例です。
堅牢な API 主導型のアセット管理ツールとスケーラブルなコンテンツプラットフォームを組み合わせると、クリエイターはどのデバイスでも最適なエクスペリエンスを提供しながら、画像や動画に簡単にアクセスして選択し、共同作業を行うことができます。
その結果、クリエイターのコンテンツ管理がシームレスになり、エンドユーザーのビジュアルエクスペリエンスが最適化され、コンバージョン率が高まり、顧客の満足度が高まります。
自分で試してみる
ビジュアルメディア管理を煩雑にしたり、コンテンツ管理から切り離したりする必要はありません。API ファーストのアプローチにより、コンテンツ作成者にとっては使いやすく、サイト訪問者にとっては楽しいものになります。imgix と Contentful を組み合わせることで、コンテンツをより簡単に作成し、すべての訪問者に魅力的でパーソナライズされたオムニチャネル体験を提供できます。
