Cafi Netつながる情報技術
  1. トップ>
  2. ホームページ作成>
  3. ページ上部のHTMLソース編集

ページ上部のHTMLソースを編集する手順

ホームページを作る全体の流れとしては、まずトップページ(index)のデザインを完成させてトップページを「複製」して他のページを作っていきます。

そうするとデザインが崩れませんし、トップページのデザインさえ作れば後のページは内容を作り込むだけとなります。

ページ内を作っていく順番は決まっていませんが、編集し忘れがないように初めは順番通りに作って頂けたらと思います。

編集し忘れたまま作業を続けると、ページ数が多くなるほど修正に手間がかかります。

1.HTMLソースを表示します。

ホームページビルダー12「HTMLソースを開く」

2.ページ上部の編集を始めます。タイトル・説明文・キーワード・h1タグを入力します。

タイトルや説明文を入力

タイトル(title):「わが家はいつも食の祭典」

説明文(description):「美味しいものさえあれば、人生幸せ!グルメ・スイーツの通信販売。」

キーワード(keywords):「スイーツ,グルメ,果物,ケーキ,アイス」

h1タグ:美味しいスイーツ・果物・ケーキ・アイス・お茶・水など食べる喜びを格安であなたへ!

上記の内容を下記のように書き込みます。「"」「/」「,」のような記号も必要なものなので、誤って消去しないように注意して下さい。

<title>わが家はいつも食の祭典</title>

<meta name="description" content="美味しいものさえあれば、人生幸せ!グルメ・スイーツの通信販売。" />

<meta name="keywords" content="スイーツ,グルメ,果物,ケーキ,アイス"/>

<h1>美味しいスイーツ・果物・ケーキ・アイス・お茶・水など食べる喜びを格安であなたへ!</h1>

これでページ上部のHTMLソースの編集は完了です。続いてページ下部のHTMLソースの編集に移ります。

補足:タイトル(title)や説明(description)といった、検索エンジン最適化(SEO)に関する部分の理解にはGoogle の検索エンジン最適化スターター ガイド(PDF)をお読みになることをお勧めします。

検索エンジンのアルゴリズムは改良が続けられているので、検索エンジン最適化に関する勉強も続ける必要があります。