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

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

HTMLとは

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

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

\疑問や不明点はお気軽にご質問ください!/

HTMLの基本構文

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

要素の例
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という2つの種類があります。Strictの場合、HTMLの仕様で、廃止や非推奨となった要素や属性を使用することができなくなります。Transitionalの場合は、廃止や非推奨となったものでも使用することができます。

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

SEO上で注目される主要なHTMLタグ

HTMLには、意味を持つ要素と装飾を表す要素があります。SEOでは細かなHTMLのマークアップというよりも、文書の意味が論理的に伝えられているかどうか、シンプルで無駄のないHTMLで記述されているか、ということを意識されれば良く、細かなマークアップを全て気にする必要はありません。

aタグ

リンクを表すものですです。

<a href=”リンク先のアドレス”>アンカーテキスト</a>

metaタグ

ページの説明文等を設定する要素です。headタグ内に記述します。詳細は「meta要素とは」。

<meta name=“description” content=”サイトの説明文”>

titleタグ

囲われた文言がページのタイトルであることを示すタグです。詳細は「title要素とは」。

<title>タイトル</title>

hXタグ

見出しを表す要素です。Xは1~6まであり、h1が一番大きな見出しを意味します。詳細は「h要素とは」「h1とは

<h1>見出し</h1>
<h2>見出し</h2>
<h3>見出し</h3>

HTMLとSEOの関係

HTMLは文書を作成するための書式であり、それ自体はコンテンツの品質とは関わりがありません。クローラーが内容を正しく読み取れているならば、HTMLのマークアップの巧拙が検索エンジンからの評価に影響することは基本的にありません。

「どれだけ正しくHTMLを記述できているか」がSEOに貢献するわけではない一方で、シンプルで標準に沿った記述を行うことは、検索エンジンに正しく評価されないといったトラブル・リスクを避けることには繋がります。

以下の記事では構造化マークアップをHTMLに記述する方法を紹介しています。HTMLに構造化データを入れて、より検索エンジンが正しく認識できるようにしたい方はチェックしてみてください。

集客・コンバージョン数を増やしたい方へ

ナイルのSEOコンサルティングは流入数の改善はもちろん、売上に貢献するコンバージョンも増やします。予算未定でも構いません。ぜひお気軽にご相談下さい!

サービス紹介をダウンロードする

ナイルに無料相談する

ナイル編集部
監修:ナイル編集部
この記事は、ナイル株式会社のマーケティング相談室編集部が監修しており、わかりやすく役に立つ記事を目指しています。編集長青木がライティング、編集、入稿の全工程をチェックしています。記事内に気になる点がございましたら、こちらよりご連絡くださいませ。

関連記事

CSSとは?CSSの仕組みとSEOへの影響

CSSとは?CSSの仕組みとSEOへの影響

SEOで失敗する10の理由

【あるある】SEOで失敗してしまう10の理由!よくある原因を厳選して紹介

URL正規化の方法、、の前に考えるべきこと

新着記事

有効な予算消化の方法とは

【効果的に使おう】予算消化はいつ何をすればよい?基礎知識から施策まで徹底解説

サービスサイト必須の11コンテンツとは?

サービスサイトとは?構成に必須な10のコンテンツと制作手順を公開

SEOを独学で身につける! 4ステップ法

【実践あるのみ】SEOを独学で身につける4ステップ!おすすめの本やメディアも紹介