【ブログ初心者向け】Webサイトのブロック用語集【最初に知っておくと捗る】

本業Webマーケター副業Webライターのたろうです。
ブログ初心者が最初に知っておくと捗るWebサイトのエリアの名前を紹介します。

ブログ初心者は分からないことだらけなので、たくさん検索をすると思います。私もたくさん調べました。

しかし、『ブログのここをこうしたい』と思っても、『ここ』の名前が分からないと検索ができません。（とても困っていました。）

今となってはWeb業界で働くプロなので、調べようと思ったらすぐに調べることができます。

この記事では、そんな『ここ』の名前（Webサイトのブロック名称）を解説します。

（この記事に載っていない場所の名前を知りたい場合は、Twitterまで連絡をください。記事に反映します。フォローはこちら）

Webサイトの各ブロック（エリア）の名前

最低限知っておくと捗るWebサイトページの各ブロックの名前は、次の6つです。

1つずつ解説していきます。

まず最初に紹介するのはヘッダー（header）です。
その名前の通り、ページ上部（head）のエリアと覚えましょう。

※厳密に言うと、headタグとheaderタグは違います。headタグはページに表示されず、headerタグはヘッダーとして表示されるのですが、初心者向けの記事なので割愛。

ヘッダーには、サイトのロゴやメニューを設置することが一般的です。
ページ上部について調べたいときは、「テーマ名ヘッダー編集」と調べましょう。

続いて紹介するのは「グローバルメニュー」です。メインメニューと言ったり、グローバルナビゲーションと言ったりします。Web業界だと、グローバルナビゲーションを略して「グロナビ」と言うことの方が多いです。

グロナビには、サイトに訪れたユーザーが迷子にならないよう、カテゴリ等を設置することが望ましいです。
親カテゴリから子カテゴリをぶら下げることもできます。

グロナビを編集したい時は、「テーマ名グロナビ編集」と調べましょう。

続いて紹介するのは「ハンバーガーメニュー」です。見た目がハンバーガーみたいだからハンバーガーメニューです。そのままですね。

スマホでWebサイトを開いたときに、よく見かけます。（スマホは表示範囲が狭いので、メニューがたくさんある時はグロナビよりもハンバーガーメニューの方がユーザーエクスペリエンス的に良いです。）

ハンバーガーメニューがデフォルトのテーマはあまりないと思います。
もしハンバーガーメニューを実装したい場合は「テーマ名ハンバーガーメニュー導入（実装）」などと検索してみましょう。

次に紹介するのはボディです。
ページの文章や画像、いわゆるメインコンテンツがある場所をボディといいます。

ボディはあまり初心者がいじることはないと思います。
（テーマデフォルトで充分なため。）

1つの知識として頭の片隅に置いておく程度でOKです。

次はフッターを紹介します。
その名前の通り、フッター（footer）はページの足、下部のエリアです。

フッターはよく、「共通フッター」という言葉が使われます。すべてのページで同じものを表示させる時などに使われる言葉です。

スマホユーザーはスクロールが早いので、すぐにフッターにたどり着いてしまいます。
そのため、見逃してほしくない情報等はフッターにも掲載しておきましょう。

フッターには、グロナビと同じメニューを設置しても良いですし、グロナビより沢山のメニュー（そのWebサイトの全てのカテゴリ等）を置いてもOKです。

次はサイドバーです。
そのままの名前ですが、ページボディの横です。
サイドバーは右側にあることが一般的です。（もちろん、左側にある場合もあります。）
ちょっとアピールしたい情報などは、サイドバーに設置しておくことがオススメです。

最後はおまけとして、アイキャッチ画像を紹介します。
アイキャッチ画像は、ページの上部に表示される、その記事の顔となる画像です。

アイキャッチ画像とはその名前の通り、目を惹く画像を設定することが求められます。
画像を編集してタイトルを入れるといいでしょう。
画像編集にはCanvaというソフトがオススメです。無料で使えます。

いかがでしたでしょうか。
ブログ初心者が知っていると捗るWebサイトのページエリアの名前を紹介しました。

検索能力は、Webの世界で生きていくために重要です。
しかし、「なにを検索すればいいか」「どうやって検索すればいいか」がわからずに色々な検索を試す時間は無駄な時間です。
検索する時間を短縮すれば、それだけ早くサイトも成長しますし、「分からない」というストレスも軽減されます。

この記事で紹介した基本名称を駆使して、快適なブログ制作を行ってください！