8月 « 2009 « W3C勧告に準拠・Web標準ホームページテンプレート

ホームページを制作するときにおいてページのタイトルはとても重要です。HTMLでいえば、

<title>ここにタイトル</title>

この部分です。「ここにタイトル」の部分にそのページのタイトルを的確につけることはSEOにとってもホームページを訪れてくれる人にとっても重要なことです。

たいていの検索エンジンは検索結果の見出しとしてこの「タイトル」を表示します。当然そこに含まれる言葉はそのページに書かれている内容の重要なキーワードであると検索エンジンは判断します。

無題ドキュメント

ホームページ制作ソフトで見える部分だけ一生懸命制作しているとこの「タイトル」部分を見落としてしまいがちです。デフォルトでつけられてしまう「タイトル」は「無題ドキュメント」であったりします。

検索エンジンで「無題ドキュメント」を検索すると実に100万件以上のページがヒットします。それぞれのページは、趣味のサイトだったり企業サイトだったり様々ですが「無題ドキュメント」ではなかなかクリックしてみようという気にはなることが出来ません。

サイト内のタイトルがすべて同じ

「無題ドキュメント」ページ以上に多いのがサイト内のページのタイトルがすべて同じというサイトです。「無題ドキュメント」よりははるかに良いですが仮にそのサイト内のページが100ページにわたる内容であればそれぞれのページに書かれている内容を的確に表すタイトルをつけることが望ましいでしょう。例えば「株式会社やまだ」の「求人情報」のページであれば

<title>株式会社やまだ</title>

ではなく

<title>求人情報 << 株式会社やまだ</title>

等とすることが望ましいです。

「そんなの知ってるよ」という方がほとんどかもしれませんが、残念ながらせっかくテンプレートをご利用いただいているのにタイトル部分の修正を忘れているばっかりに効果を半減させてしまっているサイトが結構あります。

今一度、適切なタイトルがつけられているか確認しましょう。

ホームページのレイアウトをするときたいていの場合パターンは決まっています。ホームページはタイトルなどのヘッダー部分、メニュー部分、内容を書くコンテンツ部分、そしてcopyright等を書くフッター部分で構成されます。たいていは以下のようなパターンでしょう。

上の図の水色の部分がメニュー、ピンク色の部分がコンテンツ(内容)部分です。もちろんもっと様々なパターンはありますが大まかに分けるとほとんどのホームページが上のいずれかのパターンでしょう。

その中でも多いのが2カラムのレイアウトです。このサイトのテンプレートもそうですね。そこで気になるのがメニューの位置。メニューは右がいいのか左はいいのか…

一昔前まではメニューは左というのが常識でした。人の視線はたいてい上から下、左から右に流れるためということからのようです。Windowsのショートカットアイコンも左側が標準です。

しかしどちらかというと「みんな左にメニューがあるから…」というなんとなくという理由が大多数であった気もします。

最近はまだ左メニューの方が多数派のようですが右側にメニューを配置するサイトも数多く見られるようになってきました。その理由は「右利きの人が多い」ということからです。

たいていの場合マウスに手を添えてボーっとしているとマウスカーソルは画面の右下の方にやってきます。ですから右側にメニューがあったほうが近いということです。またスクロールバーは右側にあるため縦長のページのときは「スクロール、クリック」という動作をし易いということもあります。

「ホームページのメニューの位置」についてはそのときの流行もありますから一概にこちらが優れているというものではありませんが、HTMLにおいては常にヘッダー→コンテンツ→メニュー→フッターという書き順にしておく必要があります。

これはSEOの観点からも最も重要なことです。もちろんこのサイトで扱うHTMLテンプレートの書き順はヘッダー→コンテンツ→メニュー→フッターとなっています。

SEOとは「Search Engine Optimization」の頭文字をとったもので、日本語で言うと「検索エンジン最適化」となります。

企業などにとっては検索エンジンにおいて自社に関連するキーワードで検索したときに検索エンジンでどの位置に表示されるかというのはとても重要な問題です。このため検索エンジンにおいて上位に表示されるようにさまざまな対策を施しています。

SEOの基本は適切なキーワードとそれに基づいた最適なHTMLによるページの作成です。不適切なキーワードによるページの作成や好ましくないHTMLの記述はSEOスパムと判断されることもあるため注意が必要です。

また、SEO業者なる企業も数多く存在します。中には悪徳業者とも言える企業もあります。多くの場合、そのSEO業者がどのような対策を施すのかは明らかにしていません。

一時的上位に表示されることはあっても中長期的にはメリットはないということもあります。SEO業者に依頼する場合は、何をするのかということを明確にしておく必要があるでしょう。

SEOの基本、それは適切なキーワードと最適なHTMLです。そして充実したコンテンツです。仮に検索エンジンで上位に出たとしても恥ずかしくないサイトを作りましょう。

さて、このサイトは何で作ったかといいますと…

