- PDF Free Download

Size: px

Start display at page:

Download ""

うたろうたもん
5 years ago
Views:

5 トップページ ( 目次 ) 第 2 章あきばれホームページの特徴第 2 章あきばれホームページの特徴それでは次にあきばれホームページを使いこなすために本システムの特徴について把握しておきましょうあきばれホームページでできることあきばれホームページのシステムでできることは以下の通りですホームページ内の文章や画像の更新作業ホームページ内に掲載される文章や画像を新しく追加したり変更することができますメインエリアだけでなくサイドエリアヘッダーエリアフッターエリアの内容も書き換えることができます ( 参考 : 第 4 章納品されたホームページを確認しよう > ホームページ全体の構成 ) ページやメニューの作成修正削除ページやナビゲーションメニューを自由に追加修正削除することができますデザインの変更ホームページ全体のデザインを変更することができますまたページ内のパーツ ( 部品 ) ごとに表示順を入れ替えたりデザインを変更することができます ( 参考 : 第 4 章納品されたホームページを確認しよう > ホームページ全体の構成 ) スマートフォン ( スマホ ) ページへの自動変換あきばれホームページではパソコン用とスマホ用のページを別々に作る必要はありませんパソコン用に作成したページはスマホでの閲覧に適したスマホ用ページに自動的に変換されスマホからアクセスするとスマホ用ページが表示されますフォームの作成や管理お問い合わせフォームや資料請求フォームなどのフォームを作成しページに掲載することができますフォームの項目を変更したりフォーム送信後の自動返信メールを設定することができますまたフォームに送られたデータはフォームデータとして自動的に保管するので管理画面にてまとめて確認することも可能です ( 参考 : 第 9 章フォームを確認しよう ) アクセス解析の参照ホームページをどれくらいの人が見ているかどんなページが多く見られているかなどをアクセス解析ページで確認することができます ( 参考 : 第 11 章公開後もこれだけはやっておこう > アクセス解析による成果測定 ) メールの利用独自ドメインをご契約の場合独自ドメインのメールアドレスを 1 つ利用することができます ( ご契約サービスによって異なります ) このメールサービスをクラウドメールといいます詳細はクラウドメールのヘルプページ ( をご参照ください

6 更新作業の特徴あきばれホームページはクラウド型 CMS と呼ばれるシステムを使って更新作業を行うため次のような特徴がありますブラウザを利用して更新する更新はインターネットブラウザで開いた管理画面で行いますシステムを使うためにソフトのインストールやファイルのアップロードをする必要がありませんインターネットにつながるパソコンがあればどこからでも更新ができます ( タブレットやスマートフォンでは更新ができません ) 管理画面を開く際はグーグルクロームというブラウザを利用します ( 参考 : 第 3 章事前準備 > グーグルクロームをインストールする ) 管理画面を開く際は ID/ パスワードが必要です仕上がりを確認しながら更新できる管理画面で仕上がりを確認しながら更新作業を行います管理画面を使ってサーバー内のファイルを直接書き換えます変更した内容はすぐには反映されません更新が完了したタイミングで [ 更新 ] ボタンを押し反映します保存ボタンなしで自動保存される更新作業は自動的に保存されます管理画面内には保存ボタンがありません作業内容は作業中以外の箇所をクリックすることで自動的に保存されます管理画面上にある [ 元に戻す ] ボタンで直前の操作を取り消すことが可能です ([ 元に戻す ] ボタンはブラウザの戻るボタン [ ] とは異なります ) まとめ文章の書き換えやページの追加削除が簡単にできるペン! 専門知識なしでも更新できるからたくさんページを増やせるペン! 更新作業には CMSならではの特徴があるペン! 前のページに戻る次のページへ進む目次に戻る

20 トップページ ( 目次 ) 第 6 章素材を準備しよう第 6 章素材を準備しようホームページ更新での作業を始める前に文章や画像などの素材を準備しておきましょう素材の準備は納品前に進めておくことも可能です文章の準備文章を準備する場合長さなどによって準備の方法が変わってきます長い文章長い文章はなどのテキストエディタに入力したものを後ほど更新画面にコピーする方法が便利です更新画面にそのまま入力することもできますが特に最初の段階では更新画面の操作に慣れていないことからメモ帳のほうが早く書ける更新画面で入力していると文章の内容よりレイアウトや体裁が気になってしまい時間がかかるといったことが考えられます Wordなどの書式を設定できるソフトではなく文章のみを入力できるテキストエディタを使うのがおすすめですテキストエディタで用意した文章を更新画面にコピーしたあと更新画面上で強調や文字色などの書式をつけていきます短い文章や表短い文章は更新画面で直接入力していったほうが作業が速く完了しますまた表は他のソフトで作成した表を入れることができないため更新画面で直接作成しますメモ帳で文章を用意する際のポイントメモ帳などのテキストエディタで長い文章を準備する場合以下のポイントに注意しましょう専用のフォルダを作成して保存する PC 内のいろいろなところに保存しているとファイルがどこへいったかわからなくなることがありますあらかじめホームページ用文章といったわかりやすい名前のフォルダをデスクトップなどに用意しておいてその中に作成したテキストファイルを保存していくとよいでしょう改行をつけすぎない行の途中で改行することは読みにくくなったり表示が崩れたりする原因となるので避けましょう文頭や文字間隔をスペースで調整しないスペースで調整した部分は閲覧する環境により見え方が異なるため自分のパソコンではきれいに調整できたように見えても他のパソコンでは表示が崩れてしまいます見出しを意識する長い文章の場合文章中のひとかたまりを見出しでくくると読みやすくなります管理画面には見出しを入れるための機能が用意されていますここに見出しを入れようと意識しながら文書を書いていくとよいでしょう

画像の準備文章と一緒に画像を掲載していくとホームページの内容についての理解が深まりやすくなりますまた目を留めてもらいやすくなる効果もありますので適度に画像を掲載しましょう必要な画像の洗い出しページ作成にあたってどのような画像が必要か洗い出しておきましょう文章を書きながらだいたい考えておくのが効率がよいでしょう必ずページの内容と関連する画像を掲載するようにしましょう

21 画像の準備文章と一緒に画像を掲載していくとホームページの内容についての理解が深まりやすくなりますまた目を留めてもらいやすくなる効果もありますので適度に画像を掲載しましょう必要な画像の洗い出しページ作成にあたってどのような画像が必要か洗い出しておきましょう文章を書きながらだいたい考えておくのが効率がよいでしょう必ずページの内容と関連する画像を掲載するようにしましょうまったく関係のない画像を掲載すると訪問者を混乱させることになりますオリジナル画像と素材画像代表者プロフィール用の顔写真などご自分で用意していただく画像をオリジナル画像と呼んでいますそのほかに更新画面内に元々用意されている素材画像を使うこともできますたくさんの画像が用意されていますのでこのあたりに爽やかさを感じられるようなイメージ画像を配置したいというようなときにはご利用くださいオリジナル画像を準備する際のポイントテキストファイルと同様にわかりやすい名前のフォルダ ( ホームページ画像など) をあらかじめ用意しそのなかに画像を保存しておきましょうファイル名は内容がわかりやすい名前を半角英数字でつけておきましょう写真は PNG または JPEG のファイル形式作図などであれば PNG または GIF のファイル形式のものを利用してください PDF は画像ファイルではないので画像のように貼り付けることはできません専用ソフトやツールにて PDF ファイルを画像に変換してから貼り付ける PDF ファイルをダウンロードするためのリンクを設定するなどで掲載します画像の縮小と縦横比あきばれホームページのシステムではサイズが大きすぎる画像は 1メガバイト程度まで自動的に容量を小さくしてサーバーに保存しますまたホームページ上での表示サイズはサンプル画像の横幅にあわせて自動調整されますそのためデジカメで撮影した大きなサイズの画像でもそのままご利用いただけます画像は入れたい部品のサンプル画像より大きめのサイズでご用意くださいまた画像を同じサイズで並べて表示したい場合並べる画像を縦横同じサイズでご用意いただくか縦横比をそろえておく必要があります準備すると効果的な写真以下のような写真を用意すると効果的です少しずつでよいので準備してアップしていきましょう代表者やスタッフの顔写真や集合写真お客様に説明している風景会社や事務所店舗の写真事例の写真 ( 施工事例症例写真など )

ページの内容例最初に用意しておきたいページについて納品時の状態と修正ポイントをご用意しました素材の準備にご活用くださいトップページサービス紹介右図は標準パックでの納品時の

メモ帳等に作成しておきましょうクしておき必要に応じて管理画面普段配布しているチラシやカタログにて加筆修正しましょうなどがあれば参考にしてみましょスピードパックは文章がうあいうえお

構いませんがお持ちのオリジナル画像をクリックして拡大表示画像画像をクリックしてあらかじめ入っている素材写真を拡大表示商品やサービスの内容を表すオリジナル画像に入れ替えましょう画像の方が良い場合は

必要に応じて管理画面にて加筆くするために有効です修正しましょうスタッフの一言を集めておきましょスピードパックは文章がうあいうえおとなっております人数の増減も可能です管理画面で修正しましょう

22 ページの内容例最初に用意しておきたいページについて納品時の状態と修正ポイントをご用意しました素材の準備にご活用くださいトップページサービス紹介右図は標準パックでの納品時のサービス紹介に最適なテンプレートトップページのサンプルですがあらかじめ入っています文章文章御社からヒアリングした内容を元に商品やサービスを紹介する文章を作成されています過不足をチェッメモ帳等に作成しておきましょうクしておき必要に応じて管理画面普段配布しているチラシやカタログにて加筆修正しましょうなどがあれば参考にしてみましょスピードパックは文章がうあいうえおとなっております同業他社がどのような紹介ページを文章をメモ帳で作成しておきましょ作っているかチェックしてみるのもうよいでしょう画像納品時にあらかじめ入っている素材写真をそのままご利用いただいても構いませんがお持ちのオリジナル画像をクリックして拡大表示画像画像をクリックしてあらかじめ入っている素材写真を拡大表示商品やサービスの内容を表すオリジナル画像に入れ替えましょう画像の方が良い場合は入れ替えましょう会社案内スタッフ紹介文章文章事前にご連絡いただいた内容が入っスタッフ紹介や代表あいさています過不足をチェックしておつのページはお客さまの印象を良き必要に応じて管理画面にて加筆くするために有効です修正しましょうスタッフの一言を集めておきましょスピードパックは文章がうあいうえおとなっております人数の増減も可能です管理画面で修正しましょう画像地図スピードパックでは地図が入っていません地図を入れましょう画像会社や店舗の外観写真を用意するとよいでしょうスタッフや代表者さまの笑顔の写真画像をクリックして拡大表示を用意するとよいでしょう顔写真の掲載が難しい方は似顔絵の利用もお勧めです画像をクリックして拡大表示

拡大表示い画像を用意しましょう素材写真から選んでもよいでしょうページの内容や文章を作成する際のポイントはオンラインマニュアル反応のとれるホームページの作り方内の下記ページも参考になさってくださいコンテンツの考え方 http://knowhow.support hp.

23 よくあるご質問お問い合わせフォーム文章文章よくあるご質問用のテンプレースピードパックは文章があトを元にあらかじめＱ質いうえおとなっております管理問とＡ答えの欄が用意さ画面で修正しましょうれています画像サービスや商品に合わせて内容をお問い合わせしにくさを取り払うよ書き換えましょううなイメージの画像を用意します最初は２３件入れておいて公開スタッフの笑顔の写真なども良いで後に増やしていくことも可能ですしょう画像画像をクリックして質問や回答の内容をイメージしやす拡大表示画像をクリックして拡大表示い画像を用意しましょう素材写真から選んでもよいでしょうページの内容や文章を作成する際のポイントはオンラインマニュアル反応のとれるホームページの作り方内の下記ページも参考になさってくださいコンテンツの考え方 hp.jp/contents ホームページのコンテンツ戦略 hp.jp/kihon/contents まとめ素材の準備は納品前でもできるペン長い文章はメモ帳を活用するペンページの内容と関連する画像を用意しておくペン前のページに戻る次のページへ進む目次に戻る

トップページ ( 目次 ) 第 8 章基本的な操作を覚えよう第 8 章基本的な操作を覚えようホームページ更新画面ではいろいろなことができますがまずは最初の公開までに覚えておきたい基本の操作についてご紹介します文章を装飾する入力した文章を装飾してみましょう文章の装飾とは

31 トップページ ( 目次 ) 第 8 章基本的な操作を覚えよう第 8 章基本的な操作を覚えようホームページ更新画面ではいろいろなことができますがまずは最初の公開までに覚えておきたい基本の操作についてご紹介します文章を装飾する入力した文章を装飾してみましょう文章の装飾とは文字に色をつけたり強調したりすることをいいます操作手順 1) 装飾したい文字列を選択します入力しているエリアの上部に書式ボタンが表示されます 2) 書式ボタンが表示されます太字にするには太字ボタンを押して部品以外の場所をクリックします 3) 部品以外の場所をクリックします書式ボタンが消えて変更内容が保存されます

