2006.07.21

テキスト原稿を効率的にHTMLに起こす方法

7月15日に開催された「The Day of Web Standards [Web標準の日]」セミナで
大変興味深くかつすぐに実践できるものがありましたので紹介します。

原稿のテキストをそのままコピーしてDreamweaverの新規HTMLにペーストします。
それを「p」タグで段落分けします。
フォーマットによっては改行がそのまま「p」「/p」になります。
「p」から見出し「h」やリスト「ul」をマークアップします。
そしてさらに「div」で区切り名前(ID)をつけます。

この作業が終わったら、CSSで見た目を指定すれば完了です。

今まではCSSでデザインの枠組みをしてから、テキストを流し込むという手順でしたが
この方法ならこのページは何を伝えたいのかがより明確になり文章構成がしっかりします。そしてそれが結果的にSEO効果に繋がると思います。

photo
hashimoto