Blog

WYSIWYGがあなたの創造的な執筆を制限させないでください。セマンティクスとKenticoCloudを使用して複数のチャネルのコンテンツを作成する必要がある理由をご覧ください。

前回の記事では、WYSIWYGエディター、その一般的な使用法、およびオムニチャネルコンテンツパブリッシングのコンテキストでエディターを使用するのが適切でない理由について説明しました。約束通り、この続編では、クリエイティブな執筆に完全に集中し、コンテンツを複数のチャネルに配信するオプションを持ちながら、コンテンツ表現を同じレベルで制御する方法を紹介します。

簡単に要約すると、WYSIWYGエディター/ページビルダーの背後で発見されたユースケースを見ていきましょう。

• ビジュアルとコンテンツのコンテキストを持ちながら、コンテンツを作成してページを作成します。つまり、ユーザーは、コンテンツがどこに行くのか、どのように見えるのか、そして周囲のコンテンツが何であるのかを正確に知っています。
• その場で、つまりWebページで直接エラーを編集または修正します（コンテンツインベントリでコンテンツを検索する必要はありません）。
• 開発者なしでカスタムページ、新しいレイアウト、テンプレートを作成し、プロセス全体をスピードアップします。

視覚的なものではなく、内容と意味のために書く

シナリオを1つずつ説明する前に、クリエイティブな執筆やオムニチャネルコンテンツの制作について話すときに非常に役立つと思う、心を変える動機から始めたいと思います。

コンテンツ表現について考える方法は2つあります。読者が目にするビジュアルを直接操作することも、セマンティクス（コンテンツのビジュアル表現の背後にある意味）で考えることもできます。難しいか、なじみがないように聞こえますか？これらのいくつかの例を通してそれを説明させてください：

• Word文書の一部の単語を赤にフォーマットするとします。それは視覚的な表現です。ここで、なぜそれを行ったのか、そしてこの種のフォーマットが読者にどのようなメッセージを伝えるのかを考えてみてください。これは常にコンテキストに依存しますが、この場合、「重要」または「強調」のようなものにすることができます。今、私たちはセマンティクスについて話している。
• すべてのブログ投稿について、メインの見出しの背景色をネイビー、バイオレット、またはホワイトのいずれにするかを決定できるとしましょう。言い換えれば、あなたはビジュアルを選ぶことができます。どのルールで色を選ぶかを著者に尋ねると、ネイビーは真面目な/事実に基づく記事、バイオレットは遊び心のある、または楽しいムードを呼び起こすためのもの、白は単純な印象のためのものであると言われます。それが色の根底にある本質であり、したがってセマンティクスです。
• コンテンツ作成ガイドラインでは、編集者が画像をテキストに揃える2つの方法を定義している可能性があります。すべての画像を左側に配置し、テキストを右側に配置するか、画像を左側または右側のテキストと交互に配置することができます（つまり、ビジュアルで機能します）。この種のコンテンツ配信の背後にある理由は、左側のすべての画像がグラフィックにストレスをかける一方で、それらを交互に配置することで、書かれた単語と画像の間で読者の注意を均等に分散させるためです（これは意味解釈です）。

これらの例が、2つのアプローチのより良いアイデアを提供することを願っています。それでは、なぜ私が個人的にセマンティクスがとても好きなのか、そしてなぜそれらもあなたの戦略に行くべきだと思うのかを見てみましょう。

しかし、なぜセマンティクスなのか？

読者の注意を引く興味深い記事を準備することは簡単な作業ではなく、多くの焦点を必要とします。コンテンツ作成者とクリエイティブフローについて話すほど、回答に1つの単純なパターンが見られるようになり、編集環境での気晴らしが少なくなるほど良いのです。そのため、多くの人がホワイトペーパーやWord文書だけを好みます。彼らの物語を構成するとき。

そして、これは私に視覚的コンテンツ編集とセマンティックコンテンツ編集の違いを教えてくれます。 WYSIWYGページビルダーとKenticoCloudのこの比較を見てください。

WYSIWYGは、Webサイトに表示されるとおりにコンテンツを表示しますが、どのくらいの費用がかかりますか？

• あなたはあなたのコンテンツをフォーマットして配置するためのたくさんのオプションに苦しんでいます、それはあなたの創造的なプロセスへの気を散らすだけです。
• 作成する視覚的表現は、設計されたチャネル（主にWeb）とのみ互換性があります。コンテンツの再利用を計画している場合、視覚的な調整は、モバイルアプリケーション、印刷物、電子メールニュースレターなどの他のチャネルではほとんど役に立たないでしょう。
• あなたの読者がコンテンツを見る方法はあなたとコンテンツオーサリングプロセスにとって最良の方法ではないかもしれません。私たちがコンテンツを消費する方法とコンテンツを準備する方法には大きな違いがあると思います。これらは、異なる目標を持つ2つの異なるタスクです。そのため、1つの環境を両方で共有することはあまり意味がなく（WYSIWYGの場合）、個別のユーザーエクスペリエンスが必要です。

それどころか、セマンティクスを念頭に置いてコンテンツを作成すると、次のようになります。

• あなたの創造性をサポートするシンプルで使いやすいコンテンツオーサリング環境。
• セマンティクスは普遍的です。それらは視覚的表現に変換できますが、Web、モバイルアプリケーション、印刷など、消費するプラットフォームに最適です。
• コンテンツの作成者と消費者の両方が、ニーズに合わせた最高のエクスペリエンスを得ることができます。