リッチテキストエディタのボタン一覧各ボタンの機能については下表をご参照くださいご注意ください編集するテキストエリアにより利用できるボタンに制限があります ( 例 : 見出しは中揃えや右寄せインデントが利用できません ) 番号ボタン名 (1) 元に戻す / 繰り返し文字列の編集で直前に行った操作を戻したり戻した操作を繰り返したりします (2)

文字サイズを調整します標準の文字サイズは15です (8) 書式の削除で15サイズに戻すことができます (7) 太字 / 斜体 / 下線選択した文字列に太字や下線を設定します ( 斜体は設定できません ) (8) 書式の削除選択した文字列に設定している書式を削除します (9) 文字色選択した文字列の文字色を変更しますクリックするとパレットが表示されるので設定したい色をクリックします

32 リッチテキストエディタのボタン一覧各ボタンの機能については下表をご参照くださいご注意ください編集するテキストエリアにより利用できるボタンに制限があります ( 例 : 見出しは中揃えや右寄せインデントが利用できません ) 番号ボタン名 (1) 元に戻す / 繰り返し文字列の編集で直前に行った操作を戻したり戻した操作を繰り返したりします (2) すべて選択テキストエリア内の文字列を全て選択します (3) リンク設定 / リンク削除文字列やアイコンバナーなどにリンクを設定 / 削除する場合に利用します (4) アンカー設定ページ内の特定の場所にジャンプするためのアンカーを設定します (5) 表組み設定表を行数列数横幅などを指定し挿入します独自の表を作成したい場合に利用します (6) 文字サイズ調整文字サイズを調整します標準の文字サイズは15です (8) 書式の削除で15サイズに戻すことができます (7) 太字 / 斜体 / 下線選択した文字列に太字や下線を設定します ( 斜体は設定できません ) (8) 書式の削除選択した文字列に設定している書式を削除します (9) 文字色選択した文字列の文字色を変更しますクリックするとパレットが表示されるので設定したい色をクリックします (10) 文字の背景色選択した文字列へ背景色 ( 蛍光ペン ) を引きます (11) 番号付き箇条書き / 箇条書き選択した段落に番号付き箇条書きや箇条書き記号を付けます (12) インデント解除 / インデント選択した段落にインデントを設定 / 解除します (13) ブロック引用文他社サイトや書籍などから引用する場合に利用します (14) 左揃え / 中揃え / 右揃え選択した段落 ( 文字列 ) を左揃え中揃え右揃えにします

