なぜ、問い合わせしやすいホームページが重要なのか？

「どうやったら問い合わせしやすいホームページになるだろうか？」と疑問持たれたために、あなたはこのページをご覧になっていると思います。これから問い合わせしやすいホームページにする方法をご紹介しますが、なぜそのようにする必要があるのでしょうか？

それは、問い合わせを増やしたいからではないでしょうか。したがって、問い合わせがしやすいホームページを、単純に「便利で簡単にすること」と捉えてしまうと、問い合わせは増えません。利用者の心理をしっかりとらえて、それなりのやり方をしなくてはいけないんです。

そこで、何をすれば『問い合わせしやすいホームページ』になるのか、説明しましょう。

問い合わせしやすいホームページ、５つの超重要ポイント！

それでは、問い合わせしやすいホームページの、超重要ポイントを説明します。ポイントは以下の５つですので、しっかり目を通してください。

1. 問い合わせしやすいとは何か？
2. 問い合わせページを用意する。
3. リンクやバナーを工夫する。
4. 問い合わせ対象を検討する。
5. 信頼してもらえるように工夫する。

問い合わせしやすいとは何か？

まず、問い合わせしやすいホームページを理解するために、問い合わせという行動そのものについて分析してみます。

問い合わせとは、ホームページを閲覧した方に芽生えた疑問や質問の、答えを知りたいという欲求から行われるものです。つまり、「○○については分かったけれど、□□はどうなんだろう？　ちょっと聞いてみよう」となって、問い合わせという行動に移るんですね。

もちろん、メールによる問い合わせの場合もあるし、小冊子のダウンロードやカタログ請求の場合もあるでしょう。いずれの場合でも、もっと知りたいという欲求が関係していますので、それを満たす必要があるのは当然ですが、その気持ちを削がないようにすることも重要です。

なぜなら、「よくわかんないし面倒だなぁ。まあいっか、また今度。」となってしまう場合がほとんどだからです。残念ながら、『今度』はないでしょう。つまり、思ったその時に行動してもらわないと、問い合わせにつながらないんです。

このように、『問い合わせしやすいホームページ』は心理的な障壁を少なくできれば、実現可能であることがわかると思います。

そこで、心理的な障壁を減らすという視点で、具体的に説明していきます。

問い合わせページを用意する。

問い合わせをしやすくするときは、必ず問い合わせページを用意しましょう。これは、問い合わせ受け付け専用のページで、入力フォームを備えたものを指します。なぜ、このような問い合わせページを用意するのかというと、閲覧者にとって面倒な作業を極力減らしたいからです。

したがって、メールアドレスだけ示してそこにメールを送るように指示するだけというやり方は、すぐにやめるべきです。おそらく、メールを電話と同じ感覚で考えているか、入力フォームを作るのが面倒だからだと思いますが、確実に問い合わせを減らします。

あなたも、どこかのサイトで問い合わせようとしたときに、メールを直接送ることになっていたとしたら、とても面倒だと思いませんか？　もしそう思うのであれば、それは他者も同じ気持ちです。問い合わせページを作って、できるだけ簡単で負担の無い問い合わせ方法にしましょう。

このような対策で、問い合わせがしやすくなり、問い合わせを増やすことにつながります。

参考 問い合わせページについては、こちらで詳しく説明しています。

問い合わせページの作り方、７つの超重要ポイント！

問い合わせページの作り方、７つの超重要ポイントを説明します。読者対象は、問い合わせページ作成のポイントが知りたい方です。単なる作り方ではなく、コンバージョンアップを主眼に置いた説明をしています。

hprs1.com

リンクやバナーを工夫する。

問い合わせをしやすくするためには、リンクやバナーを工夫しましょう。これは、問い合わせページへのリンクのことですが、どんなに優れた問い合わせページを用意できても、その存在を知らせなければ気付いてもらえないからです。当然ですが、気付かなければ問い合わせてもらえません。

そこで、リンクやバナーについて重要なポイントを２つご紹介します。

バナーの位置

問い合わせしやすくする上で、バナーの位置が非常に重要です。なぜなら、バナーの位置が悪いと問い合わせページの存在に気づいてもらえないからです。

バナーの具体的な位置ですが、最もクリックされやすいのは、ページ下部の文章を読み終えた直後です。また、サイドバーに配置するのであれば、最上部に置きます。本来なら、実験して最適な場所を見つけるべきかもしれませんが、統計的に見て最もクリックされる場所です。

これは、さまざまなサイトで検証されており、実際に広告の位置として推奨されている場所です。一般的なブログの場合、ちょうど読み終えた後に広告が出てきますよね。それはクリック率が高いからです。読み終えた後は、次の行動を考えるからクリックしやすいんですね。

また、サイドバーのバナーはほとんどクリックされませんが、最初に目に入っていればページ下のバナーは２回目の閲覧です。人間は複数回あると、脳内で勝手に因果関係を作りますので、心理的にクリックさせやすいという効果が期待できます。

このように、問い合わせを増やすためには、リンクやバナーの位置をページ下部とサイドバーのトップを目安に配置してください。これで、物理的に問い合わせしやすい状況が作れます。

バナーの文言

問い合わせをしやすくするにあたって、実はバナーの文言が重要な役割を果たします。なぜなら、文言の良し悪しがクリック率に大きく影響するからです。

バナーの文言はしっかり考えましょう。多くの方はバナーを作ったり、最適な位置に置けばそれで何とかなると考えているようです。しかし、心に刺さる言葉が無ければクリックしたいと思えません。つまり、魅力的に表現しないと行動させられないわけです。

例えば、「お問い合わせはこちら」とだけしても、あまり魅力を感じません。しかし、「お問い合わせはこちら、フォーム入力だからとっても簡単！」とすれば、面倒な問い合わせという行為がとても簡単に行えそうですよね。他にも、受付件数、返答までの時間、満足度なども良いですね。

受け付け件数が分かると、多くの方が利用しているということがわかり、ちょっと安心ですよね。返答までの時間が分かれば、いつまで待てばいいのか目安ができるので、やはり安心です。満足度が高ければ、どんな質問にも答えてくれそうですよね。

このように、問い合わせをしやすくするにあたってバナーやリンクは、問い合わせるだけの価値があることを、文言によって説明することが非常に重要ですよ。これで、心理的に問い合わせしやすい状況が作れます。

問い合わせ対象を検討する。

問い合わせしやすくする上で、問い合わせの対象となるものを検討するのは重要です。これは、「何に対する問い合わせなのか？」をある程度絞るということです。なぜなら、抽象的な表現では関心を持ってもらえないからです。つまり、問い合わせ対象を具体的にするんですね。

形としては、「○○についてお問い合わせください！」とします。例えば、「価格についてはお問い合わせください。」とか「在庫についてはお問い合わせください」というパターンです。また、ある特定の悩みについて、問い合わせを受けるというものも考えられます。

例えば、「肩こりの悩み、ご相談ください」とか「辛い腰痛、ご相談ください」といった感じです。こうすると、読み手も具体性が出るので、問い合わせしやすくなるんですね。なお、テクニックとしては、できるだけ今すぐ解決したいであろうことを見つけます。

なぜなら、いつでもよいものなら「まあ、今度でいいか」となってしまうからです。例えば、肩こりは何とかなりそうですが、腰痛は動けないので今すぐ解決したいですよね。

このように、問い合わせをしやすくするにあたって問い合わせ対象（集客フックと言います）を具体的なものに絞りましょう。すると、閲覧者は問い合わせがしやすくなりますよ。

信頼してもらえるように工夫する。

問い合わせしやすくするためには、信頼してもらえるような工夫が必要です。なぜなら、問い合わせしやすいホームページは、安心して使えることが絶対条件だからです。そこで、４つのポイントを挙げて、詳しく解説しましょう。

これらのような対策で信頼を獲得できれば、閲覧者の心にかかるブレーキを解除できますので、問い合わせしやすくなるでしょう。

まとめ：利用者の気持ちを理解しましょう。

いかがでしたか？　問い合わせしやすいホームページの、重要ポイントについて説明しました。

今回説明したのは、問い合わせとは何か？、問い合わせページを用意する、リンクやバナーを工夫する、問い合わせ対象を検討する、信頼してもらえるように工夫する、などのポイントでしたので、ご理解いただけたのではないかと思います。

問い合わせは、決して「無理やりさせるもの」ではありません。あくまでも「自然としたくなる」ように仕向けることが必要です。そのためには、問い合わせがしやすい環境を用意し、有用な情報をできるだけ多く公開して、信頼を得ることが欠かせません。

中でも、問い合わせ対象（集客フック）の選択を間違えると、心に響かなかったり心理的なハードルを上げてしまいます。そうなってしまうと、当然ですが問い合わせに至りません。重要なのは、利用者の気持ちを理解することです。

問い合わせしやすいホームページとは、利用者の気持ちに沿って仕上げるものであることを、ご理解いただければ何よりです。

以上、「問い合わせしやすいホームページ、重要ポイントとは？」と題して説明しました。

なぜ、ホームページを見てもらうことが重要なのか？

思ったほどのアクセスがないと、「ホームページを見てもらうにはどうしたらいいんだ？」と疑問が湧くと思います。これから対策についてお話ししますが、その前に「なぜ見てもらいたいのか」頭の中を整理してほしいんです。

様々な理由があると思いますが、自社や商品について多くの方に知ってもらい、売り上げに結び付けたいという想いが、おそらく共通する部分ではないでしょうか。するとやるべきことがあって、見てもらうための工夫をする必要があります。

そこで、どのような工夫をしなくてはいけないのか、詳しくご説明しましょう。

ホームページを見てもらうためのポイント！

それでは、ホームページを見てもらうためのポイントを説明します。７つありますので、しっかり頭に入れましょう。

なぜ工夫をしなければ、アクセスがゼロなのか？

ホームページは、工夫しなければ見てもらえません。なぜなら、偶然辿り着くことはほぼあり得ないからです。実在の店舗であれば、歩いている人や乗り物に乗っている人が、偶然見かけることはあります。しかし、ネットではそのような偶然はほぼないと思ってください。

なぜなら、ホームページは自ら意思を持ってアクセスする能動的なものだからです。すると、こちらから仕掛けるしかありませんので、ユーザーがどのようにホームページにたどり着くのか知る必要があるでしょう。具体的には、次の３つの経路や方法にまとめられます。

• 検索で見つける
• ブログ等で紹介されている
• URLを入力して直接アクセス

おそらくほとんどの場合は、検索かURLの直入力だと思います。ブログ等で紹介されている場合もあるでしょうが、結局その紹介サイトには検索でたどり着いていると思います。すると、検索とURLの直入力しか経路がないので、偶然辿り着くことは無理であることが分かりますね。