ソフトウェアは使っていません。WordpressというCMSを使って構築しています。これからはじめてホームページを作ろうという方には何のことかわからないでしょうけど…

いわゆる「ブログ」と呼ばれるもののひとつです。

「ブログ」と言うとたいていの場合インターネット上の無料または有料のブログのサービスを利用するものと思われているようです。しかし、ちょっとホームページの運営を自分でレンタルサーバーを借りて自分で運営したことのある方ならそうは思いません。

「ブログ」を自分の借りているサーバーにインストールして運営すると考えるでしょう。そのような「ブログ」のプログラムは数多くあり、有名なところとしては「MovableType」があります。そして「Wordpress」もそのような「ブログ」のひとつなのです。

この「ブログ」を利用して制作するホームページは何よりも更新作業がラクという点で大きなメリットがあります。更新作業がラクということは、気軽に更新する気になるということです。前回の更新がもう1年以上前なんていうサイトにならない様にするためには「ブログ」の活用は検討するべきでしょう。

「ブログ」というと「日記」のイメージが強いのですが、決してそうではありません。現在多くのサイトが「ブログ」を使って運営されれるようになってきていますし、とても「日記」のようには見えないサイトばかりです。

このサイトも日記には見えないでしょう。

現在はHTMLテンプレートのみですが、ゆくゆくは「Wordpress」用のテンプレートも考えていきます。

ホームページを制作しようとする多くの人は「ホームページ制作ソフト」を使うことと思います。ホームページを作ったことのない人であればそう思うのは仕方のないことでしょう。

でも実際は、別にソフトウェアはなくとも普通にテキストを書けるソフトがあれば（Windowsであればメモ帳）ホームページを制作することは可能です。

その代わり面倒です。いや、面倒と感じるでしょう。

私がはじめてホームページを作ったのはもう10年以上も前のことですが…とても田舎でしたのでホームページ制作ソフトなんて売っていませんでした。唯一合ったのが本屋さんで見つけたホームページ制作のためのHTML事典のようなもの。

パソコン初心者の私はひたすら試行錯誤しながらメモ帳でホームページを作ったのでした。その何年か後、はじめてホームページ制作ソフトを購入しました。バージョンはちがっても今も使っている「Dreamweaver」。定番ですね。

「ホームページビルダー」も購入したことがあります。しかし、HTMLを書くことを覚えていた私にはとても使いづらいソフトでした。個人やサークル のホームページをちょいちょいと作るには安いしちょうどいいソフトなのかもしれませんが…このソフトの書き出すHTMLは正直びっくりしました。

だからといって「Dreamweaver」は初心者には難しいソフトです。高いですしね。となるとそんなホームページ制作ソフトがよいのか？意外とフリーのソフトの方が使いやすいものがあったりします。

もちろんHTMLの基礎知識は必要です。皆さんこういうと構えてしまうかもしれませんがそれほど難しいものではありません。特に簡潔なHTMLのテンプレートがあれば…

ホームページを制作するには簡潔なHTMLで設計されたテンプレートとフリーのホームページ制作ソフト(HTMLエディタ)で十分のような気がします。

ホームページはHTMLで書かれています。HTMLにはきちんと文法があります。文法に沿ってHTMLを書いていくことはホームページを制作する上で、とても重要なことの1つです。

インターネット上にはHTMLの文法をチェックしてくれるサイトがいくつかあります。代表的なものに

• http://validator.w3.org/
• http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

があります。

このサイトで配布するテンプレートもこのサイト自体もまぁまぁ合格点であるでしょう。テンプレートのマニュアルに沿って作成することで適切なHTMLのサイトを作成することが可能です。

HTML文法のみにとらわれてはいけない

HTMLの文法はそれはもちろん大切なことですし、SEO上も効果的であることはいうまでもありません。しかしながらそのこととホームページ自体が効果のあるものになるかどうかは別物です。

それは正しい日本語文法で書かれているがあまり魅力的ではない文章と、文法はでたらめだが何だかとても魅力的な文章があるのと同じことです。

HTMLの文法はブラウザに正確に情報を伝えるためのものであって、ホームページの内容を魅力的に伝えるものではないのです。

結局はコンテンツが大事!!

ホームページの人気を上げようとしたり、売り上げを上げようとしたいのであればやはりホームページの内容が魅力的でなくてはなりません。

HTML文法が正しいことは最低限必要なことであるだけです。

もし、とても魅力的なコンテンツを発信できるものがあったとして、多くの人たちがそのホームページを見ようとしたときにはHTML文法はまったくと言っていいほど関係ありません。

芸能人や有名人のブログは文法上の間違いはたくさんあったりしますがアクセスはたくさんあります。

だからと言ってHTML文法を無視して良いわけではありません。文法は文法ですから…ただそればかりに目が言ってしまうと肝心のコンテンツを充実させることがおろそかになったりします。