部品を追加する新しい部品を追加してみましょう本システムでは文章や写真を入れる枠組みのことを部品と呼んでいます

1ページはさまざまな部品の組み合わせでできています要素とは要素は複数組み合わさり１つの部品を形成します要素は追加

マウスカーソルを置く位置によって部品と要素のどちらを編集するかが決まります右パネルを部品設定と要素設定

文章や画像などの編集したい要素の上でカーソル横に要でマウスを左クリックします素と表示される場所で

33 部品を追加する新しい部品を追加してみましょう本システムでは文章や写真を入れる枠組みのことを部品と呼んでいます部品は文章画像誘導リンクなど複数の要素で構成されています部品とは部品にはいろいろな種類があります 1ページはさまざまな部品の組み合わせでできています要素とは要素は複数組み合わさり１つの部品を形成します要素は追加削除することができます要素の位置やデザインを変更することができます POINT 部品と要素を使い分けようマウスカーソルを置く位置によって部品と要素のどちらを編集するかが決まります右パネルを部品設定と要素設定に切り替えることでさまざまな操作が行えます部品の編集要素の編集青い外枠あたりでカーソル横に部品と表示される場所文章や画像などの編集したい要素の上でカーソル横に要でマウスを左クリックします素と表示される場所でマウスを左クリックします右パネルが開いて部品の移動複製削除などが行えます文章要素の場合上に書式ボタンが表示され文章を編集できるモードに切りかわります

