こんにちは、キノトロープの濱田です。

この連載ではWeb担当者の皆様からいただいたお悩みに答えていきます。

今回の質問は以下です。

結論から申し上げると、HTMLソースのベタ張りでは「CMSに移行した」とは言えないでしょう。

まず、こういったご相談はよくいただくものであり、要点としてはどういう意図でWYSIWYGエディターにソースコードを記述する形での移行を行ったのか、ということになります。

クライアントにお話を伺うと、特別な意図があったわけではなく、移行作業を行った業者側の都合だったり、移行時に運用方針がちゃんと合意されていなかったり、納得のいく説明がなされていなかった場合が多い印象です。

クライアントとしては「HTMLの知識がなくても簡単に編集できるんじゃ…」「事前に聞いていた話と違う…」といった不満を抱えていることが多いので、その意味ではCMSに移行したとは言えない場合がほとんどではないでしょうか。

本記事では、WYSIWTGエディターを用いたCMSへの移行についてご紹介します。

そもそもWYSIWYGエディターって何?という方も多いと思います。

WYSIWYGとは「What You See Is What You Get(見てのとおり、ありのまま)」の頭文字を取ったもので、実際のページレイアウトと同様に編集画面が表示されるエディターのことです。

Officeソフトのように使用でき、HTMLの知識を持たない人でも「見出しを大きくする」「文字色を赤くする」「フォントサイズを大きくする」などといった編集を行うことができるのが特徴です。

これまでの運用でWYSIWYGエディターに慣れており、これが標準と認識している方も多いと思いますので、ご質問者様のような状況でも違和感に気付かずそのまま使い続けることもあるかもしれません。

今回ご質問者様がこのようなお悩みを抱くに至った経緯を考えてみましょう。

まず、CMSツールを販売しているベンダーは「更新が簡単に行えるようになります」「Officeソフトのように見た目を変えられます」といったプレゼンテーションを行っているのではないでしょうか。

そして契約に至りプロジェクトが動き始め、制作ベンダーが移行や開発を行います。

このとき、制作ベンダー側はCMSベンダーがどういったデモンストレーションしたかを把握していないまま進んでしまう場合が思いの他多くあります。

そういった具体的な方針の共有がなされておらず、認識の齟齬が確認できていないまま開発が進み、公開に至ってしまったことが考えられます。

Webサイト公開後は主に制作ベンダーとやり取りをしていくことになります。

開発後に発覚した「聞いていた話と違う…」というギャップは制作ベンダーに対し問い合わせることになるかと思いますが、制作ベンダーとしてはCMSベンダーの指示に従い開発を行っているため「我々に言われても…」と平行線になってしまうのではないでしょうか。

WYSIWYGエディターは簡単にサイトの編集が行えるツールではありますが、詳細の作り込みや複雑な編集には適していません。

「Officeソフトのような操作感」ということは「Officeソフト程度の変更しかできない」とも言えます。

また、懸念点として、Webサイトリニューアル直後は基本的にはガイドラインを定めて運用していきますが、運用者が編集を重ねるうち、目立たせたいからとむやみに色を使ったりフォントサイズを大きくしてみた結果、一昔前のブログのような見づらいWebサイトになる恐れがあります。

その他、本来であれば共通パーツとして作成すべきものもWYSIWYGエディターで作成していると、複数ページにわたって修正の必要がある場合、対象ページを1つずつ編集することが負担になります。

CMSの一番の強みは一元管理ですが、それが利用できない状態にあるのならCMSを導入した意味がないでしょう。

また、運用を行っていくにつれ上述した不都合や手間、懸念が発生、拡大してしまう恐れがあります。

それではCMSに移行したとは言えるものではありません。

今回いただいたご相談のように扱い方によっては悩みの種にもなりうるWYSIWYGエディターですが、ここでいくつか有効に活用できる場面についてご紹介します。

まず、CMSを導入したうえでサイト自体は制作会社が管理し、クライアントはエディターの中だけを編集、といった運用をする場合などは有効です。

他にはランディングページのような単体で管理するページや、セミナー・講演など表示した日程やテキストだけを書き換えるページであれば活用できそうですし、HTMLで表組を作成する場合にも適していると考えられます。

例えば5×5の表組を作成する場合、管理画面からの更新では25個の項目を開いて編集することになるので手間がかかりますが、エディターでは簡単に各項目の値を編集することができます。

その他、太字や上付き・下付きなど、機能を制限して部分的に導入することもあります。

