全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2008.04.04
テーマ： ホームページ作成の悩み(550)
カテゴリ： HTML（応用編）
・ホームページＨＴＭＬソースの基本構造
1.HTMLの基本構成
<HEAD>～</HEAD>にはタイトル、ページの情報、スタイルシート、スクリプトなどを必要に応じて書きます。下の例ではタイトルだけが入っています。<TITLE>～</TITLE>には、ページのタイトルでブラウザのタイトルバーに表示されます。
検索エンジンがもっとも重要視するのがタイトルです。タイトルには検索されたいキーワードを入れておきましょう。
ページの本文を書くのが上の例の<BODY>～</BODY>の間です。下の例では、「楽天広場HTML講座」というテキストが書かれています。この編集枠内は自由に書き換える事が出来ますので、テキストを自由に書き直してみてください。
<Head>
<Title>ページタイトル</Title>
</Head>
<Body>
楽天広場HTML講座
</Body>
</Html>
2.文字化け対策
下の例のHTMLの記述を、<Head>～</Head>の間に指定して置けば文字化けを事前に阻止できます。
3.ロボット検索対策
検索エンジンが重要視するのがメタタグです。ページごとに、<Head>から</Head>の間に下のようなタグを挿入します。青文字の部分がサイトの紹介文になり、赤文字の部分がサイトのキーワードになります。
キーワードは半角コンマで区切っていくつか並べることができます。デスクリプションにはそのページの概要（紹介文）を書いておきましょう。
TOPページへ戻ります
1.HTMLの基本構成
<HEAD>～</HEAD>にはタイトル、ページの情報、スタイルシート、スクリプトなどを必要に応じて書きます。下の例ではタイトルだけが入っています。<TITLE>～</TITLE>には、ページのタイトルでブラウザのタイトルバーに表示されます。
検索エンジンがもっとも重要視するのがタイトルです。タイトルには検索されたいキーワードを入れておきましょう。
| <Html> | HTMLの始まり意 |
|---|---|
| <Head> | ページ情報の始まり意 |
| <Title>～</Title> | ページタイトル |
| </Head> | ページ情報の終わりの意 |
| <Body> | 内容（本文）の始まりの意 |
| ～ | 内容（本文） |
| </Body> | 内容（本文）の終わりの意 |
| </Html> | HTMLの終わり |
ページの本文を書くのが上の例の<BODY>～</BODY>の間です。下の例では、「楽天広場HTML講座」というテキストが書かれています。この編集枠内は自由に書き換える事が出来ますので、テキストを自由に書き直してみてください。
<Head>
<Title>ページタイトル</Title>
</Head>
<Body>
楽天広場HTML講座
</Body>
</Html>
2.文字化け対策
下の例のHTMLの記述を、<Head>～</Head>の間に指定して置けば文字化けを事前に阻止できます。
<Meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
3.ロボット検索対策
検索エンジンが重要視するのがメタタグです。ページごとに、<Head>から</Head>の間に下のようなタグを挿入します。青文字の部分がサイトの紹介文になり、赤文字の部分がサイトのキーワードになります。
| <meta name="description" content=" アフィリエイトで大きく稼ぐためのアクセスアップ対策を解説しています "> |
|---|
| <meta name="keywords" content=" アクセスアップ,ネット収入,アフィリエイト "> |
キーワードは半角コンマで区切っていくつか並べることができます。デスクリプションにはそのページの概要（紹介文）を書いておきましょう。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2008.12.21 23:09:01
[HTML（応用編）] カテゴリの最新記事
-
カーソルの形状を変更する方法 2008.03.22
-
楽天広場HTML講座 スクロールバーのテンプ… 2007.06.30
-
楽天広場HTML講座 いろいろなテーブル枠（… 2007.05.18
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