34 やってみよう! 一番シンプルな文章を入れるための部品を追加してみましょう操作手順 ( 部品の追加 ) メインエリアに文章用の部品を追加します 1) 上パネル [+ 部品を追加 ] ボタンをクリックします ( クリックして画像を拡大 ) 2) 部品を入れたい位置にある [ ここに追加 ] バーをクリックします部品追加ウィンドウが開きます ( クリックして画像を拡大 ) 3) 左のメニューから文章用の部品を選択してクリックしますプレビューが右に表示されます ( クリックして画像を拡大 ) 4) プレビュー画面下の緑色のボタンをクリックして追加する部品を決定します指定した場所に部品が入ります続けて文章等を編集します 5) 編集中の部品以外の箇所をクリックして保存します ( クリックして画像を拡大 )

リンクを設定する次に別のページやサイトにジャンプするためのリンクを設定してみましょうリンクの種類についてリンクの設定方法は以下の 2

文字にリンクを設定する誘導リンクやバナーなど部品内文章中の文字にリンク ( テキストに用意されているリンク要素リンク ) を設定します

リンクを設定することができま入することができますす設定には右パネルを利用します誘導リンクやバナーはリンク要素で

すでに追加されている部品の誘導リンク要素またはバナー要素にリンクを設定します手順は以下の通りです部品によっては誘導リンク要素や

