正しいhtmlによるサイトの構築1

サイトを構築する際は、だいたい皆さんIBMのホームページ・ビルダー、AdobeのDreamweaver系のソフトを使われていると思います。プロの方はもちろんですが、初心者の方でも、html(xhtml)やCSS(スタイルシート)をほとんど知らなくても直感的にサイトを構築することができてしまいます。


さらに、現在では有料無料を問わず、様々なデザインテンプレートを使用することができます。


また、「簡単にショップを作れる」系のASPも充実し、技術的に経験がない方でも、比較的容易に、自分のサイト・ショップを持つことができます。


さて、そういった便利なツール、テンプレートを利用した場合に、出来上がったhtmlの中身をしっかり見ているでしょうか?正しいhtmlになっているでしょうか?


もちろん、サイトの構築においてツールやテンプレートの使用は必須といっても良いですが、余計なタグが入ってしまったり、タグの閉じ忘れなどがあったり、明らかに誤った文法になっていたり、といったケースが結構あります。

既述したように、サイトがある程度できたら、コチラのツールで一度htmlをチェックしてみてください。


特にASPを利用される場合、心配でしたら事前に確認されたほうが安全です。目に見えない致命的な欠陥がある場合、リカバーにかなりの労力が必要になってしまいますので。


「htmlがどうだとか言われても、素人だから分からない」という方は、1冊くらい本を買って勉強されるか、SEOはそこそこにされるか、怪しい情報商材を購入して邪道の道を進まれてください。


htmlとCSSを勉強するには、良いサイトのソースを見るのが一番です。「ここの表現はどうやって実現しているのかなあ」と思ったら、FirefoxのプラグインであるFireBugを利用すれば、ソースを見ることができます。FireBugは本当に便利なツールですので、是非使ってみてください。

FireBug
FireBug サイトの中身が丸見えになります

ちなみに、このサイトは「手打ち」です。画像を作るソフトとMovable Type以外は一切ツールを使わずに、htmlもCSSも全てエディタ(サクラエディタ)一本で作っています。だから見栄えがよくありません。

「手打ち」は決してお勧めはできませんが、ある程度自分でコーディングすることで(書いてみることで)、htmlの理解が深まることは確かです。


ブログからCMSまで幅広く対応できる「Movable Type」
このエントリーのトラックバックURL: http://www.seo-motto.com/mt/mt-tb.cgi/437
コメントを投稿





SEOもっと!のフィードRSSリーダーで購読する

昨日のランキング
  1. 「ブランドガードSEO」のページがnot found
  2. SEOで一番難しいのはキーワード選びだと思う
  3. 住太陽さんのブログを端から読んでみた(原点回帰)
  4. 無料SEOツール ライバルサイトチェッカーver.β
  5. SEO業者・サービス比較ってどうなんでしょうか?
  6. Yahoo!・Google サイトマップ作成ツール サイトマップジェネレーター ver.β
  7. 無料で登録できる検索エンジン
  8. Googleに酔ってきた(爪弾き状態に戻りました・・・)
  9. SEO業者の方も大変ですね(「ブランドガードSEO」だって)
  10. 正しいhtmlによるサイトの構築1
SEO Topics(最新)
SEO Topics(アーカイブ)
SEO 気まぐれ連載