魅力がないと見てもらえません

ユーザーをホームページにたどり着かせることが出来ても、内容に魅力がなければ、ほとんど見ることなく直帰してしまいます。あなたも、期待外れの内容だと分かった瞬間に、読む気がなくなってしまいますよね。つまり、内容に問題があると見てもらえないんです。

おそらく、必要と思われる情報を提供しているでしょうし、箇条書きを使い簡潔な文章になるよう気を付けたり、画像を使ったりして読みやすくなるよう心掛けていると思います。しかし、それで魅力的な内容になるのかと言われれば、違うのではないでしょうか。

だからと言って、人気アイドルについて説明しろということではありません。魅力を感じてもらえるようなポイントが、突けているのかどうかが重要なんです。

ホームページを見つけてもらう工夫をする

ホームページを見つけてもらう工夫として、４つのアクセス施策をご紹介しましょう。

検索エンジンにホームページを見つけてもらう

ユーザーに、ホームページを検索で見つけてもらえるようにするには、まず検索エンジンにサイトを見つけてもらう必要があります。そもそも、ホームページを検索エンジンが認識してくれなければ、検索結果に表示されないんですね。

では、具体的に何をする必要があるのかというと、検索エンジンに対してホームページの存在を積極的に知らせます。例えば Google の場合であれば、『Google Search Console』の利用を開始することです。最低限これを行えば、ホームページの存在を知らせることができます。

できれば、そのサイト内でサイトマップ登録を行いましょう。こうすると、どのようなページがあるのか知らせることができるので、サイト内をくまなく検索対象にしてもらうことが可能です。（サイトマップは Google 用の xml形式で作成する必要があります。）

このように、まずは検索エンジンにホームページの存在を知らせるところから、しっかり行ってください。

SEO対策を行う

ホームページを見つけてもらうためには、SEO対策を行って検索で上位を狙う必要があるでしょう。自社のサイトに到達する方法の一つが検索ですが、ある程度上位に表示されないとアクセスはなかなか増えません。最低でも１０番以内に入らないと訪問者は増えないでしょう。

なぜなら、多くの人が上位のサイトにアクセスして、下位のサイトまでチェックしないからです。単純に検索の一覧に並ぶだけでなく、上位に表示されるところまで対策しないと、検索からホームページに流入してくるということはまずありません。

ネット上でホームページを見つけてもらう方法としては、最も基本的なやり方ですので、しっかりと対応しましょう。

ネット広告

SEO対策と並んで重要なのがネット広告です。これは、検索の一覧に自社サイトのリンクを表示するものです。上部と下部にある広告枠にリンクを表示しますので、かなり目に留まりやすくなります。なお、広告ですので費用が掛かかる方法です。

では、なぜ広告を利用するのかというと、SEO対策が難しい場合に効果的だからです。ライバルが多いと競争になるので、どうしても検索で上位表示するのは難しくなります。そこで、費用を掛けて広告を出すことで、目立つようにするわけですね。

ネット広告は、SEO対策がうまくいっていれば必ずしも必要ではありません。しかし、なかなか検索で上位表示できない場合は、検討してみる価値は十分ありますので、覚えておきましょう。

従来メディア

マスコミやチラシといった従来からある各種メディアに記事や広告を出して、アピールしたほうが良い場合もあります。それは、会社の知名度が低い場合や新製品の場合がそうです。また、ごく一部の業界でしか使わないような特殊な商品の場合も該当するでしょう。

なぜなら、検索される可能性が低いからです。そのような場合は、従来メディアでホームページの存在を知らせて、見てもらうわけです。やり方は、自社サイトのURLを示したり「詳しくはWebで」というフレーズ（よく聞きますよね）でアクセスを促すことになるでしょう。

このように、検索では周知できない場合もありますので、それに備えて従来メディアを活用する方法も忘れないでください。

内容に魅力を感じてもらう工夫をする

内容に魅力を感じてもらい、直帰率を下げる工夫を２つご紹介します。

テーマをユーザー目線で決める

魅力を感じさせるには、ユーザーが知りたいこと（困っていること）を見つけて、それをテーマにする必要があります。なぜなら、多くの方は解決策を探してホームページを見るからです。ユーザーは本当は何を知りたいんだろうか？　まずはそこから考えてみてください。

例えば、そもそも何に使う商品なのかわからない場合があると思います。また、メンテナンスの仕方がわからないとか、保証内容を詳しく知りたいといったことも考えられます。もちろん、これらはあくまでも一例ですので、他にもさまざまな種類の情報が考えられるでしょう。

このような内容づくりは、ユーザー目線で考えなければできません。「ユーザーは何を知りたがっているのか？」ということを考えて、ホームページのテーマを決めましょう。これができれば、内容に魅力が出てくるので、直帰させないようにできますよ。

ユーザーが知りたい内容であることを伝える

ユーザーが知りたい内容であることを伝えましょう。具体的には、タイトルや見出しを工夫することです。内容に見合ったタイトルを付けることで、「あなたの知りたい情報はここです！」と教えるわけです。なぜなら、伝えなければ気付かないからです。

例えば、メンテナンス方法を説明しているのに、「商品の特徴」というタイトルのままではまずいですよね。もちろんタイトルは、「メンテナンス方法」としましょう。少し工夫して「誰でもできる簡単メンテナンス方法！」みたいな感じてもいいと思いますよ。

このように、内容についてもタイトルで伝えなければ気付いてもらえません。インターネットでは、偶然見つかることがほとんどありませんので、しっかり対応しましょう。

まとめ：見つけてもらう工夫だけでなく、魅力的な内容も必要です

いかがでしたか？

ホームページは、積極的にアピールしないと見てもらえない事にお気づきいただけたでしょうか。現実世界では、放っておいても会社を見つけてもらえますが、ネット上ではそれはほぼ考えられないんですね。だからこそ、SEOなどの見つけてもらう工夫が必要なわけです。

また、見つけてもらっても実際に見てもらえるかどうかは、内容次第です。ユーザーの知りたいことを内容にしなければ直帰してしまうでしょう。見つけてもらう工夫までは対策できても、その先まで思いが及ばない方が少なくありませんので、ぜひ覚えておいてください。

見つけてもらう工夫と、魅力ある内容の両方があって初めて、ユーザーに会社や商品を知ってもらうことができます。ぜひこの点を忘れないで、取り組んでいただければ幸いです。

以上、「ホームページを見てもらうには、何をすべきか？」と題して説明しました。

なぜホームページのリンクが重要なのか？

リンクは、ホームページ同士をつなげます。つまり、さまざまな情報に出会える入口であるとも言えるでしょう。したがって、閲覧者に新しい知識を提供するという意味で、非常に重要なんです。そこで、正しい作り方について説明しようと思います。

なぜなら、誤った作り方をすると本来の目的である『新しい情報の入り口』という役割が果たせないからです。それは、お手本通りに作成するという意味だけでなく、閲覧者の使いやすさ（導線設計）という点も考慮すべきポイントが多々あります。

また、 Google などの検索エンジンはリンクを重視しますので、検索順位にもかかわってきます。正しく作ることが、結果的にはWeb集客にも好影響を与える可能性があるんですね。

そこで、どのようにリンクを設置するのがベストなのか、正しい作り方を説明します。

※リンクについて

リンクには関係性によって、以下のように２通りあります。

• 発リンク　⇒　自サイトから他のホームページへリンク
• 被リンク　⇒　他のホームページから自サイトへリンク

今回ご説明するのは「発リンク」ということになりますので、ご注意ください。

正式には「ハイパーリンク」と言いますが、「リンク」の方が一般的ですので、言葉遣いはそちらに統一しています。

ホームページのリンク、作り方７つのポイント！

それでは、ホームページのリンクについて、作り方を７つのポイントに分けて説明します。しっかりと目を通してください。

１．リンクの基本的な作り方とは？

まず、リンクの基本的な作り方を説明します。やり方はとても簡単で、 a（アンカー）タグで文字列を囲み、href にリンク先の URL を記述するだけです。以下の例をご覧ください。

このように記述すると、文字列がリンクとして機能します。たったこれだけで作れますが、とても重要なポイントがあります。それは、「ページタイトル（title タグで囲まれている部分）」と一致させることです。つまり、それなりの作法があるということなんですね。

例えば、上記の例では「 https://hprs1.com/ 」がリンク先ですので、そのページのタイトルである「ウェブソルブ」を a タグで囲んでいます。つまり、文字列は接続先を正確にあらわさないといけないんですね。なので、「こちらをクリック」などとするのは誤りなんです。

なぜ文字列にこだわるのかと言えば、人間にはわかっても、検索エンジンにはわからないからです。システムが認識できなければ、検索順位に悪影響を及ぼす可能性があります。そのため、リンク文字はページタイトルと一致させて、正しく作るようにしてください。

もちろん、人間の目で見ても分かりやすくする（ユーザービリティ）ためにも正確な文字列でリンクを作りましょう。

２．同一ページ内にリンクを張るには？

続いて、同一ページ内にリンクを張る場合をご紹介しましょう。基本的な流れは、移動先に目印（ID属性）を付けて、そこへ目がけてジャンプするという設定を行います（IDに#を付けると、アドレスとして指定できます）。以下の例示をご覧ください。

このように記述すると、「同一ページ内にリンクを張るには？」をクリックした際に、h3タグへジャンプします。hrefにはURLの代わりに「#ID」を設定しますが、文字列は任意で構いません。（上記では、point2 を勝手に作りました。）

つまり、ページ内でリンクを張る場合は必ずID属性を使うことになるので、ジャンプ先には何かしらのタグが必要です。一般的には、見出しに移動することが多いと思いますので、特に困ることはないと思いますが、場合によっては無理やりに設定が必要かもしれませんね。

なお、先ほどの基本的な作り方同様、リンク先の文字列に合わせるようにした方が、やはり無難だと思います（検索エンジンへの対応という意味で）。

ちなみに、IDは同一ページ内では唯一無二になるようにしてください。これはHTMLのルールなので、同じものを複数作らないよう気をつけましょう。

補足：他ページの特定位置にジャンプするには？

他ページの、特定の位置にジャンプさせたい場合がありますよね。その際は、URLの後ろにIDを続けて記述してください。具体的には以下のようにします。

ただ、この場合はリンク文字列が少々ややこしいですね。ですが、基本的には移動先のページタイトルを使用すべきでしょう。そして、その後ろにハイフンや半角スペースで見出しの文字列を連結すれば、間違いないと思いますよ。

３．ボタン（画像）をリンクにするには？

続いて、ボタンをリンクにする方法を説明します。画像は、imgタグで表示しますので、そのままイメージを aタグで囲みます。以下の例を見てください。

• <a href=”#point3″><img src=”toiawase.png” alt=”お問い合わせ” /></a>