これまでのところ、私はセマンティクスにかなり偏見を持っており、そのライバルについて良いことや前向きなことは何も言っていません。したがって、Kentico Cloudでは、出力と表現を制御することが依然として重要であり、コンテンツ制作プロセスで重要な役割を果たすことを十分に理解していると言うと、驚くかもしれません。 WYSIWYGがそれを行う正しい方法だとは思いません。ここで、シームレスな編集とオムニチャネルコンテンツの配信を体験しながら、ビジュアルを制御できるように、2つの世界の長所を組み合わせるために私たちが行ったことを紹介します。

ビジュアルとコンテンツのコンテキストを持ちながら、コンテンツを作成してページを作成する

まず、Kentico Cloudは、箇条書き、太字のテキスト、複数の見出しレベルなどの重要なテキスト形式を備えた、洗練されたユーザーフレンドリーなエディターを提供します。私たちの調査に基づいて、いくつかのフォーマットオプション（上付き文字、下付き文字、またはコードブロック）がまだ不足していることがわかったので、 すぐにそれらに対処する予定です。他のすべてはセマンティクスを通じて行われます。使用する色や配置を考える必要はありません。コンテンツの正しい意味（「重要」、「遊び心」など）を選択し、消費するアプリケーションに残りを任せるだけです。実際には、コンテンツには通常、テキストフィールド、チェックボックス、ドロップダウンメニュー（特定の状況に最適なもの）などの要素を介して入力されるセマンティックメタデータのセットが付随していることを意味します。利益？あなたは純粋にコンテンツ作成に集中することができ、あなたのコンテンツはどのチャンネルにも表示することができます。ビジュアルではなくセマンティクスを定義しているという事実のおかげで、ターゲットデバイスはその情報をどのように表現するかを決定できます。

多くの場合、あなたの作品は複数のアイテムで構成されており、さまざまな記事、ランディングページ、その他ですでに再利用されています。例として、以下を含むブログ投稿を考えることができます。

• 製品の1つに関するダイジェスト情報。
• お客様の声。
• eショップのCTA。

これらの作品はすべて過去にすでに準備されており、他のいくつかのページのコンテキストで表示されています（つまり、再利用可能です）。このようなコンテンツをまとめるときは、リンクされたアイテムのコンテキストを把握し、すべての重要な情報を1か所にまとめることが不可欠です。参照されている製品のコンテンツを確認する必要があるという理由だけで、新しいブラウザタブを開いてフローを中断することは誰も望んでいません。このため、少し前に、リンクされたアイテムを1か所で確認する機能を導入しました。そのおかげで、リンクされたコンテンツアイテムを次々に展開し、親コンテンツアイテムですべてのコンテンツを直接確認できます。同様の理由で、ユーザーはコンポーネントを使用することもできます。これについては、この記事の後半で説明します。

最後に、すべての設定が完了したら、公開ボタンを押す直前に、 プレビュー機能を使用して、コンテンツがWeb上でどのように表示されるかを確認できます。多くの著者にとって、ウェブは依然として主要なマーケティングチャネルであり、すべてのビジュアルを使用した最終レビューが役立つ可能性があることを理解しています。

その場でエラーを編集または修正する

Webでコンテンツを確認するとき、タイプミスや小さなエラーを見つけて、すぐに修正する必要があることがよくあります。 WYSIWYGエディターを使用すると（コンテンツをWeb上で直接編集しているため）非常に簡単ですが、KenticoCloudにもその答えがあります。ほぼ1年前に、ウェブサイトプレビューにボタンを追加できるウェブサイトプレビュー編集ボタンを導入しました。これにより、編集者はKenticoCloudの特定のコンテンツアイテムに直接リダイレクトされます。そのおかげで、編集者はインベントリ内の目的のコンテンツを検索する必要がなく、コンテンツをすぐに調整できます。

開発者なしでカスタムページ、新しいレイアウト、テンプレートを作成する

ドラッグアンドドロップのWYSIWYGページビルダーを使用すると、新しいWebページの作成は常に簡単です。使用したいさまざまな要素をドラッグして、コンテンツで直接入力するだけです。要素の位置を変更するのは比較的簡単で、場合によってはスタイルを変更することもできます。

Kentico Cloudでも同じことができると言ったらどうしますか？ この記事では、コンポーネントについてはすでに説明しました。これらはコンテンツブロック、ウィジェット、またはモジュールとして機能し、コンテンツと一緒に埋め込んだり編集したりできます。 1ページ内で使用するコンポーネントの数に制限はないため、さまざまなタイプの複数のコンポーネントを組み合わせて、完璧なページを作成できます。コンポーネントには、ヘッドラインブロック、お客様の声、製品ティーザー、関連記事のセクションなどがあります。ドラッグアンドドロップエディタのように操作できますが、視覚要素を配置する代わりに、コンテンツブロックを使用します。

そして、一番上の桜？クロスプラットフォームの再利用性はコンポーネントにも適用されます！セマンティクスは別として、コンポーネントはプレゼンテーションを気にしないため、Webだけでなく、組織が使用する他のチャネルにも表示できます。

もっとあります

私たちは、コンテンツ、期間を処理するための最良の方法になることに全力で取り組んでいます。最近は多くの好意的なフィードバックをいただいていますが、常に改善の余地があり、まだ作業が完了していないことを認識しています。 そのため、オーサリングを改善するための新しいインターフェイス、特定のセクションのコンテンツアクセスの制限など、他の優れた機能や改善を期待できます。

Kentico Cloudをさらに改善する方法についてのフィードバックやアイデアはありますか？コメントセクションであなたの意見を共有することを忘れないでください！