簡単に言えば、ごちゃごちゃしていないHTMLソースです。
では、なぜHTMLソースはごちゃごちゃしていくのでしょうか？
それは、デザイン（主にスタイルシート）と機能（主にスクリプト）がHTMLの中に混在するからです。

それで、ごちゃごちゃしていないすっきりしたサイトにするために徹底的な別ファイル化によるHTMLのシェイプアップが必要です。

こんなファイルは別ファイルに!

スタイルシート（.cssファイル)、スクリプト(.jsファイル)をHTMLの中から削ってゆきます。
検索エンジンが読みたい情報だけをHTMLの中に記述すると、検索エンジンは期待通りに解析してくれるはずです。

表以外の目的でtableタグは厳禁!

レイアウトにtableタグを使用しないようにします。少し前ならモダンブラウザの普及率が低かったためにやむをえず許されていましたが、 これからはtableタグでレイアウトを組んではいけません。あえて検索エンジンが解析しにくくなるようにハードルを置いているようなものです。

画像もCSS化

イメージをたくさん使うとWEBページは華やかに見えますが、当然imgタグが増えます。
CSSを使ってイメージを背景化することで、見栄えは一切変えずにHTMLをシェイプアップさせることができます。具体的には、 background-image:url(*****);を使います。
imgタグが減るだけでなく、テキストリンクが増えるという効果も期待できます。