画像をリンクにする場合は、このように imgタグを aタグで囲むだけで簡単に設定ができます。縦横のサイズについては、自動的にイメージの大きさに合わせてくれますよ。

ただし、画像をリンクにするときは大きな問題が発生します。それは、文字列が設定できないことです。移動先を示すワードが無いですので、検索エンジンに対して良くない対応になります。そこで、必ず行ってほしいのが、imgタグにalt属性を設定することです。

alt属性が設定された画像をaタグで囲むと、そこに設定された文字列がリンク文字の代わりとして働きます。もちろん、先ほどと同様に移動先のタイトルと一致させてください。

現在主流のHTML5のルールでは、alt属性は必須ではありませんが、画像をリンクにする場合は必須だと思ってください。

４．PDFファイルにリンクを張るには？

PDFをダウンロードしてもらいたいときなど、リンク先をページではなくファイルにしたいときがありますよね。その場合は、そのまま指定しても構いません。具体的には、以下の例のようにhref属性にファイル名と場所を指定してください。

ちなみに、画像をダウンロードできるようにしたい場合も、hrefにファイル名と場所を指定してください。以下はその例です。

なお、接続先がページではないので、リンク文字は神経質にならなくても良いです。なぜなら、検索への影響が少ないからです。ただし、PDFファイルの場合は内容が検索対象になる場合がありますので、そこまで考えるのであれば気を配りましょう。

文字に直接リンクを張る場合でも、画像でaltに文字列を入れる場合でも、なるべくなら内容を正しく示したものにしましょう。閲覧者のためになりますからね。

補足：内容が表示されてしまう場合は？

リンク先をファイルにすると、ダウンロードではなく内容が表示される場合があります。そのような場合は、download 属性を設定しましょう。以下のようにファイル名を記述します。

このように記述（ファイル名だけ、パスは不要です。）すると、画像を表示せずにダウンロードできます。もちろん、PDFなど他の種類も指定できますよ。なお、IEでは download属性に対応していませんので、「右クリックして［対象をファイルに保存］」するように促すと良いでしょう。

５．ライン用のリンクを作るには？

ホームページを多くの方に知ってもらうために、ラインでの拡散を期待する方もいらっしゃると思います。実は、ライン用のリンクは簡単に作れます。ワンクリックで利用できるので、閲覧者は簡単に仲間に紹介できますよ。

以下のライン公式ページにアクセスしてみてください。指示に従って手順通りに進めば、とても簡単に作れますよ。

LINE Developers

ただし、ラインは閉じた世界でのつながりであり、ツイッターなど他のSNSのような拡散は難しいと思われますので、過度な期待はしないようにしましょう。

６．リンク先を新しいタブで開くには？

リンク先を他サイトのページにした場合など、別のタブで開きたいことがありますよね。そのようなときは、target属性を追加するだけで、簡単に設定できます。以下の例をご覧ください。

target属性の値は「_blank」を設定しましょう。これで簡単に別のタブで開きます。

ちなみに、blankの前の記号は、アンダースコア（バー）という記号で、Shift キーを押しながら ろ キー（右 Shift の隣）を押すと表示できます。よく分からなければ、前の段落からコピー＆ペーストしていただいても構いませんよ。

なお、この方法は閲覧者の導線に強く影響しますから、閲覧の流れを邪魔してしまわないか、よく考えて使用しましょう。

７．リンクはサイト構造を考えて作りましょう

冒頭でもお話ししましたが、リンクはページ同士を結び付ける役割があります。したがって、情報の種類と在り処をよく考えて連結する必要があります。なぜなら、閲覧者がホームページ上で迷子にならないようにするためと、検索エンジンにサイト構造を伝えやすくするためです。

ザックリ言うと、トーナメント表のようにトップページから細分化していくイメージです。先へ進めば進むほど、内容がより詳しくなるようにするわけですね。そして、関連性のあるページ同士もリンクさせて、各ページからは先頭へ直に移動できるように結び付けるのも重要です。

リンク構造のイメージ図

HTMLで完全に自作している方は、十分注意して作りましょう。WordPressなどのシステムを使っている場合はほとんど勝手に構造が作られるので、関連するページの結び付け（カテゴリーやタグ）などに注意するだけでよいと思います。

実際に、検索で下位のページにたどり着いて、そこから上位のページに移動する閲覧者は多いと思いますので、リンクによるサイト構造の構築は非常に重要であると認識しておきましょう。

いわゆる「パンくずリスト」を作成するのも、良い方法だと思います。

まとめ

いかがでしたか？　ホームページのリンクについて、正しい作り方を説明しました。

今回ご紹介したのは、リンクの基本的な作り方から始まり、同一ページ内にリンクを張る、ボタンをリンクにする、PDFファイルにリンクを張る、ライン用のリンクを作る、リンク先を新しいタブで開く、リンクはサイト構造を考えて作る、などのポイントでした。

ホームページのリンクは別ページへの移動だけでなく、より詳しい情報に誘導する役割があります。それは閲覧者の目だけでなく、検索エンジンの分析でも同じように判定されます。だからこそ、a タグで囲まれた文字列は、正確に移動先を表さなくてはいけないんですね。

このように、ユーザビリティだけでなくSEO対策にも強く影響するのが、ホームページのリンクであることを忘れないでください。何となく作るのではなく、しっかりと意図を持って設置しなくてはいけないことを、ご理解いただければ幸いです。

以上、「ホームページのリンク、正しい作り方を解説！」と題して説明しました。

※これから説明する内容は、「HTML・CMS（WordPress）」どちらでも対応できます。

ホームページの構成とは？

最初に、ホームページ構成の全体像を説明します。ホームページは複数のエリアに分かれていますので、その部分ごとの役割に応じて、内容を作る必要があります。もちろん、いろいろな分け方があるんですが、ここでは４エリア７か所に分けて解説します。

基本的なホームページの構成は、次の通りです。

ホームページの構成

※図の番号はエリアの番号と一致しています。 共通ヘッダー・エリア（最上部） メイン・エリア（中央部） パンくずリスト（リンク） アイキャッチ画像（画像） 本文（文章） 関連ページの紹介（説明リンク） サイドカラム・エリア（中央部脇） 共通フッター・エリア（最下部） このように、４エリア７か所に絞って説明します。

大事なポイントは、ホームページの構成を単純にまねすることではなく、見やすくわかりやすいまとめ方です。これは、最終目的であるコンバージョン率の向上に欠かせない視点ですので、その点を中心に説明しましょう。

ホームページ構成、７要素のポイント！

それでは、ホームページの構成を具体的に説明します。要素は７つありますので、しっかり目を通して頭に入れましょう。

構成１．共通ヘッダー・エリア

共通ヘッダー・エリアとは、ホームページの構成で最上部にある統一された部分のことで、文字通りすべて同じ情報が表示されます。具体的には、左側に会社名（サイト名）と説明を入れ、右側には所在地や連絡先などを入れるのが一般的です。

共通ヘッダーで特に重要なのは左側です。なぜなら、人間は必ず左上から物を見るという、ある種の習性があるからです。したがって、ここには最も重要なサイト名と説明を入れて、どのようなホームページであるのかを着地したユーザーがすぐ理解できるようにします。

グローバルメニューについても説明しておきましょう。これは、共通ヘッダーの上部や下部にある、サイト全体にアクセス可能なリンクです。重要なカテゴリーやページで内容を構成します。なお、数が多いとわかりにくいので、５つ程度に収めましょう。

このように、共通ヘッダーは最初に目に触れますから、シンプルにしながらもしっかり情報が伝わるように作ることで、見やすくわかりやすいエリアになるでしょう。

これで、ホームページ構成のうち、共通ヘッダーが出来上がります。

構成２．メイン・エリア

メイン・エリアは、ホームページの構成において中核となる部分ですのでかなり重要ですが、広範囲にわたるため、ここでは次の４つ要素に絞って説明します。

1. パンくずリスト
2. アイキャッチ
3. 本文
4. 関連ページの紹介

では、具体的にそれぞれの要素を説明しましょう。

ａ．パンくずリスト

パンくずリストとは上位へのリンクを並べたもので、現在閲覧中のページがサイト内でどのような位置にあるのか、道しるべとして働きます。ホームページの構成としては、ユーザーフレンドリーと検索エンジン対策になる要素です。

ユーザーが検索で到達した場合、トップページにたどり着くことはほとんどありません。すると、どこにアクセスしたのか分かりにくくなりますが、着地点にパンくずリストがあれば、サイト構造がつかみやすくなるのです。つまり、迷子になりにくくなるんですね。

また、検索エンジンはサイト構造を把握しようとして、リンクをたどります。すると、パンくずリストがあることで全体像がつかみやすくなり、若干ですがSEO対策上も有利になるようです。このようなポイントを押さえると、見やすくわかりやすいページになるでしょう。

これで、ホームページ構成のうち、パンくずリストが出来上がります。

パンくずリストは、童話『ヘンゼルとグレーテル』が由来です。物語中、主人公が森で迷子にならないよう、通り道にパンをちぎって置いていったエピソードに似ているところから、そう呼ばれるようになったそうですよ。

ｂ．アイキャッチ

アイキャッチとは、文章の直前にある大きめの画像のことです。ホームページの構成としては、閲覧者の目をいったん絵や写真に向けさせることで、直帰率を下げる役割を担います。これはある種の心理作戦で、イメージの後に続く文章は読みやすくなるのが人間なんですね。

したがって、必須ではないものの、文章を読ませるための推進力としてはぜひ欲しい画像です。ちなみに、サイズはなるべく大きくしてください。縦横比については、 16:9 が見やすいのではないかと思います。ようするにテレビ画面の比率ですね。

なお、画像の中身は何でも構いません。もちろん、商品紹介のページであればその写真を載せましょう。それ以外のページ（ブログなど）であれば内容に合わせても良いし、物品やサービスが関係しないのであれば無関係なイメージでも構いません。

このように、文章を読ませるための推進力として必要なのがアイキャッチ画像ですので、面倒くさがらずにしっかり対応しましょう。心理的に、見やすくわかりやすいホームページになりますよ。

これで、ホームページ構成のうち、アイキャッチが出来上がります。

ブログで見かける文章直前の画像は、まさにアイキャッチです。それだけ、文章を読ませるための推進力として効果的なんですね。

ｃ．本文（☆超重要ポイント）

本文は、ホームページ構成の中で最も重要な部分です。なぜなら、閲覧数や直帰率に最も影響を与えるからです。具体的な書き方ですが、最初に概要説明を行いましょう。場所は、アイキャッチの真下あたりになると思いますが、 description に入力した内容と同一で構いません。

というのも、ほとんどの訪問者は、読むかどうかを概要説明で決めるからです。その後は、実際の本文を書きます。基本的な文章構造は３部構成ぐらいにし、『導入部分・本論・まとめ』のような形にすればわかりやすいでしょう。記述するコツとしては、いかに読み手の疑問に答えるかです。

決して自分の主張を繰り広げるのではなく、閲覧者が何に疑問を持ち、どのような答えを望んでいるのかよく考えます。つまり、本文は閲覧者にとってのＱ＆Ａのような内容にすると、一番うまくまとまると思います。（もちろん見かけ上は、文章の形で構いませんよ。）

なお、行間や段落の間は「詰め過ぎず広げ過ぎず」文字サイズとの兼ね合いで、読みやすい間隔を心がけてください。このように、本文は最初に概要説明で読む価値を伝えた後、問題とその解決策を書く流れにすると、見やすくわかりやすい文章になりますよ。

必要に応じて、挿絵やグラフなどの画像も入れて説明しましょう。

これで、ホームページ構成のうち、本文が出来上がります。

参考 本文の詳しい書き方については、以下のページを参考にしてください。

ホームページの文章、知っておくべき伝え方のコツとは？

ホームページの文章で、知っておくべき伝え方のコツを説明します。読者対象は、ホームページ用の伝わる文章の書き方を知りたい方です。単なるテクニックだけでなく、伝えることの本質についても詳しく説明しています。

hprs1.com

ｄ．関連ページの紹介

本文の後は、関連ページの紹介をしてください。ホームページの構成としては、読み終わった後の離脱をできるだけ防ぐ役割があります。つまり、別の情報を紹介することで複数ページを読んでもらうようにし、閲覧者をサイトに長時間滞在させようというわけです。

複数のページを読んでもらえれば、会社や商品の魅力が伝わりやすくなるので、購入や問い合わせを増やすことにつながります。したがって、内容に関係のある情報が他にも存在する場合は、関連ページとしてぜひ紹介してください。

なお、関連ページの紹介は本文の最終行からやや広めに間隔を取った場所にします。なぜなら、本文と区別したいからです（広すぎると目に留まらないので注意しましょう）。すると、離脱者を少しでも減らしながらも、見やすくわかりやすい形にできると思います。

これで、ホームページ構成のうち、関連ページの紹介が出来上がります。

関連情報が無い場合は、見せたいページやお問い合わせなどのバナー（リンク）を配置するのも、良い方法ですよ。

このように、メイン・エリアは４つの部分に分けて考えることで、ホームページ構成が作りやすくなるでしょう。

構成３．サイドカラム・エリア

サイドカラムは、メイン・エリアのとなりにある縦長の部分です。ここはホームページの構成上、本文以外にも多数の情報があることを知らせる役割があるので、バナー・リンク・告知・メニューなど様々なものを置きます。ポイントは３つありますので、順を追って説明しましょう。

このように、サイドカラム・エリアはサイトやページの特性と閲覧者の見方に合わせて、配置や使用の有無を決めることで、見やすくわかりやすい構成ができるでしょう。

これで、ホームページ構成のうち、サイドカラムが出来上がります。

構成４．共通フッター・エリア

共通フッター・エリアは、ホームページ構成の最下部にある部分のことで、各ページに同じ情報を入れます。内容は様々ですが、一般的にサイト名を入れる例が多く見られます。つまり、ヘッダーと合わせて両方に名前を入れるわけですね。繰り返すことで、認知度を上げるのが狙いです。

それ以外の内容はサイトによって違いがあります。なぜなら、フッター・エリアだけは唯一何を発信するか決まりが無いからです。そのため、人によってはあまり力を入れない場合もあります。ところが、案外見られる部分なのでそれではもったいないんです。

そこで積極的に活用します。具体的には、自分が一番読んでほしいと思うものを発信するんです。主張したいことや非常に重要な情報へのリンクなど、自由で構いません。なお、縦に３分割すると見やすくわかりやすい作り方ができると思います。

このように、共通フッター・エリアは自由にしてよい部分なので正解というのはありませんが、積極的に活用していただきたいと思います。ただし、ゴチャゴチャと詰め込まないように注意してください。大事なのは、見やすくわかりやすい内容にすることですから。

これで、ホームページ構成のうち、共通フッター・エリアが出来上がります。

まとめ：ホームページの構成は、内容のまとめ方も重要です。

いかがでしたか？　ホームページの構成、超重要な７つの要素を説明しました。

今回説明したのは、共通ヘッダー、メイン、パンくずリスト、アイキャッチ画像、本文、関連ページの紹介、サイドカラム、共通フッター、などのエリアからなる構成要素でした。

基本的には、４エリア７か所という構成で作り込めば１ページが完成します。HTML で作るときは、テンプレートを作ってしまったほうが便利でしょう。また、CMS（WordPressなど）を使っているときはそのままで形ができているので、面倒なところは無いと思います。

ところで、ホームページは構成だけまねしても不十分で、見やすくわかりやすい内容にまとめることがとても大切です。なぜなら、最終的な目的であるコンバージョン率の向上は、外見ではなく中身が強く影響するからです。エリア分けは、閲覧者の心理をうまく利用しているんですね。

これでホームページの構成に関する説明は終わりますが、見た目だけでなく、内容のまとめ方も参考にしていただければ幸いです。

以上、「ホームページの構成、超重要な７つの要素とは？」と題して説明しました。

なぜホームページリニューアルでは、検索順位が重要なのか？

あなたは、「ホームページのリニューアルで、検索順位を上げられないだろうか？」とお考えになって、このページをご覧のことと思います。せっかくホームページをリニューアルするのであれば、集客力につながるよう、検索順位を上げたいと思うのは当然でしょう。

確かに、集客力アップのためには、検索順位を上げるという施策は非常に重要です。なぜなら、そもそも検索順位が低いと、それ以外の施策が生きてこない場合があるからです。したがって、検索順位を上げることを念頭に置きながら、リニューアルする必要があります。

しかし、単に順位を上げただけでは集客力の向上にはなりません。そこで、ホームページをリニューアルする際に、どのようにすれば検索順位を上げると同時に集客力も上げられるのか、その方法をご紹介します。

ホームページリニューアルで、検索順位を上げる方法。

それでは、ホームページリニューアルで、検索順位を上げる方法を説明します。

デザインを変えても、検索順位は上がらない。

最初に知っておいて頂きたいのが、デザインを変えても検索順位は上がらないということです。一般に、ホームページのリニューアルと言えば、見た目を変えるためにデザインを変更することが多いと思います。しかし、これは検索順位に影響を与えません。

なぜなら、検索エンジン（主に Google ）はホームページの内容が、閲覧者にとって有益かどうかで検索順位を決めるからです。検索エンジンが認識できるのは、基本的には文章だけです。つまり、デザインを変えても、検索順位に何ら影響を与えないということなんですね。

このように、デザインを変えても検索順位は上がりませんので、別の対策が必要であることを知っておいてください。

サイト構造を最適化しても、検索順位への影響は小さい。

次に知っておいて頂きたいのが、サイト構造を最適化しても、検索順位への影響は小さいということです。ホームページリニューアルの際に、全面的にサイト構造を見直して、最適化することをお考えの方は多いのではないでしょうか。

ところでサイト構造の最適化とは、いわゆる内部対策と呼ばれるSEO手法のことで、ページ間のリンクを調整することで、トップページから下位ページまで確実につながるようにするものです。全ページに対してスムーズに行き来ができるようになるので、ユーザーにとっても重要です。

しかし、これだけで検索順位に影響が出るものではありません。なぜなら、現在の検索エンジンはサイト全体よりも、個別のページが持っている力を重視するようになったからです。つまり、各ページの結びつきを強化しても、大きな力を持たなくなりました。

このように、サイト構造の最適化を行っても検索順位への影響は非常に小さいです。検索対策としては不十分ですのでご注意ください。

検索順位を上げるには、コンテンツによる対策が必要。

では、検索順位を上げるために何をすればよいのかというと、コンテンツによる対策です。コンテンツ対策を行うことが、最も効力を発揮するのです。コンテンツ対策とは、良質な内容のホームページを作ることですが、良質な内容とは閲覧者の役に立つことを指します。

つまり、ホームページのリニューアルで検索順位を上げるためには、各ページの内容を見直して、閲覧者に役立つコンテンツに作り替えることが必要なんです。おそらくこのように説明すると、「閲覧者に役立つかどうかなんて、プログラムが判断できるの？」と思われる方もいるでしょう。

実は、極めて高度に判断しています。おそらくAI技術の進化が関係していると思われますが、まるで人間が読んでいるかのように、役立つかどうかを判断しているんです。あなたも、検索結果をよく観察してください。役立つ情報が上位に来ることが、ほとんどであることに気づくはずです。

したがって、検索エンジンを中心に考えるのではなく、閲覧者のことを考えてコンテンツを作ってみてください。あなたの持っているすべての知識を総動員して、本当に役立つコンテンツを作れば、間違いなく上位に表示されますよ。

私の経験上、検索エンジンの方を向いたページを作っても、まず上位表示されません。しかし、閲覧者のことだけを考えて作ったページは、確実に上位表示してくれます。AIとはすごいものであると、実感する瞬間ですね。

商品の使い方を説明すると、検索順位に影響する。

検索順位に影響するコンテンツの具体例として、商品の使い方の説明が挙げられます。一般的に商品やサービスの説明そのものは、かなり熱心にされていることが多いです。しかし、使い方や注意点といった、買った（契約）後の説明が無いことがかなり多いのではないでしょうか。

これは、売ることに必死で、本当の意味でお客様のことを考えていないことが、表れてしまっているからです。実は、このような考え方はそのまま検索順位に影響します。先ほども説明しましたが、検索エンジンは、閲覧者の役に立つコンテンツを上位に表示させます。

つまり、閲覧者が本当に知りたいのは、商品を買った後のことなんです。もちろん商品やサービスにもよりますが、多くのお客様は「メンテナンスは？　処分方法は？」など買った後のことが非常に気になります。そして、お客様はそのような情報を必死で探しているんです。

したがって、ホームページでは、購入後の情報をしっかりと公開してください。他所が出していない情報で、かつ多くの方が望んでいれば、かなり高い確率で検索順位が上位になります。１位も狙えるでしょう。

このように、お客様目線を持つことはとても重要ですので、リニューアルの際に、商品の使い方を説明するコンテンツの追加を検討してください。

商品の評価・評判を公開すると、検索順位に影響がある。

もう一つの、検索順位に影響するコンテンツの具体例として、商品の評価・評判を公開することが挙げられます。これは、別の言い方をすると『お客様の声』のことです。なぜこのようなコンテンツが必要なのかというと、ホームページの説明だけでは信憑性に欠けるからです。

