お急ぎの方はお電話ください

HTMLとは？HTMLタグの基本構造とSEOへの影響について

更新日：2024年11月11日

SEOの考え方

SEO内部対策・テクニカルSEO

HTMLとは

HTMLとは、HyperText Markup Language の略称で、WEBページを作成する際に、用いる言語のことです。HTMLを使用することによって、文章の論理構造を示すことや、リンクを貼ることや画像を表示することが可能になります。

タグを使い、文章に意味づけ（マークアップ）を行うため、マークアップ言語として分類されます。また、この際に使用するタグをHTMLタグと呼びます。HTMLの仕様は、W3Cによって策定されています。SEOを行う上でも、HTMLを使用に従い、正しく使用することが大切です。

＼疑問や不明点はお気軽にご質問ください！／

HTMLの基本構文

HTMLは、要素と属性から成り立ちます。要素とは、HTMLを構成する基本的な単位のことです。通常これは、開始タグと終了タグで囲まれた範囲のことを指します。ただし、metaタグやimgタグのように、タグ一つで構成されるものは、それ自体が１つの要素として考えられます。

要素の例
HTML要素の解説です、

また、開始タグのみで、終了タグのない要素の例です。
終了タグのないHTML要素の例です。

要素は入れ子にすることができ、入れ子は親子関係を表し、これによりHTMLの基本構造が成立しています。

<!DOCTYPE html>
<html>
<head>
<title>タイトル</title>
</head>
<body>
<p>段落<a href=”link”>リンク</a></p>
</body>

これをわかりやすくすると次のようになります。
HTMLの要素を入れ子にしている例です。

また、属性とは、各要素の設定パラメータのようなものです。属性には、属性名と属性値というものがあり、属性名は、あらかじめHTMLの規格によって定められたパラメータの項目のことで、属性値とは、任意に指定できるパラメータの値のことです。
要素の例です

HTMLの規格

HTMLには規格によって違いがあり、具体的には、HTML4.01、XHTML、HTML5のようなものです。XHTMLとは、Extensible HyperText Markup Languageの略で、XMLという言語でHTMLを再定義したもののことを指します。そのため、HTMLと一部書き方が異なる場合があり、またHTMLと完全な整合性があるわけではないので注意が必要です。

HTML 4.01とは、従来のHTMLの仕様のことです。このHTML 4.01には、StrictとTransitionalという２つの種類があります。Strictの場合、HTMLの仕様で、廃止や非推奨となった要素や属性を使用することができなくなります。Transitionalの場合は、廃止や非推奨となったものでも使用することができます。

HTML5とは、次世代のHTMLの仕様で、新しい機能の追加やHTML上でのfont要素やbackground属性などの見栄えに関する要素や属性が、廃止や非推奨となる内容が盛り込まれています。これは、HTMLは文章構造のみを記述し、見栄えはCSSなどのスタイルシートで設定することを推奨しているためです。2017年時点ではHTML 5.2がW3C勧告となっています。