ホームページのデザインとカラム_____index4
index 4 Contents ⑩
ホームページのデザインとカラム
店舗デザインではなく、アフィリエイト利用デザインを採用します。右サイドバー2カラム、 又は、左サイドバー2カラムで作成。
ホームページのデザインを出来る限りシンプルな構造に。
ホームページのデザインを出来るだけシンプルに。
ホームページのデザインを決める上で特に考えなければいけないことは、このサイトを開いて閲覧されるユーザー目線をしっかりと考えて作成出来るホームページの構造を作り上げることがベストです。
アフィリエイトで使うホームページのデザインはシンプルなデザインが良いのではないでしょうか。
ユーザーが使い勝手の良い使用性に優れていることが大事であります。(ユーザビリティ)英語ではusabilityとも言っています、日本語では使用性の意味です、(使いやすさと使い勝手といった意味合いです)ここでは、使用性の良いデザインを使っていきます。
ホームページの背景色は基本的には白、又は白に近い色をお勧めします、文字には黒を使って作成します 文字色を変化させたいときには太字、赤い文字などを使います色数はできる限り三色までに止めておきます。
リンクの色ですが変更しないようにするのがよいです、当サイトのパン屑リストは、未読リンクは=ゴールド、既読リンクはワインに統一しています。
出来るだけHTMLをシンプルにする為にCSSを使って余白を調整したり、大見出し小見出しの設定します (h1タグ、h2タグ、の設定をしていきます。
プロフィールページ、カテゴリーページの設置もします。
ホームページのカラムは右サイドバー2カラムで作成する。
右サイドバー2カラムで作成することには意味があります、 ウエブサーチではHTML言語を読み取るのに左側から映される情報を先に記述する決まりがありますので、検索エンジンの読み込みを読み込みやすくすることを考えての仕様です。
訪れてくれたユーザーの為に内部リンクもしっかりと作っておくことが大事なことになります、別名パン屑リストとも言っていますが、今では、ナビゲーションとも言っています。■(パン屑リストの由来は童話「ヘンゼルとグレーテル」の童話の中で、主人公の兄弟が森の中で迷うことがないように道にパン屑を落としていった、事からこの名前が付いたといわれています)■ 参考までに。
パン屑リストはSEOにも大変効果的でありクローラビリティ、ユーザビリティにもなりますので、ホームページへの設置は必ず行ってください、クローラーが巡回してきたときに好印象を与えます。
次々と辿っていくことでホームページ内を見やすくすることができるナビゲーターの役目です。
カラムの参考図
向かって左側が左サイドバー2カラム デザインです。向かって右側が右サイドバー2カラム デザインです、 ここでは赤の文字で書かれている右側が右サイドバー2カラム デザインで進めていきます。 これは余談ですが左サイドバー2カラム デザインのテンプレートは左利きの方には作業がしやすいようです。
ホームページ作成では、この配置のことをレイアウトと言っています、上からヘッダー、左大枠がコンテンツ、 右ピンクの枠がサイドバーになります、下がフッターで4つで構成していきます。
レイアウト全体でホームページの⒈ページとして構成していきます。
各レイアウトの記述役目は
ヘッダー サイトのタイトル、プロフィール画
コンテンツ アフィリエイト文章、アフィリエイト広告の貼付け
サイドバー 関連リンク、内部リンク、サイトで注目されるコンテンツ、プロフィール
フッター サイトタイトル、特定商取引法ページにリンク、相互リンク集等
■ パン屑リストサンプル画 ■
⒈ページ共通の基本構造でのコンテンツ部分ですが。
コンテンツ部分の上部にパン屑リストを設置します。
フッター上部にもパン屑リストを設置するのもよいと思います
全ページに共通して言えることですが、トップページから基本2クリック以内で各ページに行けるようにサイト構成していきます。
クローラビリティ 検索エンジン対策と
ユーザビリティ 使い勝手を考えての仕様です。
また、サイト閲覧者に信頼感を得るために、プロフィールは必ず作成します。
管理人のプロフィール・・・一画面使うこと
アフィリサイトではサイト訪問者の方には、サイト管理人対する信頼感を得ることがとても重要な役割を果たしますので必ず管理人プロフィールは作成するようにします。1ページはプロフィールように使います。
管理人をイメージした似顔絵とか、アバターなど写真を載せておきます。 サイトに対しての思い、管理人プライベートな情報など好感されるものを載せておきます。