広報や営業が良いことしか言わないことは、多くの方がよくわかっています。だからこそ、閲覧者の多くは、お客様の本音が聞きたいんですね。したがって、評価・評判を読みたいというニーズは、非常に多いのです。ニーズに応えるというのは、品ぞろえの充実だけではないんですね。

こちらについても、先ほどの『使い方の説明』と同じで、お客様が探している情報です。なので、閲覧者に役立つ情報ですから、やはり検索で上位表示される可能性が高いと言えます。ただし、お客様の声をしっかり取っておく必要がありますから、そこは忘れないでください。

このように、リニューアルの際は、評価・評判について掲載しているコンテンツの追加を、検討すべきではないでしょうか。

ブログを利用するのも、検索順位を上げる一つの方法です。

ブログを利用することで、検索順位を上げられないかと考える方は多いようです。ブログはうまく使えば、検索順位を上げることが可能ですが、ブログの使い方を説明する前に、位置づけについて確認しておきましょう。

そもそもブログを使う理由とは何でしょうか？　これは、ホームページに変更が加えられない場合があるのと、ホームページに書く趣旨のものではないという場合があるからです。つまり、発信したい情報を、ホームページでは公開できないという状況があるわけです。

したがって、ホームページで自由に情報発信できるのであれば、ブログをわざわざ使う必要はありませんよ。さて、ブログを使うときのポイントは、どのような内容にするかでしょう。少なくとも日記は誰も見てくれません。重要なのは、閲覧者が必要としている情報の発信です。

例えば、自社製品を安く購入する方法や、開発者や営業マンだからこそ知っている裏技的な使い方、といった普通は知りえない情報の提供です。もちろん、どんなに画期的な情報でも、必要とされていないものではまずいです。あくまでもニーズのある情報を提供してください。

このように、ホームページリニューアルの際に、閲覧者が知りたい情報をブログで提供することで、場合によっては検索順位を上げることが可能でしょう。

扱う商品やサービスの、オーソリティーを目指しましょう。

結局のところ、閲覧者の役に立つコンテンツを用意することが、検索順位を上げられるホームページリニューアルであると言えます。そして、そのようなコンテンツを多く用意することで、自社が扱う商品やサービスの、オーソリティとしての地位を確立することが重要でしょう。

なぜなら、役立つコンテンツが多ければ、被リンクが増えたりいろいろなサイトで紹介されたりする可能性があるからです。直接的には検索順位に影響しませんが、自社ホームページを紹介してくれたサイトが検索で上位にあるならば、二次的に影響します。

つまり、別のサイトが上位表示しているので、そこから自社のホームページへ流入してくるという効果が考えられるわけです。このように、検索順位という点でオーソリティーを目指すのは非常に重要ですが、もちろん別の効果もあります。

それは、オーソリティーとして閲覧者に認識されれば、お問い合わせや販売につながるということです。詳しい情報が大量にあれば、「このサイトなら信頼できそうだ」と閲覧者に思わせることができますので、検索順位への対策だけでなくビジネスのやり方としても重要なんです。

ホームページのリニューアルにおいては、その道のオーソリティを目指してコンテンツの充実を図ることが、検索順位を上げるだけでなく集客力の向上という点で、非常に大きな役割を果たすと言えるでしょう。

まとめ：閲覧者に役立つコンテンツを用意しましょう。

いかがでしたか？

ホームページリニューアルで、検索順位を上げる方法を説明しました。デザインやサイト構造を最適化しても影響は小さい、コンテンツによる対策、商品の使い方を説明する、商品の評価・評判を公開する、ブログを利用する、オーソリティーを目指す、などのポイントがありました。

大事なポイントは、デザインでは検索順位が上がらないという点です。検索順位を上げるのはコンテンツの出来です。閲覧者に役立つコンテンツを提供することこそが、検索順位を上げ、信頼を得ることに貢献します。信頼が得られれば、お問い合わせや売り上げのアップが可能です。

単なる検索順位のアップだけでは、集客力までアップできません。そのことを忘れないで、役立つコンテンツの充実を図るように、ホームページリニューアルを行っていただければ幸いです。

以上、「ホームページリニューアルで、検索順位を上げる方法とは？」と題して説明しました。

なぜホームページのエディタは、無料で十分なのか？

ホームページの HTMLを、メモ帳のような簡易エディタで記述していると、「もっと便利なエディタは無いだろうか？」と思いますよね。特に、同じタグを何度も記述しなくてはいけないので、時間がかかるだけでなく、心理的にも負担を感じてしまいます。

そんな時は、 HTML記述に特化したエディタがあると、記述が非常に楽になります。私が愛用しているのはCrescent Eveという名前の無料エディタで、十分な機能を持っています。ホームページ作成に完全に特化しており、圧倒的に時間の短縮と心理的負担の軽減をしてくれています。

そこで、なぜCrescent Eveなら無料でも十分なのか、おすすめポイントをご紹介しましょう。

HTMLエディタ、Crescent Eve のおすすめポイント！

それでは、HTMLに特化したエディタ、Crescent Eve のおすすめポイントを７つご紹介します。
※ これからご紹介するエディタは、Windows用です。

Crescent Eve は、無料である。

Crescent Eveは、無料である点がおすすめです。おそらくほとんどの方は、『無料』という言葉がとても好きでしょう（笑）。これから、機能的な特徴について細かくお話ししますが、「これだけの機能がついていながら無料なのか!」と疑ってしまうほどです。

つまり、単に無料というだけでなく、お金を払ってもいいと思わせるくらいに、極めて良く出来ているということなんです。作者の方が語っていますが、非常にシンプルに必要な機能だけを追求した仕上がりなので、全く過不足なくちょうど良いエディタです。

無料なのでとりあえず使ってみて、合わなければ使用を中止すればよいだけです。まったく損はないですから、とりあえず試してみてほしいですね。

Crescent Eve は、軽快に動く。

Crescent Eve は、とにかく軽快に動きます。高度な機能を備えていながら、非常に動きが軽いのが特徴です。Windows に標準搭載されているメモ帳と、同じぐらい軽快に感じるでしょう。それくらいの軽さがCrescent Eve にはあるんです。

エディタは、起動が遅いとかメニューの動きが悪いといった反応の鈍さがあると、かなりイライラしますよね。本来、エディタは作業時の道具に過ぎないはずです。その道具に振り回されてしまったのでは、せっかくの創作意欲も薄れてしまいかねませんからね。

このように、Crescent Eve はとても軽快に動くので、使用中のイライラをなくせると思います。

Crescent Eve は、高度な入力支援の機能がある。

Crescent Eve は、高度な入力支援の機能を装備しています。入力支援というのは、HTML のタグ打ちを簡単にする機能です。具体的には、タグの入力を開始すると、サブメニューが開いて該当するタグを表示してくれます。

例えば、<a hと入力すると、hに関係する「href」などが一覧で表示されます。このような補完機能だけなら、他のエディタにも実装されている機能です。しかし、その動作が非常に賢いんです。場面に応じて補完機能を自動制御しているんです。

具体例としては、リンクタグ（<a></a>）の中に段落タグ（<p></p>）が入力できないように、補完機能が段落タグを表示しません。これは、文法上インライン要素の中にブロック要素を入れるのはおかしいからですが、非常に正確に反応します。

もちろん、HTML4.0、XHTML1.0、HTML5.0、など宣言された書式に合わせて補完されるタグも変化します。入力支援はHTMLだけでなく、CSS、JavaScript、PHPなども対応するので、ホームページ関連のすべてに利用できます。

つまり、Crescent Eve があれば、他のエディタは不要というわけですね。

Crescent Eve は、正確な文法チェックがある。

Crescent Eve は、正確な文法チェックがあります。先ほどの入力支援機能とも関連しますが、読み込んだファイルの書式に応じて、細かく文法をチェックしてくれます。例えば、HTMLであれば開始タグに対する終了タグが存在するか、またはその逆をチェックします。

これもエディタによっては搭載されている機能ですが、Crescent Eve は非常に細かくて、HTML4.0で使えても、XHTML1.0では使えないタグを指摘するようなこともします。非常に厳格にチェックするので、「あれっ？　このタグ使っちゃダメなんだ。」ということが分かったりします。

つまり、Crescent Eve の文法チェックによって、非常にきれいなコードが記述できます。また、厳密なタグの使い方を学ぶことにもなるので、正しい記述がいつの間にか身につくという、学習効果も期待できると思いますよ。

Crescent Eve は、プレビュー機能がある。

Crescent Eve は、プレビュー機能があります。一般的に、エディタはコードの入力しかできませんが、このエディタの場合はプレビュー機能によって、実際の表示を確認できます。なお、表示はインストールされているブラウザを利用します。

したがって、Internet Explorer、Mozilla FireFox、Google Chromeなど、好きなものを選ぶことができます。もちろん、直接HTMLをブラウザで開いても良いですが、エディタからブラウザを起動できると考えれば、便利な機能だと思いますね。

このように、好きなブラウザを起動してプレビューできるので、重宝するでしょう。

Crescent Eve は、便利な編集機能がある。

Crescent Eve は、便利な編集機能があります。それは、開始タグをダブルクリックすると、それに対応する終了タグまでが選択されるという機能です。例えば、まとめてコピーしたいとか、切り取りたいというときに非常に便利です。

また、たくさんのコードを書いていると、「この開始タグを受けているのは、どの終了タグだ？」というように、分かりにくくなることがありますよね。そのような場合も、開始タグをダブルクリックすれば、どこまで続いているのかが一目瞭然です。

このように、非常に実用的な機能がたくさん装備されているのが、Crescent Eve の魅力だと言えるでしょう。

Crescent Eve は、テキストエディタとしても優秀。

Crescent Eve は、テキストエディタとしても優秀です。基本機能がしっかりしているので、メモ帳と置き換えてしまっても問題ないと思います。文字の検索や置換の機能も、高度なものがついているので、膨大な行のあるテキストでも問題なく編集できるでしょう。

また、文字コードの変換も便利です。Shift JIS 以外にも JIS、EUC-JP、UTF-8 などの文字コードに対応しているので、サーバーからダウンロードしたEUC形式のファイルを編集するといったようなことも簡単に行えます。文字コード変換のためだけに使っても便利だと思いますよ。

さらに、入力済みのテキストを変換する機能も付いています。大文字を小文字に変換したり、その逆をやったりもできます。また、タブをスペースに変換したり、その逆もできたりするなど、「こういうことができらた便利なんだよな。」と思える機能が装備されています。

このように、Crescent Eve は普通のテキストエディタとして使っても十分満足のいくソフトウェアだと言えるでしょう。

まとめ：Crescent Eveは、試す価値のあるエディタです。

いかがでしたか？