35 リンクを設定する次に別のページやサイトにジャンプするためのリンクを設定してみましょうリンクの種類についてリンクの設定方法は以下の 2 種類あります 1. リンク要素にリンクを設定する 2. 文字にリンクを設定する誘導リンクやバナーなど部品内文章中の文字にリンク ( テキストに用意されているリンク要素リンク ) を設定しますを使ってリンクを設定します文字にリンクを設定する場合はリンク要素を使うと見栄えのいい文中など好きな位置にリンクを挿リンクを設定することができま入することができますす設定には右パネルを利用します誘導リンクやバナーはリンク要素で設定にはリッチテキストボタン内のリンクボタンを利用します文章中にリンクを入れるテキストリンク操作手順 ( リンク要素にリンクを設定する ) すでに追加されている部品の誘導リンク要素またはバナー要素にリンクを設定します手順は以下の通りです部品によっては誘導リンク要素やバナー要素がない場合がありますその場合は右パネルで新しく要素を追加してください 1) リンク要素の上にカーソルを置き要素と表示されるところでクリックします右パネルが開きます ( クリックして画像を拡大 ) 2) 右パネルの [ リンク設定 ] 欄でリンク先を指定します ( クリックして画像を拡大 )

外部リンクを選択した場合は右図のように設定します例外部のサイトにリンクする場合 URL http://www.yahoo.co.

左パネルの[更新] ボタンをクリックします編集エリアではリンクは動作しませんので公開中のページを見るをクリックし

リッチテキストボタンを利用します手順は以下の通りです１リンクを設定したい文字列部分をクリックします

36 外部リンクを選択した場合は右図のように設定します例外部のサイトにリンクする場合 URL 新しいウィンドウで開くチェックありクリックして画像を拡大４編集中の部品以外の箇所をクリックして保存してから左パネルの[更新] ボタンをクリックします編集エリアではリンクは動作しませんので公開中のページを見るをクリックしリンクが設定されたことを確認しますクリックして画像を拡大操作手順文字にリンクを設定する文字にリンクを設定するにはリッチテキストボタンを利用します手順は以下の通りです１リンクを設定したい文字列部分をクリックします部品が選択され編集可能になりますクリックして画像を拡大２リンクを設定したい文字列をドラッグ選択しリンク挿入ボタンをクリックしますリンクの設定画面が表示されますクリックして画像を拡大

