カスタム検索

ページを作成してみる

１．準備 ２．ホームページを作る ３．サーバーへアップする ４．電脳卸に登録する ５．商品ページを作る ６．内容を充実させる ７．ブログを書く ８．集客する
サンプルサイトを使ってみる サイトの体裁を整える サイト名を変更する サイト説明を作る メニューを作成してみる ページを作成してみる コンテンツを作成してみる HTML を出力する

DNO-CBWeb のページ

ツリー上に として表示されるのがページです。

DNO-CBWeb (電脳卸専用ホームページ作成ソフト） では、ページはそのままHTMLとして出力されるので、一番重要な項目です。

ここでは、サンプルサイト００１ に前章メニューを作成してみる で作成したメニューに ページを配置していきます。

ページを作成する

DNO-CBWeb でページを作成するには、ツリーの メニュー 上 で右クリックし表示されるポップアップの 子ページ作成 を実行します。

DNO-CBWeb 新規ページ作成ツリー１ お茶 の上で右クリックして、
子ページ作成 を実行してます。


DNO-CBWeb 新規ページを作成したツリー 子ページ作成 を実行すると、
お茶 の下に
ページ が作成されました。


ページのプロパティ

メニューと同様、ページにも いくつかのプロパティがあるので、ここで変更しておきましょう。

新規作成したページを選択した 電脳卸専用CBWeb のツリー表示 ツリーで 今作成した ページ を選択します。
↓ のように ツリーの下に ページプロパティ編集Window が表示されます。


電脳卸専用CBWeb 新規作成したページのプロパティ このWindowでページのプロパティを編集します。


編集できるプロパティには、

  • 名称
    ツリー上の表示名

  • タイトル名
    HTMLページのタイトル名

  • タグ
    ページキーワード （検索エンジンにどのようなキーワードでヒットさせたいか）

  • ファイル名
    HTMLページのファイル名

  • ページ概要
    そのページの簡単な概要 （ ブラウザのタイトルバーに表示されます。 ）

などがあります。
（今は、ページテンプレートは無視してください。）

今 作成したのは、お茶 の直下の ページ なので、
”お茶” という カテゴリ の トップページ になります。

そこでオイラは、このページには、お勧めのお茶をピックアップして掲載する事にします。
内容としては、↓のように変更してみます。

  • ページの名前を ”お勧めのお茶”

  • ページのタグ（キーワード） を ”お茶” と ”お勧め”

  • ページのファイル名を ”pickup_tea”

  • ページ概要を ”オイラの喫茶店 - お勧めのお茶をピックアップして掲載します。”

では、入力してみましょう。

お勧めお茶ピックアップ ページプロパティ編集Window

・名称＆タイトル名 に
”お勧めのお茶”

・追加タグに カンマ , で区切って
お茶,お勧め

・ファイル名に
pickup_tea

・ページ概要に
”オイラの喫茶店 - お勧めお茶をピックアップして掲載しています。”


以上、変更してみたら、プレビューを確認してみましょう。

プレビューを確認

ページのプレビューを更新するには、ツリー上で一旦別のアイテムをクリックして、再度 確認したいページをクリックします。

では、やってみましょう。

ページプレビューのため他のアイテムを選択したツリー 一旦 お茶 を選択します。
プレビューしたいページ以外ならどれでも良いです。


ページプレビューのためページを選択したツリー そして、再度 お勧めのお茶 を選択します。


これで、プレビュー用ブラウザの表示が更新されます。
プレビューを見てみましょう。

お勧めページのプレビューブラウザ

ちゃんと、ページタイトルが ”お勧めのお茶” に修正されています。

タグ（キーワード） を確認する

では、タグ （ページキーワード） も確認してみましょう。

タグ確認 ソースを表示するボタン

プレビュー用ブラウザの上部には、いくつかのボタンがあります。

このボタンの内  Ｓｏｕｒｃｅ  と書いてあるボタンは、今 プレビューしているページのソースコード（ＨＴＭＬ）を表示するボタンになっています。

では、お勧めのお茶 が選択された状態で、  Ｓｏｕｒｃｅ  ボタンを押してみてください。

あなたの登録した テキストエディタ で、ソースコード（HTML) が表示されます。

ＮｏＥｄｉｔｏｒ でソースを確認している

表示されないぞ！！
って方は、ツールを登録する と、 テキストエディタについて を確認してみてください。

では、ちょっと HTML を見てみます。

色々 メタタグ がありますが、今 確認したいのは、キーワードのメタタグなので、↑の画像で言うと １０行目の記述で、

 <meta name="keywords" content="TAG,お茶,お勧め">

となっています。

TAG 、 お茶 、 お勧め とキーワードがありますが、この内で
２，３番目の "お茶"、"お勧め" は、先ほどページのタグとして入力したものです。

１番目の ”TAG” は、サイト のタグを設定していないために初期値として入っているもので、意味が無いものです。

余裕のある方は、ツリーで オイラの喫茶店 を選択して
サイトプロパティ編集Windowのサイト共通 TAG を修正してみてください。
サイト共通と 各ページやコンテンツで同じキーワードを入力した場合でも、DNO-CBWebが同一文字列を除外してくれるので、問題ありません。

これで、タグ（キーワード） の確認は OK です。

他のページも

これで、お勧めのお茶 のページを作成できました。

他のページは、自由に作成してみましょう。
とはいえ、メニューと同じ名前でページを作るっておくのが良いでしょうか。。。

ちなみに、オイラは↓こんな感じで作成しておきました。

各メニューのページ

HTMLファイル名や、タグ（キーワード） も自由に入力してみてください。
チュートリアルなんで、今は考え込むこと無いですが、 ファイル名もタグ（キーワード）も、Google等 検索エンジンに影響する大事な要素 になるので、 狙いを絞って決めてください。

次へ

ここでは、新規にページを作成して、プロパティを編集しました。
お茶 の ページが４ページ作成できました。

次は、ページの内容 コンテンツ を作成・編集してみます。

コンテンツを作成してみる へ進んでください。