スタートアップマニュアル 本スタートアップマニュアルは おりこうブログ AI を スムーズにご利用いただけるように基本操作を中心に説明しています 1. ご利用の前に - ログイン方法 ダッシュボード画面の説明 2. サイト作成の流れ - 操作をおこなう上で必要な各要素の説明 - ページ ( メニュー

スタートアップマニュアル 本スタートアップマニュアルは おりこうブログ AI を スムーズにご利用いただけるように基本操作を中心に説明しています 1. ご利用の前に - ログイン方法 ダッシュボード画面の説明 2. サイト作成の流れ - 操作をおこなう上で必要な各要素の説明 - ページ ( メニュー ) - ブロック - データ - ページ構成 操作パネルの説明 - その他機能 3. サイト全体の調整 - パーツ配置とパーツの種類の説明 - デザインテンプレート切替 デザイン編集 - 問い合わせフォーム設定 受信トレイ 4. 搭載ツールについて - チャットボット - アクセス解析 - SEOツール - カタログ作成 * ローディング ( システムによる読み込み処理中 ) が終了するまでは 操作をお待ちください * ブラウザの 戻る ボタンでの操作はお控えください

1. ご利用の前に 01 - ログイン方法 ダッシュボード画面の説明 ログインについて ログイン画面 設定情報 お手元にある お客様専用設定情報のお知らせ に記載のログインID およびパスワードを入力 してログインしてください 無操作状態で60分経過すると自動的に ログアウトします ログイン時に左の画 面が 表 示された場 合は 更新開始 ボタンをクリックしアップデートを おこなってください ダッシュボードについて ログインをするとダッシュボードが最初に表示されます ダッシュボードではアクセス状況やお知らせ 運用サポートサービスパックの期限などが表示されています ダッシュボード アクセス解析概要 月次レポート アクセ ス 解 析 情 報 の 概要が表示されます 月次レポート では 月 別 の サ イト 状 況 を レポートで表示します サイト公開後に表示 されます お知らせ メモ 伝言板 メニューバー おりこうブログAIの各種機能のリンクです ディーエスブランドからのお知らせやメンテナンス 情報を表示します メモ 伝言板 はサイト管理 者同士の連絡ツールとして活用できます 左上のロゴをクリックすることで開閉できます サイト作成へ遷移した際は自動的に閉じます 上部のIDをクリックするとパスワード等を変更できます 管理画面共通ボタン ログアウトボタン おりこうブログAIの利用を終了する 場合は こちらのボタンをクリックして ログアウトしてください 2

2. サイト作成の流れ 01 - 操作をおこなう上で必要な各要素の説明 サイト構造と各要素について おりこうブログAIのサイト構造は サイト全体に表示するパーツ[黄]とページ[青] ブロック[緑] データ[赤]と いう形になっており 画面上で色分けされています ページ パーツ ブロック データ 編集画面 パーツ[黄] ヘッダーやフッター サイドメニューなどページに 共通して表示される部分をパーツと呼びます ページ[青] メニューで分けられたページを指します ブロック[緑] イメージや地図など掲載したいコンテンツごとの ブロックがあります データ[赤] サイト構造イメージ 各パーツやブロックのデータを指します 公開画面の確認方法 管理画面の右上にある プレビュー をクリックすると 実際のサイトの見え方 公開画面 を確認できます モバイル を選択するとスマートフォンからの 見た目を擬似的に表示できます スマートフォン実 機での見た目とは 異 なる場 合 が あります 編集画面右上 3

2. サイト作成の流れ - ページ ( メニュー ) ページの追加について ページ追加をおこなう際は 左側の ツールバー から ページ をクリックし 各メニューにある + 追加 から追加したいページを選択します 通常ページ トップページ シングルページ の 3タイプに分かれているため 用途に合わせたページが作成できます 空白のページから作成できるほか モデルページを追加することも可能です ページ構成画面 ページ新規追加画面 モデルページについて 通常ページでは 業種ごとのモデルページをダウン ロードできます モデルページダウンロード画面 4

2. サイト作成の流れ - ブロック ブロックについて 各ページには コンテンツの種類ごとに準備されたブロックタイプを設置できます ブロックタイプを組み合わせることによって ページ内でさまざまな情報を効果的に表示できます ブロックの追加方法 追加したいブロックを ページエリア内にドラッグ & ドロップします ブロックの追加をおこなう際は 左側の ツールバー から ブロック をクリックし 追加したいブロック をページエリア内の追加したい箇所 にドラッグ & ドロップします ブロックの設定をおこない 保存 することでブロックが追加できます 既に追加してあるブロックにカーソルを当てて表示される 操作パネル 上からも追加することができます ブロックの種類について < テキスト イメージ系 > 文章 (+ イメージ ) イメージ 地図 スライドショー ビフォーアフター テロップ 表組 リスト クリッカブルマップ * Instagram < リンク系 > テキストバナー プリセットバナー 画像バナー リンク集 < データストック系 > ブログ トピックス 紹介 商品紹介 Q&A カレンダー ファイルダウンロード 求人情報 < オプション ( 不動産 )> 賃貸物件 * 売買物件 * 条件検索 * < その他 > お問い合わせ 準備中 サイトマップ デジタルカタログ HTML タグ 自動車紹介 * 条件検索 ( 自動車紹介 )* Yahoo! SHOP * 自由配置 目次 関連情報表示 汎用検索 * * はオプション契約時のみ 2020 年 8 月現在 5

2. サイト作成の流れ 04 - データ データの追加方法 編集画面 編集画面上でデータを追 加したい箇所にカーソルを 合わせると 赤い 追加 というアイコンが表示されます こちらをクリックすることでデータを追加できます 左側の ツールバー から データ をクリックし データ追加 をページエリア内の追加したい箇所にドラッグ ドロップすることで も追加できます データの編集について データの編集をおこなう際 編集パネルが表示さ れます 編集パネルは自由な位置へ移動 サイズ の変更ができます 文章の編集は 画面上から直接編集することもで きます 編集パネル 編集パネルサイズ変更 編集パネルの表示サイズを 大 中 小 から 選択でき 編集しやすい大きさや位置へ変更でき ます 端末切替 文字書き起こし機能 スマートフォンサイト用として独自のデータを編集 する場合は 右上の端末ボタンを スマホ に切り 替え スマートフォンサイト用の内容を入れること ができます 画像やPDFを選択するとその中に入っている文字 をAIで認識して テキストデータとして利用できる ようになります 文章エディタ 文章エディタについて おりこうブログAIは効率的に文章が入力できるよう W YSIW YGエディタ リッチテキストエディタ を 搭 載しています Webフォントも搭載しているた め 多彩な表現ができます 6 文字の装飾 段落設定 その他 書体 Webフォント 文字サイズ 文字色 左揃え 中央揃え 右揃え 両端揃え 段落番号 リンク 表の挿入 絵文字 太字 斜体 下線 取り消し線 下付き文字 箇条書き 段落の書式 段落スタイル 行間 アイコン 水平線の挿入 上付き文字 背景色 字間 インデントを増やす インデントを減らす 引用 全てを選択 HTMLタグ表示

2. サイト作成の流れ 05 - ページ構成 操作パネルの説明 ページの並び替え ページ構成ウィンドウ ページ 画面で移動したいページをドラッグすることで ページの順番および設置するメニューの場所を変更できます また ほかのページの上にページをドラッグすることで サブ ページとして配置も可能です サブページは合計3階層まで設置可能です ページの複製などの操作 ページ名の左にある鉛筆のアイコンをクリックすると操作メニューが表示 されます そこからページの複製などの操作ができます ブロック データの操作パネルについて 編集画面内で編集したいブロック データ の上にカーソル を合わせると 編集 アイコンが表示されます そこから 編集 設定変更 ができます 編集のほか 以下の項目があります 公開 下書き 非表示 切替 ブロック データの追加 ブロック データの複製 ブロック データの削除 URL ブロックに直接リンクするためのURL 操作パネル 選択アイコン下の十字アイコンをドラッグすることで移動 もできます 下書きの原則 データ ブロック内のデータの一括削除が可能 ブロックのみ 一時保管 一時保管 へ移動できます データはブロックに ブロックはページにそれぞれ紐付けられています 例えば ページ を 下書き にすると そのページに所属しているブロック データが公開の状態でも 自動的に公開画面に表示されなくなります ページ 下書き中 ページを下書き ブロック ページ ブロック 下書き中 ページ ブロック データ ブロック2 データ3 データ2 データ4 ブロック2 データ3 4 データ データ2 ブロック2 ブロックを下書き ページ ページ ブロック データ ブロック2 データ3 データ2 データ4 ブロック2 データ3 4 データ データ2 データを下書き ブロック ページ ブロック データ データ3 データ2 データ4 ブロック2 データ3 4 データ 下書き中 データ2 7

2. サイト作成の流れ - その他機能 一時保管機能 ごみ箱機能 ページ間でブロックやデータを移動できる機能です 移動したいブロック データがあるページ上で 一時保管 をクリックして 該当のブロック データを移動します その後 移動先のページを表示させて一時保管の場所から該当のブロック データを移動させることでページ間の移動ができます 誤って削除してしまったパーツ ページ ブロック データ デザインテンプレートを復元できる機能です ごみ箱 ( 復元リスト ) の保管期間は3か月です 上書き保存したものは復元できません ブロック データを 一時保管 ウィンドウ上にドラッグ & ドロップします ごみ箱 ( 復元リスト ) 画面 一時保管画面 ページ共通エリア表示設定 スマートフォン画面での編集機能 ( 端末切替 ) ブロックの操作パネルで 共通のブロック設定 をおこなったブロックを どのページに表示するか設定できます サイト編集を実際のスマートフォン表示に近い形でおこなうことができる機能です 共有エリア表示設定画面 共通エリアとは 複数ページ内に共通のブロック情報を表示する機能です 共通エリア内コンテンツ ( ブロック データ ) を編集すると 表示中の全てのページに変更内容が反映されます 端末切替画面 8

3. サイト全体の調整 - パーツ配置とパーツの種類の説明 パーツ配置について 左側 サイト作成メニュー にある パーツ配置 より パーツのサイト内への設置 解除ができます パーツが設置できるエリアは トップエリア サイドエリア サイド ボトムエリア ボトムエリア と分かれており それぞれ設置できるパーツが決まっています パーツ配置画面 パーツによっては特定のページでのみ表示されるものがあります シングルページタイプでは 一部のパーツは使用できません パーツの種類について <トップエリア> ヘッダー キャッチビジュアル ヒーローヘッダー <サイドエリア> サイドメニュー ローカルメニューパーツ 限定公開 * お問い合わせ ブログアーカイブ Yahoo! ショッピング * <サイド ボトムエリア> 地図 カウンター リンク ( 1~ 3 ) 営業日カレンダー <ボトムエリア> フッター フッターメニュー 固定メニュー < 全エリア> フリー ( 1~ 3 ) HTMLタグ * はオプション契約時のみ 2020 年 8 月現在 9

3. サイト全体の調整 - デザインテンプレート切替 デザイン編集 デザインテンプレート切替 サイト全体のデザインテンプレートを変更できます デザインテンプレートは パソコンサイト用とスマートフォンサイト用があります 端末切替することで それぞれ のデザインテンプレートをダウンロードできます テンプレートダウンロード画面 デザイン編集 ダウンロードしたデザインテンプレートは デザイン編集 画面からフォントや動作設定の変更ができます 現在利用中のテンプレートはデザイン編集できません 複製して編集をおこなってください デザインテンプレート編集項目 ( 一例 ) サイドエリアの位置変更 各種文字サイズやフォントの変更 ヘッダーのメニュー数変更 (4 列 5 列 6 列 ) 固定メニューの設置 サイトデザイン編集画面 通常ページ トップページのページタイプと シングルページ タイプ選択時のデザインは共通化されていません 10

3. サイト全体の調整 - 問い合わせフォーム設定 受信トレイ お問い合わせフォーム設定 お問い合わせ メニュー内のフォーム設定では サイト上で利用する各種フォームの設定が可能です 見たまま編集上でフォームを表示する際は お問い合わせブロック を利用して設置します 項目編集画面 送信先のメールアドレスは 5 件まで設定ができます 自動返信メールを送信する機能を設定できます フォーム送信の際に個人情報保護方針への同意画面を表示できます お問い合わせ後に表示される サンクスページ の設定ができます お問い合わせ履歴 お問い合わせフォームから届いたお問い合わせや申込などは 指定のメールアドレスへ送信されるほか お問い合わせ履歴に蓄積されます 受信トレイでは内容の確認および フォームごとに CSV 形式でダウンロードできます お問い合わせに対する返信はできません 受信トレイ確認画面 11

4. 搭載ツールについて - チャットボット チャットボットについて チャットボットとは 閲覧者の質問に対して あらかじめ登録した Q&A をもとに適切な回答をチャット形式で 表示する機能です サイト上の簡単な問い合わせであれば自動的に対応可能です チャットボットデザイン チャットボットのアイコンや色設定 表示位置を設定できます 待機表示 テキストメッセージの表示か画像での 表示かを選択できます 選択肢表示 チャット形式の対応のほか 選択肢を 設けて Q&A を表示できます チャットボットイメージ データ分析画面について チャットボットをサイト上で利用した状況について データ分析をおこなうことができます Q&A の満足度 実際にチャットボットを利用した閲覧者が 表示された回答に満足しているかどうか を確認できます 精度の確認につながります Q&A ページ別利用者数 チャットボットをどこのページから利用しているか 何件表示されているかを確認することができます データ分析画面 12

4. 搭載ツールについて 02 - アクセス解析 アクセス解析について Googleアナリティクス と連携した解析ツールを搭載しています 各データがわかりやすく表示されるため 知識がない方でもサイトのアクセス状況を簡単に見ることができます Googleアナリティクスとは Googleが提供するWebページのアクセス解析サービスです アクセス解析画面 解析内容について ダッシュボード ユーザー属性 サイト全 体 のアクセス状 況 が 数 値と グラフで表示されます 日々のアクセス傾向がグラフで確認でき 過去のデータと比較しやすいため 詳細 に分析できます 訪問者の傾向 性別 年齡 利用デバイス 新規とリピーター 訪問 曜日と時間帯 エリア がわかります 想定ターゲットとの違いを把握 することで サイト作成やサービス改善に役立ちます ページアクセス ページごとのアクセス状況がわかります 直帰率 滞在時間 離脱率 など ページの分析に欠かせない項目が確認 できます ユーザー行動 対象ページの前と後に閲覧したページがわかります サイト内検索 の使用状況も確認できるので サイト改善の参考になります ヒートマップ 閲覧者の閲覧率や クリックした部分をサーモグラフィーで表した ものです 閲覧者の行動パターンを知り パーツ配置する場所や 見てほしいページへの誘導方法を決める参考になります 流入 検 索エンジン 他サイト S N S などの うち どこからサイトへたどり着いたかが わかります 検 索 流 入のキーワードも わかるので 集客改善の参考になります 13

4. 搭載ツールについて - SEO ツール SEO ツールについて SEO ツールは Web マーケティング初心者でもわかりやすい 検索順位 から 本格的な分析が行える コンテンツ 分析 まで 幅広い機能を搭載しています SEO ツールで分析した内容をもとに カスタマーセンターにてお客様 へ運用や SEO のアドバイスをおこないます 検索順位について 上位サイト比較について 設定したキーワードの検索結果で自社サイトが何位に表示 されるか どれくらいクリックされているかわかります 検索順位の推移は 傾向や変動把握に役立ちます 設定したキーワードの検索結果で上位に表示されたページと 自社のページを比較できます 文字数やキーワード充実度 タイトルなどの違いは上位表示のヒントになります SEO ツール - 検索順位画面 SEO ツール - 上位サイト比較画面 SEO 設定について SEO ツールで分析した内容をもとに SEO 設定で各種項目の 調整をおこなえます CSV 形式でダウンロードして 一括で編集することも可能です ロボット収集検索エンジンで検索させるか設定します h1 タグヘッダー上部の文章を設定します title タグサイトのタイトルを設定します description タグサイトの説明文を設定します サイトマップ自動生成されるサイトマップの詳細設定をおこないます 設定画面 keyword タグ登録したキーワードが SEO ツールで登録されます この設定欄で設定できるのはトップページのみです SEO 基本設定画面 タグプログラムの head や body に任意のタグを設置できます Google アナリティクスのタグもこちらで設置します 14

4. 搭載ツールについて 04 - カタログ作成 カタログ作成について "カタログ作成"では デザインの知識や技術がなくても 誰でも簡単な操作でカタログを作成できます お手持ちのPDFや画像からデジタルカタログを作成し ホームページ上に掲載できます カタログ作成 業種別や用途別にさまざまな種類のパンフレット チラシサンプルを搭載しており それをもとにカタログを作成 できます カタログのページ編集画面についても見たまま編集になっており 上部のメニューから文章や画像など 必要な項目を追加することができます ホームページ読込 ホームページ読込 をクリックするとページ構成の 画面が表示されます そこからブロックやデータを読み込めます テキストエディタ テキストエディタは下部に表示されます Webフォント も利用可能です 利用できるWebフォントはホームページと異なります カタログ作成画面 デジタルカタログ表示 作成したカタログは デジタルカタログ形式でサイト上に掲載できます 別途作成した画像 JPEG やPDFをアップロードすることで デジタルカタログ形式で表示させることもできます カタログ閲覧イメージ カタログ配置イメージ 15

おりこうブログ AI Web マニュアル おりこうブログ AI の操作方法や機能についての詳細な情報は Web マニュアルでご確認いただけます https://ds-support.jp/aimanual/ カスタマーセンターのご案内 DS Magazine のご案内 おりこうブログの操作方法や機能についてのご質問など おりこうブログ関連のお問い合わせは お気軽にこちらまで おりこうブログをもっとご活用いただけるよう ホームページ 運用に役立つ情報をお届けします 電話でのお問い合わせ 050-3816-0075 ファックスご利用の場合 メールアドレス 0120-269-489 support@ds-brand.jp https://ds-b.jp/media/ 電話サポート営業時間 /9:00~18:00( 土日祝日 弊社休業日は除く ) 動作環境について お問い合わせに際して * 年末年始および夏季休業につきましては 弊社ホームページ (http://ds-b.jp/) 上にてお知らせいたします * 下記のお問い合わせにつきましては 弊社ではサポートできかねますのでサービス各社にお問い合わせください インターネット接続についてお客様がご契約されているプロバイダのサポートまで パソコンやスマートフォン 携帯電話の操作方法についてお買い求めになられた店舗またはメーカーのサポートまで 他社のソフトウェアやサービスについてお買い求めになられた店舗または提供各社まで * 動作環境につきましては おりこうブログ AIプロモーションサイト (https://ds-b.jp/ai/) よりご確認ください * すべての端末での動作を保証するものではございません * O S やブラウザ等 配布元においてサポート期間が終了している場合 O S やブラウザに起因する不具合について 弊社ではサポート対応ができかねますので予めご了承ください * 動作環境内であっても セキュリティソフトの設定や他のプログラムの影響で正常に動作しない場合がございます 公式サイト https://ds-b.jp/ 本社 / 852-8003 長崎県長崎市旭町 6 番 1 号タワーシティ長崎タワーコート 1F 販売本部 / 104-0061 東京都中央区銀座 8 丁目 14-9 デュープレックス銀座タワー 8/14 12F この おりこうブログ AI スタートアップマニュアル の記載内容は 2020 年 8 月現在のものです (AI-MAN200801K)