37 3) リンクの種類リンク先情報を設定し [OK] をクリックしますホームページ内の別ページを開くリンクにしたい場合以下のように設定しますリンクの種類ページから選択リンク先情報 [ ] ボタンをクリックしページを選択 ( クリックして画像を拡大 ) 4) 編集中の部品以外の箇所をクリックして保存してから左パネルの [ 更新 ] ボタンをクリックします編集エリアではリンクは動作しませんので公開中のページを見るをクリックしリンクが設定されたことを確認します ( クリックして画像を拡大 )

画像を入れる御社で用意されたオリジナル画像をホームページ内に追加してみましょうここではもともと入っていた画像を

１ホームページ更新の画面上で入れ替えたい画像をクリックします右パネルが開きますクリックして画像を拡大２右パネルで画像変更

画像を選ぶウィンドウが開きますクリックして画像を拡大４パソコン内に保存してある画像を選択して [開く]をクリックします

38 画像を入れる御社で用意されたオリジナル画像をホームページ内に追加してみましょうここではもともと入っていた画像をオリジナルの別の画像に入れ替える方法をご紹介しますあらかじめオリジナル画像が入っているフォルダがどこにあるか確認しておきましょう操作手順１ホームページ更新の画面上で入れ替えたい画像をクリックします右パネルが開きますクリックして画像を拡大２右パネルで画像変更ボタンをクリックして画像を追加を選びます画像設定ウィンドウが開きますクリックして画像を拡大３ [選択して追加]ボタンをクリックします画像を選ぶウィンドウが開きますクリックして画像を拡大４パソコン内に保存してある画像を選択して [開く]をクリックします画像がアップロードされます画像設定ウィンドウの点線枠内に画像をドラッグアンドドロップして画像を追加することができますまた複数画像を選択して一度にアップロードすることも可能ですクリックして画像を拡大

39 5) アップロードした画像を選択して緑色のボタンをクリックして画像を追加します更新画面に選択した画像が表示されます ( クリックして画像を拡大 ) 6) 編集中の部品以外の箇所をクリックして保存してから左パネルの [ 更新 ] ボタンをクリックします公開中のページを見るをクリックし画像が設定されたことを確認します ( クリックして画像を拡大 ) まとめ基本的な操作を練習するペン! 慣れるまでちょっと大変だけどがんばるペン! 前のページに戻る次のページへ進む目次に戻る

トップページ ( 目次 ) 第 9 章フォームを確認しよう第 9 章フォームを確認しようお問い合わせや資料請求を受け付けるための重要なツールフォームの仕組みや確認しておきたいポイントをまとめましたフォームの仕組みフォームとはホームページの訪問者がホームページ上で入力した情報をホームページの運営者に送信する仕組みのことですお問合せ用紙予約申込み表資料請求

フォーム送信後には送信完了画面が表示されます ( 図内 4) フォーム送信の動きフォームのテストについてフォーム送信の動きを理解するには実際に設置されたフォームからテスト送信を行ってみるのが一番ですテスト送信をしてみて受付メールが送られてくることや送信完了画面が表示されることを確認しましょうその後通知メールで自分の入力した内容が送られてきていることを確認しましょう