ホームページのエディタの、おすすめをご紹介しました。無料である、軽快に動く、高度な入力支援の機能がある、正確な文法チェックがある、プレビュー機能がある、便利な編集機能がある、テキストエディタとしても優秀、など７つのポイントがありました。

繰り返しになりますが、Crescent Eveで最も重要な機能は、入力支援機能です。単純に補完機能がはたらくのではなく、状況に応じて補完機能が変化するところが、非常に高度だと思います。入力しながら文法の学習にもなるのは、面白いところだと思いますね。

Crescent Eveは、非常に高機能でありながら無料で、プロの使用にも耐えるエディタです。公式サイトもご紹介しておきますので、ぜひ一度、試していただければ幸いです。

シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)

シンプルなHTMLエディタ“Crescent Eve”を公開中。

www.kashim.com

以上、「ホームページのエディタ、おすすめはこれです！」と題して説明しました。

ホームページリニューアルは、デザインの導線設計が重要です。

「ホームページのリニューアルでは、デザインはどうすべきだろうか？」と、疑問を持たれる方は多いのではないでしょうか。確かに、おしゃれなデザインやカッコいいデザインなど、いろいろなデザインがあるので、かなり迷われていることでしょう。

ですが、ホームページのリニューアルを集客力の向上という視点で考えると、導線設計が極めて重要です。なぜなら、掲載内容の伝わり方に影響するからです。どんなに良い内容であっても、伝わらないのでは意味がありませんからね。

そこで、ホームページリニューアルについて、デザインの重要ポイントである導線設計を詳しく説明しましょう。

デザインのリニューアル、導線設計５つのポイント。

それでは、デザインのリニューアルに関して、導線設計のポイントを説明します。ポイントは５つにまとめましたので、しっかりと目を通してください。

ヘッダーデザイン。

まずヘッダーデザインについて説明します。ヘッダーデザインとは、ホームページ最上部のことですが、これは各ページ共通です。したがって、共通したメッセージを入れることになります。具体的には、会社名と簡単な説明と連絡先を入れてください。

なぜなら、どのページからアクセスがあるか分からないからです。そこで、共通ヘッダーに絶対見てほしい情報を入れるんですね。なお、最重要な会社名と説明は左側に入れます。というのも、人間は左から右に向けて情報を読み取るからです。

つまり、ヘッダーの左に最重要な情報を入れると最初に目に触れるので、記憶に残しやすくなるわけです。なお、連絡先もスペースが許せば、左側においてください（難しい場合は右へ）。右側は比較的自由で良いでしょう。

このように、ヘッダーデザインを左側と右側に分けて作ることで、導線をうまく確保できるようになり情報を伝えやすくなるでしょう。

メニューデザイン。

続いてメニューデザインについて説明します。この場合のメニューとは、上部に位置する横方向のメニューで、グローバルナビと呼ばれるものを指します。グローバルナビは、横方向になっていますので、やはり重要なリンクを左から入れていきます。

なぜなら、先ほどと同様に、左から順番に見るからです。右に行くほど重要度は下がりますので、左から順番に重要なリンクを入れるわけです。なお、やたらとたくさんリンクを入れたデザインを見かけますが、それは避けたほうが良いでしょう。

というのも、見た瞬間に「なんかゴチャゴチャしているなぁ」と思ってしまうと、それだけで見る気が無くなってしまうことがあるからです。できるだけ少なく集約してください。少なくとも７つとか８つもリンクがあると、明らかに多すぎますよ。

このように、メニューデザインは重要なリンクを左から順番に最小数で入れることで、導線を確保しつつ使いやすいものになるでしょう。

タイトルデザイン。

次は、タイトルデザインについて説明します。タイトルとは、ページの上部に表示される一番大きな見出しのことを指します。これは、できるだけ大きく目立つようにして、左寄せにしてください。なぜなら、何のページを開いているのかを、閲覧者が認識しやすくするためです。

閲覧者は、自分が読みたいページであるということが認識できなければ、間違ったと思ってしまい、直帰してしまう可能性があります。したがって、分かりやすくしっかりと、ページタイトルを表示する必要があるわけです。

ちなみに具体的なやり方は、<title>タグに入っているタイトルと同じ文言を<h1>または<h2>で表すことになるでしょう。このように、タイトルをページの上部で左寄せにし、なるべく大きく目立つように表示することで、導線に合ったデザインにできるでしょう。

見出しデザイン。

見出しデザインについて説明します。ここでいう見出しデザインとは、 <h1>から<h6>までのタグで表される見出しのことを指します。本文を記述するときに、内容ごとに見出しを付けますが、あまり派手なものにせず、見出しであることがわかる程度で十分です。もちろん左寄せですよ。

なぜなら、あまりにも派手な見出しにしてしまうと、そちらに目が行ってしまって本文に集中できない恐れがあるからです。大事なことは、本文をしっかり読んでもらい、内容を理解してもらうことであって、見出しをきれいに飾ることではありません。

もし、敢えてデザインにこだわりたいなら、いかに本文の邪魔をせず、むしろ読みたくなるような装飾ができるかがポイントです。なお、本文とほとんど区別がつかないデザインは、避けたほうが良いと思います。なぜなら、見出しを見て読む部分を決める人が多いからです。

このように、見出しを左寄せでシンプルなデザインにすることで、縦方向の導線をうまく確保して、本文を読みやすくすることができるでしょう。

<h1>や<h2>はタイトルに使っているはずですので、実際にはそれらを除いて考えてください。

フッターデザイン。

最後に、フッターデザインについて説明します。フッターデザインとは、ページ最下部のことで、各ページ共通です。したがって、ヘッダーと同様で共通したメッセージを入れます。具体的には、各種リンクや会社情報を入れることになると思います。

ただし、フッターの内容は比較的自由なので、好きなようにしてしまっても構いません。なぜなら、閲覧者が重要な情報を読み終わった後に見る部分なので、すでに満足が得られた後だからです。したがって、さらに読んでほしいページのリンクを置くのがよくあるやり方です。

また、ページの運営者である会社について知りたくなる場合も多いので、会社情報を入れる場合も多いわけです。なお、これまでと同様に、重要なものを左側から入れるようにしてください。繰り返しますが、人間は常に左から右に物を見ているからです。

たまに、かなりゴチャゴチャとリンクを入れているホームページを見かけます。見てほしいものをいろいろと勧めたい気持ちはわかるんですが、メニューのところで説明した通り、多ければ多いほど見る気がしなくなってしまいますので、項目数はできるだけ絞るようにしてください。

このように、フッターは共通したメッセージを入れることで、ページ最下部の導線がうまくいき、さらに多くのページを見てもらうことができるでしょう。

まとめ：本文を読みたくなるデザインがポイントです。

いかがでしたか？

ホームページリニューアル、デザイン５つのポイントを説明しました。ヘッダーデザイン、メニューデザイン、タイトルデザイン、見出しデザイン、フッターデザイン、などのポイントがありましたので、ご理解いただけなのではないでしょうか。

繰り返しになりますが、ホームページリニューアルのデザインで重要なのは、導線を意識することです。なぜなら、本文を読みやすくしたいからです。実際問題として、デザインで何かを伝えることはほとんどできません。文章でしか何も伝えられないんです。

したがって、いかに文章を読みやすくするか、つまり本文の邪魔をせず、むしろ本文を読みたいと思えるようにできるかがポイントです。その点を考慮していただき、成果の出るホームページリニューアルをしていただければ幸いです。

以上、「ホームページリニューアル、デザイン５つのポイント。」と題して説明しました。

ホームページリニューアルの、目的を明確にする理由とは？

あなたは、「ホームページをリニューアルする目的はなんだろうか？」と疑問を持ったために、このページをご覧になっているのだと思います。ホームページリニューアルはそれなりに費用が掛かりますので、目的は明確にしておきたいところでしょう。

ところで、なぜホームページリニューアルの、目的を明確にする必要があるのでしょうか？　それは目的が明確でなければ、リニューアルの方向性が決められないからです。費用や時間がかかることなのに、「なんとなく」ではまずいでしょう。目的を明確にする理由はそこにあります。

そこで、一般的な目的を紹介しますので、リニューアルの方向性を決める参考にしてください。

ホームページリニューアルの目的、５つのポイント。

それでは、ホームページリニューアルの目的について、５つのポイントを説明します。

デザインを新しくするのが目的。

ホームページをリニューアルして、デザインを新しくするのが目的の場合は多いでしょう。デザインを変更するということは、かなりの年数が経っているのではないでしょうか。ホームページのデザインが、立ち上げ時のままという場合も多いでしょう。

現代のトレンドに合わないものであれば、刷新したほうが良いと思います。ただし、完成されたデザインで、会社の顔のようになっているのであれば、無理して新しくする必要もないでしょう。なぜなら、デザインを変えてしまうと、訪問者がサイトを間違えたと思うかもしれないからです。

そのような場合は、部分的な改良だけでよいのではないかと思います。このように、デザインを新しくするという目的でリニューアルする時は、閲覧者に受けの良いデザインにするという、方向性になるでしょう。

スマホ対応するのが目的。

ホームページをリニューアルして、スマホ対応するのが目的の場合も多いでしょう。スマホ対応したいということは、スマートフォンが登場する以前のホームページで、かなり古いということだと思います。その場合は、スマホ対応のリニューアルは急務でしょう。

なぜなら、ホームページアクセスの半数以上がスマートフォンというサイトも、決して少なくないからです。なお、パソコン用サイトであってもスマホにはそのまま表示されるので、見れないわけではありませんが、スマホでの操作性は大きく落ちてしまいます。

しかし、スマホ対応の重要性は、別の理由もあります。それは、検索エンジンで上位表示されにくくなるという問題への対策です。検索大手の Google は、スマホ対応していないサイトは、スマホでの検索で表示順位を下げると公言しています。

そういった意味でも、スマホ対応を目的としたリニューアルは、できるだけ早く行うべきでしょう。このように、スマホ対応を目的としたリニューアルでは、スマホで操作しやすくすることと、検索エンジンで順位を落とさないためという方向性になるでしょう。

ホームページのリニューアルを、定期的にやっている。

ホームページのリニューアルを、定期的にやっているという場合もあると思います。つまり、この場合の目的は、リニューアルのスケジュールを守るということです。ホームページの制作や管理をしている会社と、定期的なリニューアルの契約になっているという場合もあるでしょう。

定期的なリニューアルを行うということは、主にデザインの変更をすると思います。しかし、定期的なリニューアルはおすすめしません。なぜなら、目的が閲覧者のためではないからです。どちらかというと自己都合でリニューアルしているのではないでしょうか。

もちろん、閲覧者が飽きないようにするためと考えているのだろうと思いますが、少し観点が違う気がします。というのも、毎日同じ人がアクセスするような場合は、飽きが生じるかもしれませんが、そうでなければ飽きるということはほとんどないでしょう。

