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

2008年7月24日

出来上がったhtmlチェックしてますか?

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


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


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


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


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

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


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

正統なSEOにhtmlの勉強は必須

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


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

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

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

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

このエントリーのトラックバックURL: http://www.seo-motto.com/mtos/mt-tb.cgi/91

コメント

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

 SEOもっと!のはてなブックマーク


有料ディレクトリ研究・5サービスを比較
サイトを検索
アクセスランキング
    loading

SEO Topics(最新6件)
SEO Topics(カテゴリ)
SEO Topics(アーカイブ)
SEO 気まぐれ連載
SEOもっと!について
あわせてどうぞ!
  • あわせて読みたいブログパーツ