40 トップページ ( 目次 ) 第 9 章フォームを確認しよう第 9 章フォームを確認しようお問い合わせや資料請求を受け付けるための重要なツールフォームの仕組みや確認しておきたいポイントをまとめましたフォームの仕組みフォームとはホームページの訪問者がホームページ上で入力した情報をホームページの運営者に送信する仕組みのことですお問合せ用紙予約申込み表資料請求などのインターネット版といえるでしょうお問い合わせフォームの例フォーム送信時の動きフォームへ入力された情報はメールでホームページの運営者に送られます ( 図内 1) このメールを通知メールといいますさらにフォームへ入力された情報はサーバーに蓄積されます ( 図内 2) またフォームの入力者には入力したメールアドレスに対して受付メールが送られます ( 図内 3) またフォーム送信後には送信完了画面が表示されます ( 図内 4) フォーム送信の動きフォームのテストについてフォーム送信の動きを理解するには実際に設置されたフォームからテスト送信を行ってみるのが一番ですテスト送信をしてみて受付メールが送られてくることや送信完了画面が表示されることを確認しましょうその後通知メールで自分の入力した内容が送られてきていることを確認しましょうフォームのテストで入力するメールアドレスは通知メールの宛先や受付メールの返信先と違うアドレスを利用するとよいでしょう同じアドレスだとなりすましとして判定され上手くいかない場合があります通知メール設定の確認通知メールはフォームから送信された内容をホームページ管理者にお知らせするメールです送信先のメールアドレスはお好きなものを設定することが可能です設定はフォーム部品の右パネルで行います設定について詳しくはオンライン操作マニュアルフォームの設定をご参照ください

41 受付メール設定の確認受付メールはフォームを送信したお客さまに送られるお礼のメールです受付メールにはお好きな文章を設定することができます設定はフォーム部品の右パネルで行います設定について詳しくはオンライン操作マニュアルフォームの設定をご参照くださいサーバーに蓄積されたデータの確認フォームから送信されたデータはフォームデータ管理画面で内容を確認することができますフォームデータ管理画面の確認方法についてはオンラインフォームマニュアル送信データの確認 ( hp.jp/manage/confir) をご参照ください <サーバー内のフォームデータは定期的にチェックしましょう> フォームから入力された内容は通常は通知メールで運営者に通知されるためサーバー内のデータを二重にチェックする必要はありませんただし通知メールが迷惑メールフォルダに入るなど何らかの都合で届かないケースもあるため定期的にサーバー内のデータをチェックすることをおすすめしています送信完了画面の設定送信完了画面はフォームの送信が完了したことをお知らせするページです設定するには送信完了ページを作る必要があります ( 納品時に設置されているフォームについては送信完了ページは作成設定済みとなっています ) 送信完了画面の設定について詳しくはオンライン操作マニュアルフォームの設定をご参照ください < 送信完了画面の内容 > 送信完了ページの中には下記のような内容を入れておくとよいでしょうフォーム送信のお礼と送信後の対応に関する詳細連絡先 ( 会社名担当者名連絡先営業時間など ) その他オプションサービスの紹介などまとめフォームはアンケートや申し込み用紙などのインターネット版だペン! 実際にテストしてみてどんな動きをするのか把握しておくペン! 前のページに戻る次のページへ進む目次に戻る

44 トップページ ( 目次 ) 第 11 章公開後もこれだけはやっておこう第 11 章公開後もこれだけはやっておこう! ここからはホームページ公開後に必要な作業をご紹介していきますホームページの周知公開したホームページをいろいろな方法で周知しましょうホームページの訪問者は検索エンジン経由でのみ訪れるわけではありません検索エンジン対策以外での周知も合わせて行い訪問者を増やしていきましょう < 周知手段の一例 > 名刺へのURL 記載メール署名へのURL 記載チラシなど紙媒体へのURL 記載既存のお客さまへの通知 FacebookやTwitterなどSNSでの告知店舗壁面などへの張り紙追加コンテンツの検討ここまではなるべく早く閲覧制限を解除してホームページを公開することを目標としてきました次のフェーズでは納品時にはあったものの完成していないページ ( メニューから非表示になっているもの ) の早期完成を目指しましょうさらにその次のフェーズでホームページを充実させていくための新規追加ページについて検討作成していきましょうホームページの成功は良質なコンテンツ ( ページ内容 ) をどれだけ多く提供できるかにかかっていますコンテンツ作成のヒントは会員限定のホームページ作成ノウハウ集 ( hp.jp/contents) で詳しくご紹介していますので参考になさってください SEO について知る SEO( 検索エンジン最適化 ) はホームページを成功に導くための最重要項目ですなるべく早い段階でページの作成と平行して取り組んでいきましょう取り組みがはやければ早いほど効果が出やすくなります会員限定のホームページ作成ノウハウ集 ( hp.jp/seo) で SEOに関する考え方や設定についてご案内しています今後の取り組みの前提知識となりますので必ずご一読ください