また、同じ人がしょっちゅうアクセスするのであれば、デザインや操作性が変わってしまうと、慣れた環境ではなくなるので戸惑ってしまいます。このように、定期的なリニューアルはお客様を向いていないので、目的としてはあまり適切ではないでしょう。

操作性を改良するのが目的。

ホームページをリニューアルして、操作性を改良するのが目的の場合があるでしょう。こちらの場合も、昔作ったホームページであるために、現代の操作環境に適さないということです。マウス以外の操作方法を意識していない場合は、タブレットなどで扱いづらいでしょう。

このような場合も、なるべく早く操作性を改良すべきです。具体的には、指でタップすることを考慮していないために、リンクが押しづらいということが考えられます。そのような状態では、直帰してしまう閲覧者が増えてしまう可能性が高くなります。

いわゆる、「ユーザーフレンドリー」になっていない状態ですね。どんなデバイスでも扱いやすくすることは重要です。このように、操作性を改良するのが目的のリニューアルでは、ユーザーフレンドリーという方向性になるでしょう。

集客力をアップするのが目的。

ホームページをリニューアルして、集客力をアップするのが目的の場合もあると思います。実は結局のところ、リニューアルはホームページの集客力をアップするために行うでしょう。デザインの刷新やスマホ対応、定期的リニューアルや操作性の改良もすべて集客力アップのためです。

デザインの刷新は利用者に新鮮な感覚を持ってもらうためだし、スマホ対応は閲覧しやすくすることが目的です。操作性の改良についても、閲覧しやすくすることで出来るだけ多くページを見てほしいからです。（定期的なリニューアルはよくなさそうですが、想いは同じです。）

このように、利用者のためを思ってリニューアルするわけですが、集客力の向上という点ではほかにすべきことがあります。それは、ここまで紹介してきたデザイン関係の、見た目のリニューアルではなく、内容のリニューアルです。

本当に閲覧者の期待に応えた内容なのか、必要とされている情報を提供しているのか、コンテンツのリニューアルをしっかりと行うべきです。このように、集客を目的としたリニューアルでは、内容を見直すという方向性になるでしょう。

まとめ：リニューアルの真の目的は、ユーザーのためです。

いかがでしたか？

ホームページをリニューアルする目的について説明しました。デザインを新しくするのが目的、スマホ対応するのが目的、ホームページのリニューアルを定期的にやっている、操作性を改良するのが目的、集客力をアップするのが目的、など５つのポイントがありました。

ここまでリニューアルの目的についてお話ししましたが、最も大切なのはユーザーのためにリニューアルすることです。そして、ユーザーのためのリニューアルを目的にした場合は、見た目の部分ではなく、内容のリニューアルを行うべきです。

なぜなら、ユーザーがほしいのはデザインではなく、自分が抱えている問題の解決策だからです。つまり、内容のリニューアルを目的にすることが、最もユーザーのためになり集客力アップにもつながるということに、気づいていただければ幸いです。

以上、「ホームページをリニューアルする目的とは？」と題して説明しました。

なぜお問い合わせフォームは、作り方が重要なのか？

あなたは、「お問い合わせフォームは、どうやって作ったらいいだろうか？」と疑問を持たれて、このページをご覧のことと思います。確かに、お問い合わせフォームは閲覧者に入力してもらうので、ポイントが分かりにくいかもしれませんね。

一般的に、お問い合わせフォームはテキストボックスとボタンを並べただけのようなイメージがあるかもしれませんが、それでは問い合わせてもらえないんです。なぜなら、文字入力は想像以上に面倒な作業であると同時に、個人情報を扱うというデリケートなものだからです。

つまり、簡単かつ信頼できるフォームを作らなくてはいけないんですね。そこで、利用者の負担にならないお問い合わせフォームの、作り方を説明しましょう。

お問い合わせフォームの作り方、７つのポイントを解説。

それでは、お問い合わせフォームの作り方を説明します。ポイントは７つありますので、しっかり目を通してください。

まずは、以下のサンプル画像で、お問い合わせフォームのイメージを掴みましょう。

どうですか、イメージはつかめましたか？
続いて、作り方の重要ポイントをご紹介していきましょう。

－目次－

• １．お問い合わせフォームに必要な項目とは？
• ２．項目の説明は必ず付ける。
• ３．必須項目であることを分かりやすくする。
• ４．テキストボックスのサイズを揃える。
• ５．入力手順がわかるように説明する。
• ６．備考欄は例を挙げて、入力しやすくする。
• ７．送信ボタンのデザインは？

１．お問い合わせフォームに必要な項目とは？

では、具体的にどんな項目があればよいのでしょうか？　まずは、以下に一般的な項目の例を挙げてみましょう。

典型的な項目の例ですね。各項目の要・不要は、お問い合わせフォームの趣旨によって違うので、明確には言えません。ただ、基本的な考え方としては、絶対必要なもの以外は削るようにします。なぜなら、ユーザーはそもそも個人情報を入力したくないからです。

誰だって、個人情報をさらしたくありませんので、それを前提に考えてください。例えば、メールでやり取りするだけの場合、住所や電話番号は不要です。本来、メールアドレスがあればそれだけでよいはずなのに、「なぜそこまで必要なの？」とユーザーが疑問を持ってしまいます。

繰り返しますが、ユーザーは個人情報を入力したくありません。項目の多さによる面倒くささと、不要な情報を入力させられる不安感という二重の負担感を下げる意味でも、入力項目を必要最小限に抑えてください。もちろん、アンケートも極力避けるべきでしょう。

他にも都道府県など決まった入力は、ドロップダウンリストやラジオボタンを使って、少しでも入力の手間を省くのも重要ですよ。

このようにお問い合わせフォームは、必要最小限の必須項目を並べ、最小限の入力で済むように作りましょう。

２．項目の説明は必ず付ける。

少しでもわかりにくい項目には、必ず説明を付けてください。作った人間が分かりくいと感じるのであれば、初めての利用者にはさっぱり分からないでしょう。なので、「この項目は分かりにくいかもしれないなあ」と感じたら、必ず説明を付けてください。

上記画像のような形で、テキストボックスの周り（上側、右側、またはボックス内）に説明を配置しましょう。例えば、全角・半角どちらなのか、ハイフンは必要か不要かなど、入力で困ったり迷ったりそうなことは徹底的に説明します。

少しでも不安感や疑問があれば、ユーザーの入力したいと思う気持ちが、削がれてしまいます。したがって、ラベルによって「何を、どのように、入力するのか」という点を、しっかり説明して伝えましょう。

できれば、自動的に入力を修正するとか、文字種に関係なく受け入れるようにするなどした方がより良いでしょう。利用者のレベルによっては、全角半角の意味すら分からない場合があるからです。（『入力』も理解できるんだろうか？）

３．必須項目であることを分かりやすくする。

必須項目は、すぐに見分けがつくようにしておきましょう。なぜなら、入力や選択をしなかった場合に、何が原因でエラーになったのかが判別できないからです。そのような状態では、ユーザーは、入力項目が足りないことに気付けません、

最悪の場合、「しょうがない、よそのサイトで問い合わせよう」となってしまいます。そこで、一般的には必須項目に赤い印（＊）をつける場合が多いようです。

ところが、ネット利用の経験が浅いユーザーだと、「この＊マークの意味ってなんだろう？」と理解されない場合があります。そこで、「必須」・「任意」と日本語で明確に示すとより分かりやすいでしょう。これなら、ネット利用の経験値に関係なく理解できますよね。

このような作り方をすることで、ユーザーの負担を軽減でき、いらぬ不安を抱かせないようにできるんですね。なお、必須項目で入力や選択をしなかった場合に「未入力です」のように表示して、どの項目に問題があるのかを示すことも重要ですよ。

必須項目だけで構成すれば、確実に分かりやすいですよ。

４．テキストボックスのサイズを揃える。

テキストボックスはできるだけ大きさを揃えて、ズレることなく整然と並ぶようにしましょう。なぜなら、個人情報というかなりデリケートなものを扱うので、ズレているといい加減な感じがして、信憑性が感じられない可能性があるからです。

あなたも、いい加減な入力フォームだと、「これに個人情報を入力して大丈夫だろうか？」と疑問に思ってしまいませんか？　それを避けるために、フォームを整然と並べることで、信頼感を出すんですね。何となくきれいにするのではない点に、気づいてください。

ただし、デザインがお問い合わせに及ぼす影響は、非常に低いと言えます。したがって、デザインに凝り過ぎて中途半端になってしまうようなら、フォームが整然としているだけで十分でしょう。お問い合わせフォームのデザインは、ユーザーの気持ちに沿ったものを心がけてください。

５．入力手順がわかるように説明する。

入力手順が何段階かある場合は、必ず説明しましょう。なぜなら、この先どのようなことが起こるのかを説明することで、不安感が解消できるからです。人間は、どうしても先がわからないことには、不安を感じて尻込みしてしまいます。

当然ですが、不安感がある状態では、個人情報を入力したいとは思えません。そこで、例えばフォームの上部や下部に、「ステップ１、ステップ２」とか「入力、確認、完了」など、どのような手順が何段階に渡ってこの先続くのかを丁寧に説明します。

ステップ１・・・⇒ ステップ２・・・⇒ ステップ３

すると、先が見えていますから、不安感を少しでも拭うことができます。このように、「先が見えない」という状況を作らないようにすることで、入力に対する気持ちを減退させなくて済みます。

６．備考欄は、例を挙げて入力しやすくする。

備考欄のような文章入力の項目では、例を挙げるとユーザーは入力しやすくなります。なぜなら、文章入力の参考になるからです。本来は質問の仕方を説明すべきかもしれませんが、それではかなり複雑で長い説明になってしまうので、例示によってカバーするんですね。

これも、テキストボックス内や上側に例示します。例えば、「まとめて購入すると割引してもらえますか？」のように、具体的な例を挙げて文章を掲載します。特に文章の場合は、ある程度の長さが必要になることもあり、非常に面倒くさいものです。

しかし、例示によってかなり心理的に楽になりますので、面倒な入力については徹底して例示で心理的なハードルを下げるように心がけましょう。

７．送信ボタンのデザインは？

送信ボタンは大きく目立つようにしておいてください。入力したはいいけれど、ボタンがわからなければ送信できませんからね（たまに分かりにくいフォームを見かけます）。色については諸説あるのですが、わからなければ赤色か濃い橙色で良いと思います。

実はデザインよりも重要な問題があります。それは、ボタンに記載される文字列（キャプション）です。具体的には、キャプションを『送信』とするのはやめましょう。なぜなら、送信というのはシステム上の仕組みであって、ユーザーとしてはあくまでも「問い合わせ」だからです。

