WebデザインとSEO対策（中級）

はじめに

訪問者を第一に考えたホームページ作りを目指すにはどうすれば良いのでしょうか？
見やすいWEBデザインと操作しやすいページ構成などのテクニック集を通してその解決法を探ります。

ピックアップメニュー

デザインを見直す（1）
ページの見やすさを向上させるテクニック集の基本編
文字の大きさや色、背景との調和を考えたデザイン力を身につける

• 画面サイズ
• 文字色
• 文字の大きさ
• 使用フォント
• 行間の調節
• ページ構成と段組の種類
• 背景色
• 静・動的コンテンツの選択
• スペーサーGIFの使用

デザインを見直す（2）
ページの見やすさを向上させるテクニック集の応用編
画像や視覚効果、フレームを使用する是非について考える

• フレームの利点と欠点
• マウスオーバー
• 画像のトリミングと色数
• 使用色の限定

使いやすさを追求する
アクセシビリティを向上させて、WEBサイトの使いやすさを改善する
訪問者が使いやすいと感じるサイト作りのために、あると便利な機能や考え方を解説

• サイトマップ
• リンクの数と設定
• 誘導ナビゲーション
• メニューの位置
• バックページトップ (BPT)
• サイト内検索
• トピックパス（階層表示）パンくずリスト
• オールトップページ概念

HTMLタグをきれいにする
訪問者を待たせないサイト作りの秘訣とそのテクニック
ページの重さをできるだけ軽くして快適なブラウジングを可能にする方法とは

• 外部CSS/Js化
• コメントの挿入
• コメントアウト
• タグのインデント
• タグの大文字・小文字
• 無意味なタグの削除

検索エンジン対策 （SEO）
もはやSEOは個人サイトでも当たり前
大手検索エンジンの検索順位を上げる王道テクニックでアクセスアップを

• 文字ベースのサイト作り
• ページタイトルの付け方【ユーザにも検索エンジン対策にも有効な方法とは】
• 見出しとスニペット
• 太文字と論理強調
• 段落の指定
• <META>タグ（記述文）
• 内部リンクの充実
• アンカーテキスト
• ページランクとリンクフリー

レベルアップSEO対策
さらなるSEO対策を目指す上級者向けの情報やまとめ等
ブログ感覚で随時更新していきます

随時更新

最新記事