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

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

ナイルに無料相談する

ナイル編集部

編集者情報

ナイル編集部

2007年に創業し、約15年間で累計2,000社以上の会社にマーケティング支援を行う。また、会社としても様々な本を出版しており、業界へのノウハウ浸透に貢献している。(実績・事例はこちら

2007年に創業し、約15年間で累計2,000社以上の会社にマーケティング支援を行う。また、会社としても様々な本を出版しており、業界へのノウハウ浸透に貢献している。(実績・事例はこちら

PIVOTにもスポンサード出演しました!

PIVOTにもスポンサード出演しました!
チャンネル登録者数が100万人を超えるYoutubeチャンネルPIVOTにスポンサード出演しました!
動画内では、マーケティング組織立ち上げのための新しい手段についてお話しています。
マーケティング組織に課題がある方はぜひご覧下さい。
動画を見る

関連記事

HTML5とは何か?SEOとの関係・特徴・メリットを説明

titleタグ(タイトルタグ)とは?SEOに効果的な書き方や確認方法を解説

titleタグ(タイトルタグ)とは?SEOに効果的な書き方や確認方法を解説

titleタグなどのキーワード最適化は「ページの内容」ではなく「検索する人」に合わせて言葉を書く

新着記事

【速報】本日12/13AMよりGoogle検索アルゴリズム コアアップデートが開始

【SEO会社22選】SEOコンサルティング会社の選び方や事前に確認すべき点は?

サイトマップとは?

サイトマップとは?2種類それぞれの作成法やSEO効果を解説

サイト内検索

目次に戻る

もっと効果的な集客施策
してみませんか?

Web戦略の情報を
定期的に受け取りたい方

取材・メディア掲載に関するお問い合わせは、こちらからお問い合わせください。