したがって、キャプションは『問い合わせる』など、ユーザーが起こす行動をそのまま文字列にしてください。なお、ボタンの近くには暗号化している旨や、プライバシーポリシーの文章（またはリンク）を示してください。これは、ボタンをためらいなく押せるようにするための措置です。

このように、ボタンはデザインだけに注目せず文字列についても、しっかり対応してください。

よく見かけるのは「確認する」というボタンです。確かに行動を促しているんですが、確認はボタンを押さなくてもできますよね。この場合は、「確認画面を表示する」が適当だと思うんですが、みなさんはどう思いますか？

まとめ：項目数を極限まで減らすことが、最も重要です。

いかがでしたか？　お問い合わせフォームの作り方、７つの超重要ポイントを説明しました。

今回ご説明したのは、お問い合わせフォームに必要な項目とは？、項目の説明は必ず付ける、必須項目であることを分かりやすくする、テキストボックスのサイズを揃える、入力手順がわかるように説明する、備考欄は例を挙げて入力しやすくする、送信ボタンのデザインは？、などのポイントがありました。

お問い合わせフォームの作り方を７つのポイントに分けて説明しましたが、重要なのは、利用者の入力に対する熱くなった気持ちを、冷めないようにすることです。そのためには、できる限り簡単でかつ信頼できる作りにすべきなんですね。

中でも、最も効果が高いのは項目を減らすことです。いろいろまとめて聞きたくなる気持ちは分からなくないんですが、これが無いと問い合わせにならないという項目以外は外してください。実はそれこそが、負担を抑えた問い合わせてもらえる入力フォームになるんです。

お問い合わせフォームは、ユーザーの気持ちを理解したうえで作るものであることを、ご理解いただければ幸いです。

以上、「お問い合わせフォームの作り方、７つの超重要ポイント！」と題して説明しました。

なぜホームページの内部リンクが重要なのか？

ホームページを作るにあたって、「ページ間のリンクはどうしたらいいんだろうか？」と疑問が湧くのではないでしょうか。なるべくたくさんの方に見てもらってそれなりに成果をあげるためには、用意するページだけでなく、それぞれのリンクの張り方も重要ですからね。

具体的には、どのようなページを用意して、それをどのように結び付けるかということになると思います。つまり、ページ構成と内部リンクを同時に考えることが重要なんですね。なぜなら、どんなに良いページを用意しても、そこにたどり着けなければ見てもらえないからです。

そこで、ホームページの内部リンクの張り方を、詳しく説明しましょう。

参考 リンク自体の作り方が知りたい方は、こちらをご覧ください。

ホームページのリンク、正しい作り方を解説！

ホームページのリンクについて、正しい作り方を解説しました。ハイパーリンクを正しく設置したい初心者に向けた内容ですが、上級者にも役立つと思います。SEOも意識した作成術を、詳しく説明しているからです。

hprs1.com

ホームページの内部リンク、７つのポイント!

それでは、ホームページの内部リンクについて説明します。７つのポイントに絞りましたので、しっかり目を通しましょう。

内部リンクとは？

ホームページを作ってサイトとして構成する際に、各ページをリンクで結びますよね。この各ページをリンクで結ぶことを、内部リンクと呼びます。なぜ、内部でリンクするのかというと、ページ間の移動をスムーズにするためです。

でも、なぜページ間のリンクをスムーズにする必要があるんでしょうか？　それは、閲覧を１ページで終えてほしくないからです。つまり、数ページ見てもらうことで、最終的にはコンバージョン（問い合わせや広告のクリック）につながってほしいですからね。

しかし、だからといってやみ雲にリンクしたのでは、様々な問題が出てきます。簡単に言うと、閲覧者が迷子になってしまうんです。「あれ？　私は今どのページに居るんだろうか。」となったのではまずいですから。

つまり、正しいリンクの張り方を知る必要があるんですね。なので、必要なページ構成とセットで理解しないといけないわけです。続いて、具体的なお話をしていきましょう。

ページ構成にあたって必要なページとは？

まず、ページ構成にはどんなページが必要なのか考えてみましょう。最初に思いつくのはトップページではないでしょうか。これは当然必要ですね。それ以外には、会社概要、サービス概要や商品一覧など、それから集客ページ（問い合わせページ）などが必要になるでしょうか。

こんな感じで「たぶんこういうページが必要だろう」と、思いつくだけページを洗い出す作業が必要だと思います。ところが、これらはどちらかというと自分が作りたい、あるいは見てほしいページですよね。すると、ユーザーが見たいと思わないページを作っているかもしれないんです。

なので、ユーザーのニーズを分析して本当に必要とされているページをあぶりだすことが先決です。どんなことが知りたいのか分かればページを作ることができます。一見難しそうですが、お客様目線になることができればさほど難しいことではないでしょう。

なお、ページ構成について詳しく説明したページがありますので、必要であればそちらを参照してください。

サイトのページ構成、知っておくべき７点！

サイトのページ構成、知っておくべき７点を説明します。対象者は、これからサイトを作成する初心者ですが、詳しい方でも参考になると思います。単なる構成だけでなく、問い合わせを増やすポイントも解説しているからです。

hprs1.com

内部リンクは、どのように張ればいいのか？

必要なページが分かったら、いよいよ内部リンクの張り方をどうするかを考えます。おそらく数十から数百というページ数になると思うので、これらをうまく構成しないと非常に分かりづらいサイトになってしまいます。分かりづらいと伝わるものも伝わらなくなってしまいますからね。

まず、最低限必要なのは、同じ系統のページをまとめることです。具体的にいうと、小さなリンク集を作ります。実はこれだけでも十分機能すると思います。需要のあるページが用意できれば、特別なことをする必要はないんですね。

リンク集を見れば同系統の情報にたどり着けることが分かりますから。また、質の高いページを系統で別けるんだから、小さなリンク集が高品質ページの親玉になり、SEO上も非常に強力な意味を持つことになるんです。なので、結局は各ページの質が大事だということになります。

ラーメン屋さんのホームページに例えると？

ちょっと分かりにくいかもしれないので、ラーメン屋さんのホームページに例えてみましょう。取扱商品の紹介ページとして「ラーメン」というページを１ページ作り、そのページに「しょうゆラーメン・みそラーメン・塩ラーメン・とんこつラーメン」などのページへのリンクを作ります。

こうすると、ラーメンというリンク集に各種ラーメンのページが関連付けられることになります。これなら、何ラーメンを扱っているのか「ラーメン」のページを見るだけで分かりますよね。また、検索エンジンにも、リンク集をラーメンの紹介ページとして伝えることができるんです。

なお、なるべく各ページからもリンク集へのリンクを設けておいて、行き来できるようにしておいてください。より一層便利になって効果が高まりますよ。

こんな感じで関係のあるページをまとめることで、お客様に対して分かりやすく紹介できます。さらに、検索エンジンにも意味を伝えやすくなり、SEO対策にもなるんです。そして、トップページはこの「小さなリンク集」をまとめた『親玉リンク集』になればいいということなんですね。

要するに、「トップページ　⇒　リンク集　⇒　個別ページ」という順番にするということです。難しく考えずに、関連がある個別ページをまとめたリンク集を作ればいいと考えてもらえれば、分かりやすいと思いますよ。

閲覧数を増やすには、内容の充実が必要です。

ここまでの説明で、リンクの張り方はお分かり頂けたと思います。閲覧者が回遊できるように、出入り口や通路の整備はできたわけですが、それだけではまだ不十分です。なぜなら、内容が面白くなければ、途中で離脱してよそのサイトに行ってしまうからです。

結局、最も重要なのは、「このホームページ面白い、もっと読みたい！」と思ってもらうことです。これが無ければ、どんなに経路を整備しても、全く利用されることは無いでしょう。では、どんな内容が良いのかというと、読み手にとって何らかの気付きがある文章です。

抽象的な表現で申し訳ないですが、「本当は大事なことが他にある」とか、「説明からわかる教訓」などがあると、気付きがある文章だと言えるでしょう。つまり、なんとなく学んだのではわからないような、プロならではの見解がほしいんですね。

ページ紹介などの誘導も重要です。

また、ページ紹介などの誘導も重要です。説明文の最後に「○○について詳しくはこちらのページをご覧ください」など、続けて読みたくなるように紹介する工夫も必要です。単に内部リンクがあるだけだと、なぜそこにリンクがあるのか理解されない場合もあります。

したがって、他のページも読んでもらえるように、誘導する必要があります。ただし、「ぜひこちらも読んでください」と読むことを強く勧めると、かえって読まれない可能性もあります。あくまでもサラッと紹介するように留めましょう。

人間心理はなかなか複雑なので、強いと逆効果になることがあるんですね。紹介しないと気付かれない恐れがあるものの、それが強すぎると読む気が失せる恐れがあるということを、知っておいてください。

参考：リンク構成は、WordPressなら簡単につくれる。

リンク構成は、個別ページをリンク集でまとめるというやり方を繰り返すんですが、数百ページともなると大変です。当然ページは増えていくと思うので、リンク集自体も場合によっては系統ごとに２ページ、３ページと増えることになります。これはとても大変ですよね。

ところが、WordPressなら構成がとても簡単にできるんです。具体的には、カテゴリーとタグという機能です。これらはいわゆるグループ分けをしていますが、自動的にリンク集を作ってくれるので、かなり楽なんですね。

このような点でも、WordPressが人気なのかもしれませんね。

まとめ：内部リンクは、人にとってもSEOにとっても大事。

いかがでしたか？　ホームページの内部リンク、知っておくべき７点を説明しました。

今回ご説明したのは、内部リンクとは？、ページ構成にあたって必要なページとは？、内部リンクはどのように張ればいいのか？、ラーメン屋さんのホームページに例えると？、閲覧数を増やすには内容の充実が必要です、ページ紹介などの誘導も重要です、参考：リンク構成はWordPressなら簡単につくれる、などのポイントでした。

ホームページの内部リンクは、関係の深いページ同士をリンク集でまとめるだけでも、十分な効果があるということでした。それが、閲覧を簡単にし、SEO対策としても有効に働きます。ただし、あまり複雑化しないように注意してください。

そして、最も忘れないでほしいのが、閲覧を簡単にすることで回遊性を高くしている点です。どうしてもSEO対策に目が行きがちなんですが、反応を得るためには色々なページを見せることで理解を深めてもらうことが重要です。何のためのリンクなのかを忘れないでください。

そして、リンクはあくまでも形であって、本当に重要なのは内容です。もっと読みたいと思えるような充実した内容を提供することが、ホームページとして何よりも優先されることを、忘れないでください。

以上、「ホームページの内部リンク、知っておくべき７点！」と題して説明しました。