アクセス解析による成果測定ホームページにどれぐらいの人が訪れているかどんなページが見られているか訪問した人が何ページぐらい見てから帰っているかなどアクセスした人の情報をアクセス解析で確認することができますアクセス解析は管理画面最上部のメニューから開くことができますアクセス解析の見方についてはオンラインマニュアルアクセス解析 (http://accessanalysis.

45 アクセス解析による成果測定ホームページにどれぐらいの人が訪れているかどんなページが見られているか訪問した人が何ページぐらい見てから帰っているかなどアクセスした人の情報をアクセス解析で確認することができますアクセス解析は管理画面最上部のメニューから開くことができますアクセス解析の見方についてはオンラインマニュアルアクセス解析 ( hp.jp/) をご参照ください管理画面上部のボタンをクリックします ( クリックして画像を拡大 ) 最初から細かく分析する必要はありませんまずは訪問してくれた人になるべくたくさんのページを見てもらう必ず見てほしいページを設定してそれを見てもらうということを目標として訪問した人がどのようなページを見ているかを確認することからはじめましょうまた検索エンジンからアクセスがくるようになるまでにはしばらく時間がかかりますはじめのうちは検索エンジンからの訪問数はあまり気にせずコンテンツを増やすことに注力してみてくださいホームページの運営や顧客対応ホームページを作成するにあたって必要な作業はページづくりや更新作業だけではありませんホームページから来る問い合わせや資料請求などを受け付けたり担当の部署につないだりする運営面についても考慮しておきましょうお問い合わせいただいたお客さまの情報を管理し必要に応じて追加のご案内を送るなど 1 度きりではなく段階をおいて対応をすることでホームページからのお客様を成果に結びつけやすくなりますホームページから集めたお客様をその後どのように成約まで持っていくかということを考えながらホームページの運営を行っていただければ御社のホームページはおのずとお客様を増やせるホームページとなるでしょうまとめページの作成や更新以外にもいろいろな作業があるペン! ほったらかしにせず継続的に取り組むことがホームページでお客さまを増やすポイントだペン!

46 お疲れ様でした! ここまでの作業を進められたことで管理画面やブラウザの操作にもだいぶ慣れてきたことと思います作成したホームページをたくさんの人に見てもらいさらに充実させていくためにこの後もいろいろな作業が必要となります成果が出る日を楽しみに引き続き積極的に取り組んでいただければ幸いです操作方法等ご不明な点がありましたらサポートセンターへお問い合わせくださいお問合せはこちらホームページをお申込み後のお問い合わせはすべてサポートセンターへご連絡くださいお申し込みの窓口とは異なりますのでご注意ください操作方法がわからない次に何をすれば良いかわからないホームページの中をこうしたいメールの利用方法がわからないドメインがわからない住所電話番号担当者等を変更したいお支払いについて確認したいコンサルタントに相談したいなどどんなことでもサポートセンターまでお気軽にご連絡くださいね! お電話でのお問合せはこちら受付時間 :9:30~11:30 13:30~17:00( 土日祝を除く ) FAX : メール :help@akibare hp.jp お問い合わせフォームお困りのときはお気軽にお問合せください! 更新方法がまだよくわからないという方はファーストサポートサービスもご利用くださいファーストサポートとは? 前のページに戻る目次へ戻る

ホームページ成功事例説明会

ホームページ成功事例説明会かんたんビジネスブログ体験版操作ガイド株式会社 LIXIL 住生活ソリューション 2011.07 改訂目次 1. ブログ画面の基本構成 2. 更新画面の基本構成 3. ページと記事 4. 新しい記事の作成文章の入力画像の貼り付け 5. 記事の編集削除 6. 文字の装飾 7. リンク設定 8. ページの作成 9. メニューの作成 < 参考 > 部品とレイアウト 3 4 5 6 9 12 13