メインコンテンツへ
短.be
短.be

言語

English日本語中文Español

サイト情報

HTML

Web ページの構造を定義するマークアップ言語。見出し、段落、リンクなどの要素をタグで記述する。

2026 年 10 月 16 日 / 約 1 分で読めます

SEO

HTML (HyperText Markup Language) とは、Web ページの骨格を作るための言語です。家を建てるときの設計図に似ています。設計図が「ここに壁、ここにドア」と指示するように、HTML は「ここに見出し、ここに段落、ここにリンク」とブラウザーに指示します。

HTML は「タグ」と呼ばれる記号でページの構造を表現します。たとえば <h1> は大見出し、<p> は段落、<a> はリンクを意味します。短縮 URL を含むリンクも <a href="https://example.com/abc">こちら</a> のように HTML で記述されています。ブラウザーはこのタグを読み取り、人間が見やすい形に変換して画面に表示します。

Web ページは HTML だけでは味気ない見た目になります。そこで CSS (Cascading Style Sheets) が色やレイアウトを担当し、JavaScript が動きやインタラクションを担当します。この 3 つの役割分担は、家に例えると HTML が骨組み、CSS が内装や外装、JavaScript が電気や水道のような設備にあたります。

HTML は 1991 年にティム・バーナーズ=リーが考案しました。当初は学術論文をリンクで結ぶための簡素な仕組みでしたが、現在の HTML5 では動画再生、位置情報の取得、オフライン対応など高度な機能を備えています。仕様はかつて W3C (World Wide Web Consortium) が策定し、2019 年以降は WHATWG という団体が「HTML Living Standard」として継続的に更新しています。

短縮 URL のリダイレクトも HTML で実現できます。<meta http-equiv="refresh" content="0;url=転送先"> というタグをページに埋め込むと、ブラウザーが自動的に転送先へ移動します。ただし、サーバー側での HTTP リダイレクトの方が高速で SEO にも有利です。

この記事は役に立ちましたか？

関連用語

メタタグ

HTML の <head> 内に記述するメタデータ要素。ページの説明、キーワード、文字コードなどの情報を検索エンジンやブラウザーに提供する。

タイトルタグ

HTML の <title> 要素で定義するページのタイトル。検索結果の見出しとして表示され、SEO で最も重要な要素の 1 つ。

OGP

Open Graph Protocol の略。 SNS でリンクが共有された際のプレビュー表示 (タイトル、説明、画像) を制御するメタデータ仕様。

hreflang

多言語サイトで各言語版ページの関係性を検索エンジンに伝える HTML 属性。適切な言語のページを検索結果に表示させる。

Schema.org

Google、Microsoft、Yahoo! が共同で策定した構造化データの語彙体系。 Web コンテンツの意味を機械可読な形式で記述する。

メタディスクリプション

HTML の meta タグでページの概要を記述するテキスト。検索結果のスニペットに表示され、クリック率に直接影響する。

関連記事

ハイパーリンクという大発明 - 世界中の情報をつないだ仕組み

ハイパーリンクがなぜ革命的な発明だったのかをやさしく解説。本の索引との違い、ティム・バーナーズ=リーが WWW を無料で公開した功績、リンクが世界中の情報をクモの巣のようにつなぐ仕組み、リンク切れの問題と短縮 URL の寿命まで紹介します。

美しい URL の条件 - デザイナーの視点で考える URL の美学

URL にも「美しさ」がある。読みやすさ、覚えやすさ、ブランドとの調和など、デザインの観点から理想的な URL の条件を考察します。短縮 URL のスラッグ設計にも応用できる美学の原則を紹介。

URL 短縮の仕組み - 301 リダイレクトと Base62 エンコードを図解で解説

URL 短縮サービスの技術的な仕組みを図解で解説。301 リダイレクト、Base62 エンコード、データベース設計の基本を初心者にもわかりやすく紹介します。

よくある質問

HTML を学ぶにはどうすればいいですか？
ブラウザーとテキストエディターがあればすぐに始められます。メモ帳に HTML を書いて .html で保存し、ブラウザーで開くだけで結果を確認できます。無料の学習サイトも多数あり、基本的なタグは数時間で覚えられます。
HTML はプログラミング言語ですか？
厳密にはプログラミング言語ではなく「マークアップ言語」に分類されます。プログラミング言語は計算や条件分岐などの処理を記述しますが、HTML はページの構造を記述するだけです。動的な処理には JavaScript などのプログラミング言語が必要です。
Web ページの HTML を見ることはできますか？
はい、ほとんどのブラウザーで右クリックから「ページのソースを表示」を選ぶと、そのページの HTML を見られます。Chrome では F12 キーで開発者ツールを開き、リアルタイムで HTML を確認 / 編集することもできます。

知識を、実際のリンクで。

無料で URL を短縮する