HTMLとは
HTMLは、Webページを作成するために開発されたもので、ハイパーテキスト・マークアップ・ランゲージ（Hyper Text Markup Language）の頭文字をとって略した言葉です。
- ハイパーテキスト：複数の文章同士をリンクさせる機能を持ったテキスト。
- マークアップランゲージ（マークアップ言語）：コンピューターに意味を伝えるための、「論理的構造や修飾する情報と合わせてテキストで記述する」言語で、HTMLのほかにroff、TeX、SGML、XML、XHTML等があります。
HTMLでは、タグと呼ばれる記号を使って、文書の構造やコンテンツを定義します。コンピューターは、テキストだけでは見出しの位置・デザインなどの構造を把握することはできません。これは見出し文章、これは画像など、それぞれの要素に意味のあるタグを付けることで認識できるようになります。
HTMLを構成している要素
HTMLは、以下の3つで構成されたマークアップ言語です。
タグ
テキストに意味を与えるものです。例えば、「<h1></h1>」（大見出し）「<head></head>」（ページヘッダー）など、<>で括ったところがタグです。Webサイトを作る際は、このタグによって文章の構造をコンピューターに理解させる必要があります。
要素
タグに囲まれたテキストを指します。例えば、「<h1>ここはテキストです</h1>」とある場合、「ここはテキストです」の部分が要素となります。この場合は、大見出しの文字の部分が要素ということになります。
属性
要素に追加する情報（意味を持った設定）のことです。例えば、「alt属性」は、画像が通信不良などのエラーでうまく表示されない時に、代わりに表示するための、代替テキストを指定する際に用いられます。属性は、「ALT＝“属性の設定”」といった形で設定されます。
HTMLの最小構成
HTMLは、メモ帳などのテキストエディタを開き、以下のタグをコピーして貼り付け、保存形式を「全てのファイル」にして、保存するファイル名の最後に、「(ファイル名).html」（ドットエイチティーエムエル）という識別子をつけてファイル保存をすれば完成します。
記入例
<html><body>これがHTMＬです！</body></html>
保存したファイルは、ブラウザで開くことができるHTMLファイルになります。
各タグは以下の意味を持っています。
<html>ここからHTMLファイルが始まります。
<body>ここから本文が始まります。
</body>ここで本文は終わりです。
</html>ここでhtmlファイルは終わりです。
その他のタグについては、「HTMLクイックリファレンス」や「とほほのHTML入門HTMLリファレンス」をご参照ください。
SEO対策とかかわりが深いHTMLタグ
検索エンジンから適切な評価を受けるためには、HTMLコーディングが必要不可欠です。以下では、SEO対策と関係があるHTMLタグをご紹介いたします。
<title>(タイトル)タグ
ウェブページのページタイトルを入力します。検索結果ページの一番目立つところに表示されます。タイトルは文書の内容を総括するもので、検索エンジンやユーザーにとって重要な情報源として扱われます。
<h>（見出し）タグ
文書の見出しを定義するタグです。見出しは、文書の内容を分かりやすく整理するもので、ユーザーにとって読みやすさや関心度に関わってきます。キーワードを自然に見出しの文章に含めることで、検索エンジンに記事内容を正確に伝えられます。
<h1>:大見出し
大見出しは、通常、ページ内の一番大きな見出しで、ページ内で１度使用されます。このページで書いていることは何なのかを指す見出しとされます。
<h2>:中見出し
中見出しは、ページ内の段落構成の役割を果たすことが多いタグです。使用回数制限などはありません。
<h3>:小見出し
小見出しは、各段落内で、個別に詳細な説明をするトピックの見出しの役割を果たすことが多いタグです。こちらも使用回数制限などはありません。
<meta name=“description” content=“…”>タグ
Webページの説明を記述するタグです。ここに記述した内容は、検索結果ページのタイトル部分の下に表示されることが多くなります。このタグに記載されている内容は、ユーザーにとってWebページ内にどのような内容があり、ページを訪問するかどうかを判断する際の判断材料となる重要な箇所となります。対策キーワードを含めておくと、このページが検索キーワードと関わりがあることを示せます。
※SEO対策についてはこちらのページでくわしく解説していますので、参考にしてみてください。
