2009 « スタイルシートデザインHTMLテンプレート[2nd-css]

イメージ写真のサイズは適切に

Filed under: ホームページ作成のヒント — @ 2009年7月14日10:32 AM

ホームページで使うイメージ写真はきちんとリサイズしてから使いましょう。HTMLで写真を小さく表示させるのは好ましくありません。ホームページの表示が遅くなり、必要以上にサーバーのスペースを使うことになります。

例えば

big_image small_image

この上の二つの写真はまったくサイズが異なります。それぞれの写真をクリックしてみてください。元のサイズで表示されます。つまり左の写真は400×300ピクセルの写真なのにHTMLで強制的に100×75ピクセルにして表示しているのです。

この程度のサイズのイメージならそれほど影響はありませんが時々3000ピクセルクラスの写真を250ピクセルにHTMLの記述で小さく見せているサイトがあります。

速い回線で見ているときにはあまり気がつかなくても、遅い回線で見ているとまったく表示されません。

イメージ写真は必ず使用するサイズに画像編集ソフトなどでリサイズ(大きさの変更)をしてから使いましょう。

写真素材を選ぶ

Filed under: ホームページ作成のヒント — @ 2009年7月13日10:27 AM

ホームページの作成で必ずといっていいほど必要なイメージ写真。中小企業の方がモデルやカメラマンを雇ってなんてことが出来るわけもありません。ましてホームページ制作会社にそのあたりも任せてしまうととんでもない料金になりかねません。

となるとどこかで出来合いのものを見繕う必要があります。昔からの定番といえば「素材辞典」ですね。今月末にはVol.219が発売されます。しかしながらホームページに使うにはサイズが大きすぎてもったいなくも感じます。そこでおすすめが

ですね。画像サイズは640×480ピクセルとなってしまいますがちょっとしたイメージ写真を入れるには十分でしょう。ページいっぱいに入れる場合は小さいですけど…

イメージ写真1枚から購入できるサイト

そんなに色々写真入らないという場合は「Fotolia」がおすすめです。数百万点という写真素材から1枚ずつ購入できます。画像サイズも様々ですのであなたの必要なサイズの写真のみ購入すればよいでしょう。

ただし、写真に出てくる人物は外人が多いです。そのあたりをこだわらなかったり人物では無い写真であれば問題ありません。サンプルで荒い画像をダウンロードできるので加工してホームページに貼り付けたときの雰囲気を確認してから購入できるという点もおすすめです。

ちなみに私は上記の素材辞典イメージブックはすべて所有しています。そのほかFotoliaでそのつど購入したりしています。

キレイなホームページは優れている?

Filed under: ホームページ作成のヒント — @ 2009年7月12日10:25 AM

あなたはホームページで何をしたいですか?

趣味?商売?暇つぶし?

趣味と暇つぶしは好きなようにやればよいのでどのようにやってもよいでしょう。さて、ホームページで商売をしたい、会社のホームページを持ちたい、お店のホームページを作りたい、という方…どんなホームページがよいと感じますか?

  • キレイ
  • カッコいい
  • 色々動く…

では、ホームページで何を望みますか?

  • お客が増える
  • 売り上げが伸びる

たいていはこんなところでしょう。売れている、効果の上がっているホームページはどんなページなのでしょう?

  • 説明がしっかりしている
  • 信頼できそう
  • 検索サイトで見つけた

カッコいいとかキレイだとかは効果と関係がない

というのが実際のところです。しかし多くの人が特にはじめてホームページを公開しようとする人は「カッコよくキレイなホームページ」を望みます。そういう作業が得意な制作会社に依頼してしまい、提案されるままにカッコいい仕掛けを取り入れてしまったりします。

気付いてみればほとんど意味の無い自己満足の象徴のようなホームページと請求書が…

本当に大切なのは見た目よりもわかりやすさ、わかりやすさよりもそこにある情報の確からしさそして新しさなのです。

大手企業と中小企業

大手企業のホームページはカッコいいですね。キレイですね。大手企業はそのホームページに何百万円も何千万円も使います。もしあなたにそれくらいの費用をかける余裕があるのでしたらよいですが、おそらくそんなことは無いでしょう。

であれば、大手企業のサイトを真似しても仕方ありません。自分の身の丈にあったホームページを目指しましょう。キレイやカッコいい部分に余計な費用をかけるべきではありません。

ブログで作るホームページ

Filed under: ホームページ作成のヒント — @ 2009年7月11日10:21 AM

ホームページは自分で作成するにしろ、制作業者に依頼するにしろ、公開後の運営が大変です。会社案内程度のホームページでいいというのであれば別ですが、ある程度のアクセスを望んだり、問い合わせを期待したりするのであれば常に新しい情報を掲載していく必要があります。

自分でホームページの更新をしようとすれば作成ソフトを起動して、ページを作成したり編集したりして、リンクを作って、リンク切れなどがないかチェックして、アップロードして…

と、結構面倒なわけです。

頻繁に更新しないのであればあるほどどんどん面倒になっていき、ついにはほったらかしということになります。

制作会社に依頼すれば、当然費用が発生します。「この程度なら別に更新しなくてもいいや」、「今度まとめて更新してもらおう」なんて思っている内にやはりほったらかしになってしまいます。

ブログでホームページを作るという選択

そこで便利なのがいわゆるブログというものです。インターネットエクスプローラーなどのブラウザ上で書きたいことを書き、編集していくだけで面倒なリンク設定やアップロードをしなくて済みます。

でも通常のブログサービスではやはり日記のようです。デザインも個人の趣味のページっぽくなってしまいます。とても会社のホームページには使えません。

そこで考えられるのがサーバーを借りてブログをインストールし、デザイン等自分の好きなようにしてしまうということです。もちろんそれをするには、ただホームページを作るだけよりもはるかに多くの知識を必要とします。特にレイアウトにこだわるのであればCSS(スタイルシート)の知識は必須です。

ただ、一度インストールして設定してしまえば、後の更新作業はとてもラクになります。ちなみにこのサイトは「Wordpress」というブログのプログラムを使って作成しています。

販売するテンプレートを制作したり、テンプレートのスクリーンショットを作成したりすることはブログ上ではどうあがいても不可能ですが、今あなたが読んでいるこの文章もそのほかのページの文章もすべてブラウザ上で書いています。

これはとても便利なことです。パソコンとインターネットにつながる環境さえあればどこにいてもホームページの更新作業が可能なのです。

ブログでホームページを作る

ということも考えてみてはいかがでしょうか?もし興味があって、どこかの制作会社にブログを使ったホームページを依頼してみようかとお考えなら私もその候補の一人に入れていただけたらうれしいです。詳しくはWordPressパックのページをご覧ください。

ホームページ制作会社選びのコツ

Filed under: ホームページ作成のヒント — @ 2009年7月10日10:18 AM

このサイトを訪れている人は何とか自分でホームページを作ってやろうと考えているでしょうからあまり興味のないことかもしれません。でも、もしかすると「めんどくさいからやっぱり誰かに作ってもらおうか…」と考えている方もいるかもしれません。

私自身もホームページ制作に携わる人間ですので参考までに。

セールスマンがやってくる

私の知人の店や会社にもセールスマンがやってきたり、セールスの電話がかかってきたりするようです。一概に言えませんがホームページ制作会社ならホームページで堂々と売り込むべきだと私は考えます。電話で勧誘しなければクライアントを見つけられないホームページ制作会社は私だったらご遠慮します。

すごく高い

私も不思議でたまりませんが、ものすごい高額な見積もりを出してくる制作会社があります。私の出した金額の3倍4倍は当たり前に出してきます。何をしてくれるのか不思議で仕方ありません。高いからよいものを作ってくれるのかもしれませんし、そうでないかもしれません。

すごく安い

あまり安いとちょっと不安になってしまいます。でももしかすると意外とよいものを作ってくれるかもしれません。

ホームページ制作費無料

制作費が無料という会社は結構あります。しかしながらたいてい月々の費用が2万円とか。1年で24万円になってしまいます。ホームページはいったん公開すればその制作会社とは長いお付き合いになります。2年、3年となると結構な金額になってしまいます。将来自分で更新するようになったり、自分で安いレンタルサーバーで運営したくなったときにスムーズに移行できるか疑問があります。

長い目で見て考えましょう

ホームページは公開して終わりではありません。更新のコストも考えなくてはなりません。たとえば、もしあなたに50万円の予算があったとしたらそれをすべて制作につぎ込むべきではありません。半分は制作費、半分は1年間の運営費というように考えましょう。

そのあたりをきちんとしてくれる制作会社を選びましょう。そしてその制作会社とはある程度の長いお付き合いになるはずです。あなたのホームページを担当する人の人柄も大切な要素です。そりの合わない人といい関係が築けるはずがありません。

また、あなた自身も制作会社に丸投げの姿勢はよくありません。あなたのホームページはあなたのものです。しっかりと運営していくという姿勢が大切です。

ページのタイトルの重要性

Filed under: ホームページ作成のヒント — @ 2009年7月9日10:17 AM

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

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

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

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

無題ドキュメント

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

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

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

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

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

ではなく

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

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

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

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

ホームページのメニューの位置

Filed under: ホームページ作成のヒント — @ 2009年7月7日10:15 AM

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

ホームページのレイアウト例

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

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

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

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

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

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

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

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

SEOって何?

Filed under: ホームページ作成のヒント — @ 2009年7月6日10:13 AM

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

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

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

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

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

ちなみにこのサイトは公開して1週間後、Googleにおいて「ホームページ テンプレート」というキーワードで746万件中22位に表示されています。特に何もしていません。正確で最適なHTMLを記述しているだけのことです。

もちろん将来この順位は上がりもするし下がりもするでしょう。そのことに一喜一憂するよりもコンテンツを充実させていくことに力を注ぐことのほうがはるかにホームページを効果のあるものとしてくれるでしょう。

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

WordPressで構築したサイト

Filed under: ホームページ作成のヒント — @ 2009年7月4日10:12 AM

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

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

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

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

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

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

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

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

このサイトで販売するHTMLテンプレートと同じデザインのWordpressテーマも販売しています。

WordPressテーマ「WPデザイン」

ホームページ制作ソフト

Filed under: ホームページ作成のヒント — @ 2009年7月2日10:09 AM

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

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

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

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

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

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

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

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

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

2 / 3123