ホームページ制作/SEO対策/ネットショップ運営 マニュアル(無料)

『xhtml』について

Level 9 『html』と『xhtml』の『差』とは
ホームページ制作 / SEO対策 / ネットショップ運営 マニュアル(無料)
 

xhtmlはhtmlの兄弟のようなものです。
 拡張子(ファイル最後尾の名前)も、.htmlで利用できます。このためあなたのショップにプラスになるなら導入すべきものです。
 この二つの『差』は、構造にあります。
 それぞれの違いは以下のとおり。

HTMLの内部構造 → 文章 + デザイン指定  
XHTMLの内部構造 → 文章           ← その他デザイン等の命令は外部ファイルから指定

     今までの講座で学習した内容は、『基本に忠実なhtmlを制作すること』でした。
     この基本に忠実に制作するということによって、検索エンジンにわかりやすく、あなたのショップ情報を伝達し、
     検索キーワードに対して、有用な情報を持つホームページだと判断してもらうことになります。
     これから学ぶことは、上記の目的を果たすため、主要なファイルには必要な情報のみを記載し、
     他の命令は外部ファイルに記載しておく
という内容になります。

     こうすれば、検索エンジンは最低限の努力?で、あなたのショップの情報を的確に入手する事ができます。
     少し分かりにくいですが、すべての無駄な記述を完全に外部へ引越しさせる といことです。
      このようになりましたか?これは、style.css からの命令を受け取りなさい という意味合いと思ってください。

すでに多数のショップでも導入されています。  
      
      あまり聞きなれない単語ではありますが、皆様よくご存知の『ブログ』では、この方式が採用されており、
      検索結果にも、個人の美しく最適化されたブログがどんどん検索結果の上位に表示されてきています。
      さらに、あなたのライバル店のトップページのソースをご覧になってみてください。(右クリック→ソースの表示)
      最上部に以下のような記述はありませんか?

      <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

      このような記述のあるサイトではすでに、xhtml、CSSといった技術を導入しています。
      拡張子が .xhtml ではなく、今までと同じように、.html で表示される点で、ライバル店の動向が見えにくいのです。
      さらに、1999年にhtml4.01が利用できるようになっていらい、それらしいバージョンアップもされず、代わりにXHMLが急成長してきました。
      このため、ブログなどの最新兵器や大手販売サイトでは、このような言語が導入されてきています。
CheckPoint
@ ホームページの表示方法(html)の動向に注意



Level 5 ページ内の文字を一気にCSSで指定する
ホームページ制作 / SEO対策 / ネットショップ運営 マニュアル(無料)
 
 

 上記で作成した style.css ファイル内に以下の記述を追加します。

    A { text-decoration: none; }
    BODY, TH, TD { font-size: 9pt; }


    場所はどこでもかまいません。記述ができたら保存し、トップページを開いてみます。
    
   (例)
    今ご覧になっている、このページがすべて、上記の命令を受けています。
    命令の内容は、『特別な文字装飾をすることなく、大きさは9ポイントにしてください』となっています。
   
    htmlに詳しい方はお読みください
    サンプルでは、 BODY TH TD の文字サイズを指定していますが、ある一部分のみ(BODY内のみ等)といった指定も可能です。

    
最初に大まかなサイズや色を指定しておいて、それからキーワードのみを装飾する等の方法をとります。


CheckPoint
@ すべての文字サイズを一括して最初に決定する。


無料SEO対策情報に戻る

pettie最新作 人気アイテム紹介 アルミホイール
ダイハツアルミホイール ホンダアルミホイール マツダアルミホイール 三菱アルミホイール
日産アルミホイール スバルアルミホイール スズキアルミホイール トヨタアルミホイール

pettie最新作 人気アイテム紹介 ブランドアクセサリ
ブルガリ カルティエ コーチ エルメス プラダ ティファニー ヴィトン

pettie最新作 人気アイテム紹介 香水
アナスイ香水 アニエスベー香水 ベルサーチ香水 エスティローダー香水 XOXO香水 エルメス香水
カルバンクライン香水 キャロライナヘレラ香水 グッチ香水 クリニーク香水 ケンゾー香水
シャネル香水 ジェニファーロペス香水 ジルサンダー香水 セリーヌディオン香水 ティファニー香水
ナオミキャンベル香水 バーバリー香水 フェンディ香水 プラダ香水 ブルガリ香水 ランバン香水

pettie最新作 人気アイテム紹介 インターナショナルブランド
シャネル人気・最新作 コーチ人気・最新作 ドルチェ&ガッバーナ人気・最新作
グッチ人気・最新作 エルメス人気・最新作 プラダ人気・最新作
ティファニー人気・最新作 ヴィトン人気・最新作

 

人気ネットショップ検索 大阪地下鉄駅近く検索 大阪ホームページ作成
自動車・バイク 大阪御堂筋線 無料出会い系メルトモ掲示板
子供用品・家具 大阪堺筋線 人気化粧品検索
ダイエット 大阪千日前線  
食材・お酒 大阪谷町線  
和牛 大阪四ツ橋線  
ファッション 大阪鶴見緑地線  
花屋さん 大阪中央線  
保険 大阪ファッショングルメデートスポット検索  
お仕事    
株式    
懸賞    
結婚    
オフィス    
金融    
パソコン・家電    
ペット用品    
不動産    
在宅ワーク    
スポーツ    
お勉強・資格    
旅行    
香水    
アルミホイール    


ホームページ制作 / SEO対策 / ネットショップ運営 マニュアル(無料)