h2,h3,h4,h5,h6,p,img,strongタグ 鈴木智子のホームページのアクセスアップコーディング講座

h2,h3,h4,h5,h6,p,img,strongタグ

hタグ、pタグ、imgタグ、strongタグのそれぞれの意味は以下のようなものです。

タグ 内容
hタグ(heading tag) ドキュメントの見出しの意味で、h2タグは、中見出しをh3は、小見出しを意味するタグです。
pタグ(paragraph tag) h1やh2,h3などの見出しの後の文章の段落を意味するタグです。
imgタグ(image tag) 文章の中に写真や図などのイメージを配置するタグです。
strongタグ(strong tag) 文章の中で強調したいキーワードを指定するタグです。

h2,h3,h4,h5,h6,p,img,strongタグ」は、SEOにとって「title,meta,h1タグ」に次いで、重要なタグです。
また、デザイン的にもユーザに文章を読み進ませていくために重要な部分です。


http://www.useit.com/alertbox/scrolling-attention.html

例えば、「鈴木智子のホームページのアクセスアップ講座」では、次のようにアイキャッチを計算して、pタグの合間にh2,h3,h4,h5,h6タグやimgタグを配置しています。

コンテンツの調整

既に「サイトドラフトを作成する」でコンテンツは入力されていると思いますが、実際にコーディングする際に最終的な調整を行います。
具体的な作業は、「デザイン講座」で作成したデザインラフを元に、いかに読み進んで貰えるかアイトラッキングを踏まえ調整します。

適切にSEO(検索エンジン最適化)したホームページは、トップページだけではなくサブページも全てインデックスされます。言い換えると、全てのページがランディングページになると言うことですから、閲覧者に各ページの内容を瞬時に理解してもらい、読み進んでもらうことができるよう、文章と画像をバランスよく配置し、丁寧にコーディングしなければなりません。

では、次に「ul,ol,li,aタグ」に進みます。

follow me

鈴木智子のホームページのアクセスアップ講座