このようにWYSIWYGエディターが活躍できるシーンは確かに存在します。

しかし、条件付きで限定的であることを踏まえると、やはりページ全体には導入しづらく、完全にWYSIWYGエディター化した形では適切に移行したとは言えないでしょう。

適切ではないエディターの使用による悪影響は目先の運用だけではなく、将来的にも想像以上に大きく影響を及ぼしかねないことが考えられます。

情報の粒度を整理してCMSに入れ直す形での移行を行っていた場合、今後のデザインのリニューアルやバージョンアップの際もあらかじめCMSに保存してあるデータをそのまま使うことができますが、エディター内にページ全体のHTMLを記述してページを作成しているとそのままの移行はできません。

また、デザインだけを変更したいと思っても、CMSを活用できていればデータには手を加えずに見た目だけ変更することも可能です。

反対にHTMLをWYSIWYGエディター内に記述する形を取っていると、デザインに関する記述もエディタの中にあるので移行に手間がかかってしまい、かなり変更が限定されたものになってしまいます。

そして1ページずつ移行・編集せざるを得ず、編集により見た目が整ったとしても、HTMLの記述がほんの少し違うだけで機械的な移行も難しくなり、費用増大の原因となってしまいます。

そのためエディターを使用することによって、直近で発生する費用を安く抑えられるものの、今後のリニューアルの際にかえって負担になりかねませんし、本来CMSを使って簡潔に更新できるはずのものをできない作りにしてしまうのは勿体ないです。

繰り返しになりますが、「CMSに移行」とは「CMSの機能を生かして適切な管理をすること」であることを考えると、単純にHTMLを記述しただけでは移行したとは言えないでしょう。

今回のようなことが起こる原因に「CMSベンダー、制作ベンダー、クライアントの三者の認識が合致していなかったのでは」といったことがよく挙げられます。

CMSをクライアントの要望に合わせてカスタマイズしたり、移行するにあたって部分的にWYSIWYGエディターを組み込んだりする場合はよくありますし、それぞれ運用を踏まえてテンプレートを設計し双方で確認を取る工程が多かれ少なかれ発生するでしょう。

その際に気を付けていただきたいのが、「スケジュールにテンプレートの設計が含まれていない」「ほぼやらない」「開発から移行までの期間が不自然に短いものを提示されている」場合です。

このとき制作ベンダーとしてはWebサイト内の大部分をWYSIWYGエディターにHTMLを貼り付ける形での移行を計画しているかもしれません。

そんなときは、具体的な計画や詳細部分の進め方を伺ってみることができれば事前に気づくことができる可能性があります。

制作会社もプロとして説明責任がありますので、プロジェクトの間に疑問を感じた場合は迷わず確認することを忘れないでください。

皆さんが思ってる以上にCMSは設計・開発・移行に時間がかかるものが一般的には多いです。

そのためチェックポイントとして意識していただけると、納品後に認識の齟齬が発覚し、我慢して運用し続けながらも不満が募り、他のベンダーや制作会社に助けを求めざるを得ない、といった状況に陥る可能性を少しでも減らせるのではないでしょうか。

最後に、こういった不安について問い合わせる際に重要になる観点についてお話しします。

「このCMSを使って自分たちで自社のWebサイトを運用していく」ということを想像してみて、やってはいけないこと、よく使う・使いたい表現ができるのか否か、といったことを考えてみてください。

単に仕様の説明を受けてもイメージするのは難しいかもしれませんが、こうすることで運用を具体的にイメージしやすくなるかと思いますし、制作ベンダーもご質問に適切な回答がしやすいのではないでしょうか。

「リニューアルに向けて何を作るのか」だけではなく、「リニューアルした後にどう運用していくのか」といった未来を見据えて考えることが大切です。

反対に、そういった部分を制作会社が汲み取ることは難しいと言えるかもしれません。

WYSIWYGエディターが適している場面もありますが、「何を作ろうか」「どうやって作ろうか」といったプロジェクトの初期段階から運用方針を双方で共有できれば納得のいく形での移行を行うことができるでしょう。

Webサイト制作のお悩み

キノトロープのセミナー

\ がんばれ!Web担当者 /

Web担当者応援マガジン

属人化の嵐の中で、時間と各部署と
そして上司と戦うWeb担当者のために

大規模Webサイトの運用業務に
よくある課題を解決するための手法を
簡潔にまとめました!

大規模CMS成功の法則