Webサイトを作成する方法

Webサイトを作成する方法

メニュー

トップページの書き方

1訪問者に所在地を知らせる

 ・Webサイトにはサイト名があります:ヘッダーにあるタイトルです。ここにキャッチフレーズを使用することもできます。
 ・ヘッダーの下にあるページのタイトルはサイトが提供するものの簡単な説明です。
> ページのタイトルは訪問者がサイトを見つけるために最も一般的に検索する可能性のある言葉を使用しましょう。

2 ページは短く、説明するよりも方向性を示す
 閲覧者にサイトの主題を明確に提示する
 閲覧者がどのページを最初に見たいかを選べるようにする
>このサイトの概要には最も重要なページへのリンクを含める


__________

動画

トップページを作成する最善の時期はいつでしょうか?

サイト制作時にトップページから作り始めがちですが、Webサイト制作の経験を積めばトップページを作成する正しい時期が分かってきます。

ここまで来れば、効果的なトップページを作成するために明確なヴィジョンと十分な知識が得られるはずです。



明細

トップページはボトムアップ(下から上へ)向かって作成していくのがコツです

サイトを構成する時の、まずコンテンツ決定的にし次に組織を考えるのと同じように、ブロックやページを書いた後にタイトルを決定するサイトのコンテンツとタブのタイトルからトップページのコンテンツを構成していくべきなのです。トップページを作るときは、ページの中心からページの紹介とタイトルまで、文字通りボトムアップ(下から上)で作ってみましょう。


⑤ サイトのタイトル

このタイトルは、キーワードというよりもアイデンティティや場所に関するものです。会社の名前や素敵なキャッチフレーズでも良いでしょう。


④ ページのタイトル

最初のページのタイトルは、あなたが何をしていことを非常に短く説明するもので、最も重要なキーワードと時には地名が含まれています。閲覧者を歓迎し探していたものが見つかったかどうかを確認するために特にここで使用します。このタイトルは多くの場合、閲覧者者が検索エンジンで事業内容を探す際に最もよく検索されるものになります。


③ 1・2枚の画像

サイトで画像の利用に関する注意点はここでも当てはまります。

ヘッダーの画像はほとんどが、雰囲気を表すものです。提示しようとしているトピックの背景を閲覧者に感じ取ってもらうためのものです。

最初のブロックにある画像は、紹介する内容を説明するためのものです。


*気を付けることは、最初の画像が説明的すぎると訪問者が実際にコンテンツを見る前にテーマについての勝手なイメージを持ってしまう可能性があるということです。

>トップページに大きな画像を掲載することは避けインナーページに掲載しましょう。


② 紹介する:レセプションとオリエンテーション

提示するトピックを簡単に説明する最適な文章を見つけてください。


キーワードや鍵となる表現対応するページへのダイレクトリンクも忘れずに貼りしましょう。そうすれば閲覧者はサイト内を移動することができます。


>スマートフォンの場合はメニューボタンをタップしないとタブが表示されないので注意が必要です。


 ① 説明文:コンテンツの設計図のようなもの  

紹介がすでに長い場合これは必要ないかもしれません。閲覧者にはトップページに時間をかけず、クリックしてサイトの様々なページを見てもらいたいはずです。

説明文はサイトのメインページを凝縮したものと考えてください。各ページの中で最も意味のあるキーワードを使うようにしましょう。(関連する場合はページへのリンクを貼っても構いません)


効果的なトップページを作るにはサイトのコンテンツをすでに書いてある方が簡単です

この説明をとても読みやすく構成するために、ミニチャプターを「タイトル」で始めることができます。単語を選びサイトエディタで「T」をクリックします。これで文章が閲覧者にも検索エンジンにも目立たせるようになります。このようにトップページを書くことでコンテンツを再構成し閲覧者にとって論理的な順序になっているかどうかを確認する良い機会にもなります。


フッター

フッターはサイトの各ページの下に同じ情報を提供します。ページ間のリンクに関する記事で説明されているようにフッターは常に表示されるリンクや情報を提供するためサイトの重要な部分です。

フッターの適切な使い方として、お問い合わせページのリンク、連絡先、最新情報を提供するジャーナルページのリンク、別のサイトへのリンク、または単なるスローガンなどです。


閲覧者が独自の道を見つけるのを手伝いましょう
閲覧者が独自の道を見つけるのを手伝いましょう

SimDifを使用すればサイトで様々な種類のページを使用できます


サイトに追加できるページの種類の明細について 


写真提供者: