SEO最適化、検索エンジン対策を考えたホームページビルダーの使い方－初心者のためのホームページ・ブログ作成講座

サラリーマンが「１サイト月１万円を目指して」ホームページ作成、アフィリエイトする実践記です。初心者向けのアフィリエイト情報です。

　ホームページ作成／ブログ作成

　アフィリエイト

　アクセスアップ対策

　その他

　SEO最適化、検索エンジン対策を考えたホームページビルダーの使い方

　ホームページビルダーでそのままホームページを作ると<table>タグを乱用したぐちゃぐちゃのソースコードでSEO的に良くないです。検索エンジンのインデックスに登録するために巡回ロボットがホームページをクロールした時にコードがぐちゃぐちゃだと、このページには重要な情報はないと見なされます。結果、そのページは検索結果に上位表示されることなく、存在していても存在していないのと同じページとなってしまいます。
　では、ホームページビルダーを使って正しいコードで書くにはどうすれば良いか。いきなり最初から正しい文法に則って、タグ打ちしてホームページを作りましょうといっても初心者の方には無理でしょう。

第１ステップ

　ウェブページの構成を学ぶためにホームページビルダーを使ってホームページを作ってみましょう。この時にウインドウで「ページ編集」でサイトを作成するのではなく、タグを意識するために「ページ/ソース」のウインドウを使ってサイトを作るようにしましょう。初歩的なことですが、意外と重要なことです。

ホームページービルダーでサイト作成

　また、最初はホームページビルダーで準備されているテンプレートを用いて、ウェブページを作成しましょう。CSSが用いられているので、CSSの記述方法の雰囲気を掴む事が出来ます。

第２ステップ

　ホームページビルダーでページを作るときにコードを見るようにしましょう。ホームページビルダーで作るとどうしても<table>タグを乱用した非常に見難いコード構成となってしまうことが多いです。そのことをまずは理解しましょう。次に出来るだけシンプルなコードで記載するためにはある程度タグについての知識が必要です。ネットで「HTML　タグ」などで検索すれば、詳しく解説されたサイトがたくさん検索されますので、そちらを参考に学んでいっても良いでしょう。管理人自身は、サイトと解説書の５０：５０といった感じでした。
　タグについてですが、誤解を恐れずに言ってしまうと、

<div>～</div>
<p>～</p>
<ul><li>～</li><ul>
<dl><dt><dd>～</dd></dt</dl>

　この４種類のタグを理解していれば、だいたいのサイトは作れます。まずはこのタグを攻略することを念頭におくのがよいのでしょう。
　HTMLの解説書で非常に役に立った本を何冊か紹介しておきます。特に１冊目は初心者の管理人にとってはHTMLへの架け橋となってくれ、この本なしではここまでこれたかどうか分からないぐらい超おススメの１冊です。ちょっと高いので図書館などで借りてでも一見の価値ありです。

HTML関連のおススメの書籍: XHTMLとCSSによるWebサイト作成 FOM出版; CSS + XHTMLホームページ作成テクニカルガイド―基礎から実践まで体系的に学べ、・・・; Web標準XHTML+CSSデザインクリエイターが身につけておくべき新・100の法則。