2007/08/07
高校生のためのHP検索上位HIT術 2007/8/7
高校生のためのHP検索上位HIT術 2007/8/7 ★☆★☆★ ■次回からの内容は、以下の二つを同時並行で書こうと思っています。 ●「Googleの検索ランキングアルゴリズムの構成要素と推測される53個の要因」の解説。 http://blog.fkoji.com/2007/04050014.html 世界34人のSEOのプロによる、グーグル検索での上位表示の為に重要な項目の採点です。 ５点満点で、最高は「titleタグで使われるキーワード」の4.9でした。 私の経験でもこれが一番重要だと思います。 グーグル（ヤフー）の検索順位には何十の要素が関わり、その重みは時と共に変化します。 よって、グーグルの検索順位を上げる単純な方法というのは、ありません。 検索順位を上げる可能性のある事は全てやってみるしかないでしょう。 ●初心者のためのHTMLタグ講座 HTMLソースをほとんど見た事がない方が対象です。 -----ここから今回の内容 ■base.css（CSSファイル）の解説２ ●base.cssの内容と★解説★ /* ヘッダ（先頭の部分）------------------------------*/ #header {margin :2 0 0 0; border-top:2px solid RGB(200,200,200);border-bottom:2px solid RGB(200,200,200);}/*ヘッダの部分の上下の水平線*/ ★HTMLファイルで<div id="header">ここがheaderの中</div>と書いておくと★ ★border-top:2px solid RGB(200,200,200);でheaderの上の境界（border）に太さ2px 実線（solid）が引かれます。★ ★marginは余白という意味ですが、続く４つの数字は上 右 下 左の余白を指定しています。★ #logo {float:left; font-size:x-small;}/*写真の下の文字の大きさ*/ ★logo の部分を左に寄せて、文字のサイズを指定しています。★ ★文字のサイズはxx-small、x-small、small、medium、large、x-large、xx-largeの７種類あります。★ #hright{float:left;}★hrightをlogoの次に左に寄せます。★ #header li {display: inline; padding:0px 0px 0px 1em;}/*リストの改行を抑止して、水平に並べるため*/ ★header内のliについての定義。★ ★普通は縦に表示されるリスト構造をdisplay: inline;で横に表示するようにしています。★ ★簡単に言うとpaddingは内側の余白、marginは外側の余白です。★ ★emは文字の大きさを元にする単位で、２emは文字の大きさの２倍という意味です。★ #header p{text-align:center; color:RGB(85,85,85);}/*私からのメッセージの部分の設定*/ ★header内のpの定義。中央寄せ、文字の色はcolor:RGB(85,85,85)★ /* ページ本体（＝ナビゲーション＋コンテンツ）------------------------------*/ #pagebody {float:left;background:RGB(180,170,90);} ★左寄せ、背景の色の指定★ /* ナビゲーション（左側のサブメニュー）------------------------------*/ #navigation {float:left; width:235px;} ★navigation の幅を235pxにしてあるので、navigationの右にくるcontentは左余白を235pxにする。★ #navigation ul {list-style-type:disc;} ★リストの前につく記号をdisc（円盤）にする。★ #navigation li {margin:5px 0px 5px 0px;} /* コンテンツ（中央右側の文章を書く部分）------------------------------*/ #content {margin-left: 235px;} ★navigation の幅を235pxにしてあるので、navigationの右にくるcontentは左marginを235pxにする。★ #content h1 {font-style:italic; color: RGB(110,70,30);}/*italicは斜字体*/ ★italicは日本語にはなじまないので、この指定はやめた方がいいだろう。★ #content h2 {font-weight:normal; color:RGB(70,70,20);}/*＜h2＞と＜/h2＞で囲まれた部分の設定*/ ★font-weight:normal;文字の太さを普通にする。★ /* フッタ（最後尾の部分）------------------------------*/ #footer {clear : both ;★文字の回りこみの解除★background:RGB(0,0,0);★背景の色は黒★ border-top:2px solid RGB(200,200,200); border-bottom:2px solid RGB(200,200,200);}/*フッタの部分の上下の水平線*/ #footer ul {padding:10px 0px 10px 0px;} #footer li {padding:0px 0px 0px 20px;}/*sitemapとbbsの回りにに余白を入れるため*/ #footer {color:RGB(255,255,255);}★背景の色を黒にしたので、文字の色は白に指定。★ /* スクロールバーの色------------------------------*/ html{ scrollbar-bace-color : RGB(101,130,30); scrollbar-face-color : RGB(101,130,30);/*スクロールバーの色*/ scrollbar-arrow-color : RGB(200,120,70);/*スクロールバーの上下の矢の色*/ scrollbar-track-color : RGB(191,223,104);/*スクロールバーがない所の色*/ scrollbar-3dlight-color : RGB(100,100,40);/*外枠の左上。ただし、細いから目立たない*/ scrollbar-darkshadow-color : RGB(80,80,20);/*外枠の右下*/ scrollbar-highlight-color : RGB(180,80,40);/*内枠の左上*/ scrollbar-shadow-color : RGB(160,60,20);}/*内枠の右下*/ ★この指定にはファイヤ・ホックスなど対応していないブラウザがあります。★ /* リンクの色------------------------------*/ a:link {color:RGB(00,80,255); background:transparent;}/*未訪問のリンクの色*/ a:visited {color:RGB(180,00,180); background:transparent;}/*訪問済みのリンクの色*/ a:hover {color:RGB(255,255,255); background:RGB(255,140,50);}/*マウスを重ねた時の色*/ a:active{color:RGB(255,255,255); background:RGB(255,00,00);}/*クリックした時の色*/ ★header内のリンクの色だけ変えたい場合は、#header a:link { }とします。★ ========== mixiの招待メールを受けるには http://www7a.biglobe.ne.jp/~mkun/mixi/syoutai.htm ========== M君の３つのメルマガ １【愛＞恋＞好きの物語】 高校生の恋愛物語 ２【高校生のためのHPアクセスアップ、検索上位HIT術】 「就職率の良い短大」「二次式の因数分解」「二次不等式の解法」 「バンクバンド」「１０００円札の謎」「検索 上位HIT」 を検索してみてください。M君のHPが上位でHITします。 この経験を基に、検索結果での優先順位のしくみを解説します。 ３【高校の英単語、数学、理科、社会、国語、進路情報】 勉強が好きになるノウハウ集。 「イースター島の神マケマケ」「女の子の名前の名付け方」 を検索してみてください。進路情報などもあります。 ========== 私のHP「グーグル検索とヤフー検索で上位HIT」 http://www7a.biglobe.ne.jp/~mkun/google/index.htm 以下のＨＰに４月３日以降の更新のリストがあります。 http://www7a.biglobe.ne.jp/~mkun/other/new.htm ご感想・ご要望は下記へ。 http://www2.rocketbbs.com/625/aikoi.html mixiの私のアドレス mixi.jp/show_friend.pl?id=5377274 ========== 配信中止は http://www.mag2.com/m/0000198720.html
