サイトから学ぶ、hタグ（見出し）の使い方とデザイン #１

目次

• はじめに
• 参考サイトのご紹介
• まとめ

はじめに

色々なサイトを例に、各見出しの使い方とデザインを学びましょう！

今回はキュレーションサイトで見つけた１サイトを参考例として紹介させていただきます★
部分的にスクショして載せており、全て掲載してる訳ではありません。細かい部分は実際のサイトも見て確認してみてくださいね。

参考サイトのご紹介

「株式会社アスカフューネラルサプライ」という葬儀施設運営、仏壇仏具販売をされている会社だそうです。綺麗に魅せているサイトだと思ったので、使わせていただきました(^^)
では早速ですが、各見出しをみていきましょう。

h1タグ

トップページのロゴ部分

h2タグ

トップページ・下層ページ両方で使われていました。

下層ページに、先ほどのよこバージョンもありました。

h3タグ

全ページ共通コンテンツの部分です。

全ページ共通コンテンツの部分です。

会社案内のページで、理念などを掲載している部分です。メッセージ性のある大事な部分なので、他ページとは違う見せ方をしていました。

h3・h4タグ

まとめ

いかがでしたか？ なんとなくデザインを見るだけでなく、共通の見出しを探したり、hタグのレベルはどうなっているのか？など気をつけて見るのも とても勉強になります！こういう習慣もつけていきたいですね♪

参考サイト

• 株式会社アスカフューネラルサプライ｜新宮公益社