これだけは聞いておきたい！　ウェブサイト導入・運営のための基礎とコツ [イメディオセミナー]

Webサイトは、情報発信ツールとして育てていくもの

Webサイト（＝ホームページ）を単なる広告として考えないでください。閲覧するお客さまが、御社に興味を持ったことを探求する情報発信ツールなのです。ツールとはつまり道具のこと。お客さまが使いやすいように進化する必要があります。そのためには、管理者が常にお客さまの気持ちになって新しい情報を更新し、使い勝手を改善し、育てていく必要があります。作って終わり、ではないのです。

外注のWeb制作会社まかせにせず、運営者主導で運営しているサイトは、生き生きとしています。

設計図を書く

設計図がきちんと描けていないと、うまく育てられません。「運営者が伝えたいことがあるか？」・「お客さまが必要とする情報があるか？」・「Webサイトらしい構成になっているか？」…、そして「使っていて楽しいと思ってもらえるか？」などを考慮します。

Webサイトの設計図は、「サイトマップ」と「画面レイアウト」の２種類があります。

• サイトマップ … サイト全体のページ一覧表。
  例えば、「iMedio サイトマップ」のようなもの。閲覧者が迷わないようにページをカテゴリに分類するのがポイントです。
• 画面レイアウト … 画面の骨組み（ワイヤーフレーム）をレイアウトします。表示する内容や機能を図にするために行います。手書きのレイアウトでも問題ないのですが、セミナー中には、Firefoxのアドオンソフト「 The Pencil Project 」をご紹介しました。
• 参考サイト … モノ×コトにこだわり嗜好品としてのツールを販売するというコンセプトの「アーバンリサーチ(URBAN RESEARCH)」さん。個性重視の若者がターゲットユーザーです。ネットで調べてから実店舗へ来る若者のために商品の詳細情報や生まれた背景ストーリーなどをサイトに掲載したり、新商品をネットで先行売りして商品の売れ行きを探る、モデルにユーザーを使用するなど、コンセプトに沿ったサイト運営をされていらっしゃいます。（ ネタ元は、ルソンの壺 です。）
• 商品が多岐にわたるため、商品をさまざまな角度から検索できるサイトに設計している「エーワン」さん。商品名・品番検索・活用例…など、いろんな所から商品情報へたどり着けます。既に商品知識のあるリピーターの方だけでなく、初めてのユーザーにも親切な設計です。

準備するもの

Webサイトをインターネット上で公開するには、ネット上のデータの保管先として「Webサーバー」とそこへアクセスするための名前「ドメイン」が必要になります。Webサーバーはレンタルサービスを提供しているレンタルサーバー業者を探し、ドメインは代行業者を探します。

• レンタルサーバー業者 … +αの機能や保存容量やスピードなどで、自分にあった業者を選択してください。「レンタルサーバー」で検索して探したり、お知り合いの口コミの情報チェックしましょう。例えば、 ファーストサーバー 、ヘテムル などさまざまな業者があります。最近トラブルになっているWeb改ざんの対策をサポートしてくれる業者がおすすめです。（WEB改ざん検知：ファーストサーバー ／ Gumbler対策：ヘテムル  ）
• ドメイン代行業者 … 他で使用されていないドメインを探して取得します。ドメインの取得代行は、レンタルサーバー業者が兼ねている場合が多いです。ドメイン代行のみを行ってくれる業者もあります。例えば、「お名前.com」などさまざまな業者があります。

制作ソフト

Webサイトを制作するソフトはさまざまありますが、セミナー中にご紹介したのは、以下のソフトでした。

• ページレイアウトソフト … 「Dreamweaver」 HTMLやCSS言語を使ってページを組み立てるソフト。（イメージ的にはMS Wordのようなワープロソフト的な役割と作成したデータをネット上で公開するためにWebサーバーにアップしたり、ファイルを管理するソフト）
• 画像加工ソフト … 「Photoshop」（高機能で高価格・商業印刷用の画像加工も出来る）・「Fireworks」（Webに特化した機能で低価格・直感的に作業できるので初心者～中級者向け）

個人的な意見ですが、企業のWeb担当の方がWebサイト制作にチャレンジする…という場合であれば、 Dreamweaver と Fireworks の組み合わせが使いやすいと思います。

デモムービーと担当講座のご紹介

制作ソフトについて学習していただける６・７月のセミナーをご紹介いたします。また、講座告知用に作成したデモムービーも合わせてご覧ください。

Dreamweaver

• ６月11日に Web制作のキホン　ビギナーのためのDreamweaver CS4入門  を実施予定です。
•  6月30日に ビギナーのためのDreamweaverで学ぶCSS～基礎編～  を実施予定です。

Fireworks

• 基本的な操作デモ … http://r360studio.com/imedio/fireworks-basic.html
  →６月24日に  Web素材制作の便利アプリ ビギナー向けFireworks CS4入門 を実施予定です。
• ちょっと進んだテクニックデモ … http://r360studio.com/imedio/fireworks-pro.html
  →7月16日に  Web制作の現場で使える！　Fireworks CS4活用テクニック を実施予定です。

 

データの管理

Webサイトでは、更新がつきものです。そのため、「リンクボタンがひとつ追加になる」「ロゴが変わる」など、作成した後から画面レイアウトに必ず変更がでできます。同じような変更を１ページ毎に作業するのはうんざりするような作業です。

管理するページ数が多くなればなるほど、各ページの共通部分を一元管理する「ひな型」機能が必要になります。Dreamweaverでは、他のソフトにはあまり見られない、テンプレート機能があって便利です。

また、よく更新する所にはブログのようにCMS機能を導入する場合もあります。CMSを導入するとWebサーバー上に管理画面ができて、 ブラウザがあればページを管理することができます。

たいへん便利ですが、 導入に専門知識が必要になりますので、自分自身での導入を行う場合、 かなりの学習を必要とします。 （もちろん、外注に出すことも可能ですが、導入コストは高くなります。） ちなみに、日本で一番ポピュラーに使用されているCMSソフトがMovabletypeです。

• DreamweaverテンプレートやMobableTypeを利用したサイト管理についてのデモムービー … http://www.r360studio.com/imedio/web-management.html
  → ６月10日に Web担当者のための　サイト更新／管理の効率アップ手法 ～導入編～ を実施致します。導入するサイトによって、テンプレートとMovableTypeのどちらがいいのか？など導入のよりくわしいことを解説します。