とても大切な見出しを表示するタグ

<h1>、<h2>、<h3> タグは、 ホームページの見出しを表示するタグ です。

このタグで囲った文字は、文字が大きくなり、「見出し」として使うことができます。

■ <h1>、<h2>、<h3> タグの記述例

■ ホームページ上の表示

上記のように、<h1>、<h2>、<h3> タグで囲った文章は、 文字が太字になり、文字サイズも大きく なっていますよね？

ホームページに掲載する文章が、すべて同じ文字の大きさだと、どの文章が大切なのかが分かりづらいですし、どこに段落があるのかも、分かりづらくなってしまいます。。


そこで使用するタグが、この<h1>、<h2>、<h3> タグです！

<h1>、<h2>、<h3> タグは、見出しとして使うこと ができて、このタグで囲った文字は太字になり、文字も大きくなるため、ホームページが見やすくなる、、、というわけです。


しかも、この<h1>、<h2>、<h3> タグは、ホームページを検索エンジンの上位に表示させるために、とても重要なタグになります。

このタグで囲んだ文字は、 検索エンジンが重要なキーワードと認識するから です。


そのため、ホームページの中で、この <h1>、<h2>、<h3> タグを使ってあげると、狙ったキーワードで、検索エンジンの上位に表示させることができます。

詳しくは、 【ホームページの基礎講座】 第５回　ホームページへの訪問者を増やす方法でお伝えしているので、確認してみてください。


あと、<h1> のタグは、特に重要なタグになるのですが、<h1>タグをそのまま使うと、文字がかなり大きくなってしまうため、少し扱いづらくなってしまいます。

そこで、スタイルシートを使って、文字の大きさを調整した方が良いです。文字の大きさを調整すると、<h1> タグが使いやすくなりますよね。


なお、スタイルシートを使って、<h1> タグの文字の大きさを調整する方法は、第４回： タイトルバーの作り方とスタイルシート、画像処理についてでお伝えしているため、良かったら確認してみてください。


ホームページを検索エンジンの上位に表示させて、ホームページの売上を上げるためには、この <h1>、<h2>、<h3> タグの使い方 は、本当に重要になりますので、必ずマスターするようにしましょう！

当サイトで使用しているサンプルサイトのデータを、無料でダウンロードできます。
サンプルサイトがあれば、さらにホームページの作り方が分かりやすくなりますよ。

⇒　当サイトで使用しているサンプルサイトの無料ダウンロードはこちら

これからはAIの時代になります。 私も、AIを使って文章や画像やホームページを作っています。 私が実際に行っているやり方を、分かりやすく解説した講座が、下記の講座です。

⇒　AIやChatGPTを活用してビジネスを行う講座はこちら