木更津SEO対策・君津SEO対策 きさらずSEO対策 きみつSEO対策 ホームページSEO対策 作成・制作、Xoops SEO対策・Geek SEO対策・CMS SEO対策の構築・管理・運営とSEO対策、木更津でSEO対策・君津でホームページ作成・制作・富津でSEO対策・袖ヶ浦でホームページ制作・作成・かずさでSEO対策・上総地区でホームページ作成・制作とSEO対策をする。
ホームページ作成・制作とSEO対策なら2land.net。
木更津・君津地区でHP制作・作成やSEO対策なら。
XoopsやGeekやCMSのホームページをインストール・構築・管理・デザイン・インストール・設定も

自分でするSEO対策・検索エンジン最適化対策！

ページの基本構造

HTMLタグ

<html>
　<head>
　　<title>title</title>
　　<meta http-equiv=・・・>
　　<mata name=・・・>
　　<mata name=・・・>
　</head>
　<body bgcolor=・・・>
　　document
　</body>
</html>
  • HTMLを宣言する
    <html>
    　<head>header</head>
    　<body>document</body>
    </html>
  • ページ情報を記述する部分を指定する
    <head>header</head>
  • ブラウザに表示される部分を指定する
    <body>document</body>
  • タイトルを記述する
    <title>title</title>
  • ページの内容を記述する
    <mata name="description" content="ページの内容">
  • ページに関連するキーワードを記述する
    <mata name="keywords" content="キーワード1,キーワード2,キーワード3">
  • ページの作者を記述する
    <mata name="author" content="作者の名前">
  • 言語情報を記述する
    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS または euc-jp または iso-2022-jp">
    <meta http-equiv="Content-Type" content="text/css">
    <meta http-equiv="Content-Type" content="text/javascript">
  • 指定時間でリロードさせる
    <meta http-equiv="Refresh" content="指定時間（秒）">
  • 自動的に他のページに移動させる
    <meta http-equiv="Refresh" content="指定時間（秒）;URL=移動先のURL">
  • ページの表示に特殊効果をかける（トランジション）
    <meta http-equiv="Page-Enter" content="revealtrans(duration=指定時間（秒）,transition=効果番号1〜23)">
  • 背景色を指定する
    <body bgcolor="RGB値またはカラーネーム">document</body>
  • 背景画像を指定する
    <body background="画像ファイル名または画像ファイルのURL">document</body>
  • 背景画像を固定する
    <body background="画像ファイル名または画像ファイルのURL" bgproperties="fixed">document</body>
  • 文字の色を指定する
    <body text="RGB値またはカラーネーム">document</body>
  • リンク部分の文字色を指定する
    <body text="通常の文字色" link="未読リンク色" alink="アクティブリンク色" vlink="既読リンク色">document</body>
  • コメントを記述する
    <!--コメント-->

スタイルシート

  • 背景色を指定する
    {background-color:RGB値またはカラーネームなど;}
  • 背景画像を指定する
    {background-image:url("画像ファイル名または画像ファイルのURL");}
  • 背景画像を固定する
    {background-attachment:fixed;}
  • 背景画像の繰り返し方法を指定する
    {background-repeat:repeat-xまたはrepeat-yまたはno-repeat;}
  • 背景画像の位置を指定する
    {background-position:top,center,bottom,left,rightまたは数値単位;}
  • リンク部分の文字色を指定する
    a{color:未読リンク色;}
    a:visited{color:既読リンク色;}
    a:hover{color:オンマウスリンク色;}
    a:active{color:アクティブリンク色;}
  • スクロールバーの色を指定する(1)
    {
    scrollbar-arrow-color:RGB値またはカラーネームなど;
    scrollbar-face-color:RGB値またはカラーネームなど;
    scrollbar-shadow-color:RGB値またはカラーネームなど;
    scrollbar-darkshadow-color:RGB値またはカラーネームなど;
    scrollbar-track-color:RGB値またはカラーネームなど;
    scrollbar-3dlight-color:RGB値またはカラーネームなど;
    scrollbar-highlight-color:RGB値またはカラーネームなど;
    }
  • スクロールバーの色を指定する(2)
    {scrollbar-base-color:RGB値またはカラーネームなど;}
  • ページ全体を枠線で囲む
    body{border:border-width値 border-style値 border-color値;}
  • コメントを記述する
    /*コメント*/
この他にもいろいろと基本的なことがあろうかと思いますが、とりあえず、この程度のことは押さえておいた方が良いですね。
また、ページの見栄えとか、段組などのようなボックスの指定などは、スタイルシートを使うようになってきています。（以前はHTMLのtableタグを使ってボックスなどを指定していました）
また、フォントの色や配置（センタリングなど）もスタイルシートを使うようになってきています。
HTMLタグだけでなくスタイルシートも勉強しなければなりません。