Staffサイトの中でNEWSや製品紹介などのフォーマットが決まっているページをCMS(ブログ)化すると、運用が効率的になるだけでなく、フォーマットが揃うので閲覧側もどこに何があるかがわかりやすく、多くのコンテンツを取り扱う場合の導線整理としても優れています。そのためぜひサイト内のさまざまな場所でCMSの活用をオススメしたいのですが、日記のようなブログをサイトに組み込むことは想定できても、そのほかのどんなページをCMS化すればいいのか、あまりピンとこない...という方がほとんどでしょう。PressでCSM化して運用している、介護食品メーカーの「株式会社フードケア」のサイトを例に、サイトの一部をCMS化して更新性を高め、見やすいサイトを作るノウハウをWebデザイナーが解説します。▼介護食品メーカーの「株式会社フードケア」さん。豊富なコンテンツでも迷わずたどり着けるフードケアさんはコンテンツが非常に多いのですが、サイト全体の導線や見せ方が考えられているので、わかりやすく迷わない設計になっています。商品の特性やターゲットに合った、清潔感もあって好感の持てるデザインもいいですね。Pressを用いて作られたレシピページの統制されたレイアウトも、伝わりやすさを高めています。商品写真や図版も作り込まれていてとても見やすいサイトですCMS化で見やすく効率的な運用を実現したサイトの好例ページ数や商品点数の多いサイトで離脱が起きてしまうのは、どこを見れば商品を比較できるかやどこをクリックすれば見たいページに移動できるかがわかりにくい作りになっている場合です。CMS化の利点はフォーマットが決まっているので、作る側も必要な要素が把握しやすく更新時間を短縮でき、閲覧する側も内容を把握しやすいところ。把握しやすければページ数が多いサイトの閲覧も苦ではありません。Pressは、カテゴリやタグによる分類ができるので、食事系・デザート系、和風・洋風などのタグを入れておくと、今後レシピが増えても閲覧者が探しやすくなるのでおすすめです。各カテゴリやタグのまとめページが自動で作られるので、見やすいレシピページを手間なく充実させられます。Pressはカテゴリで分類やタグの挿入で記事の分類可能まとめページを別途作る必要もありませんトーンを合わせてプロの仕上がりへサイトの配色も見やすさに影響があります。フードケアさんは全体的にすっきりとしたレイアウトで、オレンジを基調とした中のアクセントのグリーンの使い方もバランスが良く、細部までサイト製作者のこだわりを感じられるサイトです。色味を揃えるとプロっぽく見える!欲を言えばデザインの基調にない色が入ってくるとバランスが崩れて見えるため、ページ内のテキストで使われている文字色のトーンを揃えるとさらに印象アップ。」などがおすすめです。通常、見出しの文字色はDressで指定しますが、こちらの例のように同じ小見出しで文字色を変えたい場合は、ブロックエディタで変更してOKです。CMS化で、更新者にも閲覧者にも優しいサイト作りいかがでしょうか?ただでさえページ数が多いと、知りたい情報にたどり着かないから諦めて離脱してしまう...といったことが起きてしまいがちです。作ったページが見てもらえないことにならないように、導線の整理とレイアウトの統制を意識すると、誰にとっても見やすいサイトを作ることができます。Press」を使ってぜひ、サイト内のテンプレート化できる箇所のCMS活用にチャレンジしてみてくださいね。BiNDupについてもう少し詳しく記事のポイント導線を整理とレイアウトの統制はサイトの見やすさを高めます。CMS化による管理のしやすさは、更新の簡単さと使いやすさを作ります。したレイアウトと配色も、見やすさや理解を高めます。PASSメンバー専用記事です。記事を全て読むには対象商品の購入が必要です。PASSメンバー専用記事です。記事を全て読むには対象商品の購入が必要です。CAMPで最も読まれた記事は?コンセプト。