URLとは?アドレスとの違いと、リンク先を4つに分けて読む見方

30秒でわかる答え

URLとは、ブラウザがWeb上のどのページを取りに行くかを示す場所の指定で、アドレスバーに出ている文字の並びです。通信の方法・ドメイン名・パス・クエリの4つに分けて読み、ログインの前はドメイン名を右から読んで確かめます。

友だちから届いたリンクを開くと、ブラウザの欄に https://lab.example.com/guides/dns/?from=top のような文字の列が出ています。これは何で、どこを見れば安心して読み進められるのでしょうか。

URLとは、ブラウザがWeb上のどのページを取りに行くかを示す場所の指定で、アドレスバーに出ている文字の並びのことです。

URLとアドレス・リンクの違い|スマホではどこに出る

「アドレス」「Webアドレス」「リンク」は、どれも中身はURLです。メールアドレスだけは別物で、@ が入っていればメールの宛先です。

スマホのブラウザは欄が狭いので、ふだんはドメイン名のあたりだけを見せています。欄を一度タップすると全体が出ます。全体が出たら、頭から一文字ずつ読まずに、区切りの記号で4つに分けます。

URLの見方|ドットとスラッシュで4つに分けて読む

イト

URLって、長い文字列に見えるけど、どこを読めばいいの?

ピコ

全部を覚えなくていいよ。区切りの記号で4つに分けて読もう

ユイ

案内板の部品として見ると、画面のむこう側へ進む道が見えそうです

区切りの記号を目印に、次のURLを分けます。

https://lab.example.com/guides/url/?from=top

部品例役割
通信の方法(スキーム)https://取りに行く方法。https なら暗号化された通信
ドメイン名lab.example.comどのサイトか(サイトの名前)
パス/guides/url/サイトの中のどのページか
クエリ?from=topページに渡す追加の情報

読むときの目印は二つです。.(ドット)はドメイン名の中の区切りで、lab.example.com は右の com から左へ行くほど細かい名前になります。ドメイン名のあとの /(スラッシュ)から先が、そのサイトの中の場所です。

最後に # が付いていたら、それはページの中の位置です。# まで入れた5つの部品の役割と、入力してから画面が出るまでの6段階は、URLの仕組みで順に追えます。

イトとユイとピコが、Webへの案内板を部品ごとの無地パネルに分けて見ている
URLは、通信の方法、サイトの名前、ページの場所、追加の情報の順に並んでいます。

第39話「URLはページの住所?」では、この4つを一枚の案内板として分解しています。

分けて読めると、「サイトは同じなのにページがちがう」という差に気づけます。マコトに届いた招待状が、その例です。

漫画:招待されたのは、どのページ? 全4ページ

お茶会の招待状を受け取ったマコト。ブラウザで開いたページには、豪華なカップが並んでいました。ところがピコは、案内とは少し違うと気づきます。

画像を押すと拡大できます。+/−で大きさを変え、拡大中はドラッグして読めます。

1 / 4招待状と、前に見たページ

マコトはラボの机でお茶会の招待状を読む。白地に青い帯のカップがそばにある。ブラウザの過去の候補からカップ展示を選び、豪華なカップの写真をお茶会の様子と思い込む。

1ページ目:招待状と、前に見たページ
過去の候補から開いたページが、目的のページとは限りません。

1ページ目のセリフ

  • マコトはラボの机でお茶会の招待状を読む。白地に青い帯のカップがそばにある。ブラウザの過去の候補からカップ展示を選び、豪華なカップの写真をお茶会の様子と思い込む。
  • マコト「お茶会の案内は、このサイトだったね。」
  • マコト「ずいぶん豪華なお茶会だね。」
  • ピコ「これ、お茶会の案内?」
  • 招待状には「お茶会」「https://lab.example.com/tea/」。履歴候補と開いた画面には「https://lab.example.com/cups/」、ページには「カップの展示」と豪華なカップの写真。
  • 展示ページの補助文は「世界の素敵なカップをご紹介します。」。写真の下に「ヨーロッパの名窯」「花の絵付け」「金彩のカップ」とある。

2 / 4同じサイト、違うページ

紙の招待状と画面のURLを並べると、lab.example.comは同じで、後ろの/tea/と/cups/が違う。マコトは招待状のURL全文を入力し直す。

2ページ目:同じサイト、違うページ
ドメイン名はサイトの手がかり。パスはその中のページや場所を指定します。

2ページ目のセリフ

  • 紙の招待状と画面のURLを並べると、lab.example.comは同じで、後ろの/tea/と/cups/が違う。マコトは招待状のURL全文を入力し直す。
  • マコト「サイトの名前は同じだけど、後ろが違うね。」
  • ピコ「ドメイン名がサイトの手がかり。」
  • ピコ「パスは、その中のページの場所だよ。」
  • マコト「じゃあ、招待状のURLで……。」
  • 紙はhttps://lab.example.com/tea/、画面はhttps://lab.example.com/cups/。共通のlab.example.comと、違う/tea/・/cups/を色で比べる。最後はhttps://lab.example.com/tea/を入力。

3 / 4案内に書かれた持ち物

正しいページに「お茶会のご案内」「持ち物:マイカップ」が表示される。マコトはURLをブックマークに保存し、持ち物の一行を読み直す。

3ページ目:案内に書かれた持ち物
目的のページを確認し、そのURLを保存すれば、同じページへ戻る手がかりになります。

3ページ目のセリフ

  • 正しいページに「お茶会のご案内」「持ち物:マイカップ」が表示される。マコトはURLをブックマークに保存し、持ち物の一行を読み直す。
  • マコト「こっちが、招待されたページだ。」
  • マコト「このURLを、そのまま保存しておこう。」
  • マコト「持っていくのは……。」
  • https://lab.example.com/tea/、「お茶会のご案内」「持ち物:マイカップ」。ブックマークの星が選択済みになる。
  • 案内の補助文は「みんなでお茶を飲みながら、ゆったりと交流する会です。お気軽にご参加ください。」。保存後の星は金色のまま。

4 / 4いつものカップを包んで

マコトは冒頭から机にあった白地に青い帯のカップを布で包み、バッグに入れる。豪華な展示の品を用意する必要はなかった。ピコと一緒にラボの扉へ向かう。

4ページ目:いつものカップを包んで
サイト名だけでなくページの場所も確かめ、招待されたページに書かれた準備へ戻れました。

4ページ目のセリフ

  • マコトは冒頭から机にあった白地に青い帯のカップを布で包み、バッグに入れる。豪華な展示の品を用意する必要はなかった。ピコと一緒にラボの扉へ向かう。
  • マコト「お茶会には、こっちを。」
  • ピコ「展示のカップは、画面で楽しもう。」
  • マコト「いつものカップで、出かけよう。」
  • 冒頭と同じ白地に青い帯のカップを包む。机のPCにはお茶会の正しい案内。布は淡い青、バッグは生成り。

横にスワイプして次のページへ。画像を押すと拡大できます。

招待状・お茶会・カップ展示と画面は架空の例です。この例では同じサイトの異なるパスが別のページを指定しています。パスはサーバー内の物理的なフォルダと一致するとは限りません。

ドメイン名とパスの役割を本文で確かめる ↓

100%

拡大中はマウスや指でドラッグできます。100%では左右スワイプ・左右キーでページ送り。

URLのドメイン名とパスの見分け方|向かう先はどこか

漫画のマコトは、同じサイトの中の別のページを開いていました。逆に、パスに見慣れた言葉があっても、ドメイン名がちがえば別のサイトです。どちらにも login がある、次の二つで比べます。

  • https://example.com/login/ は、ドメイン名が example.com
  • https://example-login.example.net/ は、右から読むと example.net のサイト。example.com ではありません

ログイン、支払い、住所や電話番号を入れる画面では、入力する前にドメイン名を右から読みます。入れた内容は、そのドメイン名のサイトへ送られるからです。

マコトとユイとピコが、安全確認机でサイト建物とその中のページ道順を分けて確認している
URLを見るときは、どのサイトへ向かうかを示すドメイン名と、サイトの中の場所を示すパスを分けます。

マコト

パスの中に見慣れた名前があっても、ドメイン名が違えば別の場所かもしれないね

ピコ

そう。まずドメイン名を右から読んで、どのサイトかを決めよう

ドメイン名が本物でも、入力の前にもう二つだけ見る所があります。

URLのリンク先を確認する順番|ログイン前の30秒

大事な操作の前だけ、この順に見ます。

  1. https:// で始まっているか。通信が暗号化(途中で他の人に読まれない形に)されている印です。
  2. ドメイン名を右から読んで、見覚えのあるサイトか。0(ゼロ)と o(オー)のような似た文字が混ざっていないかも見ます。似せた名前の偽サイトは、ここで見分けます。
  3. パスが何のページか。ログイン、支払い、設定など、これから何をする画面かを読みます。? から後ろは長くても気にしません。

https は通信を暗号化している印で、サイトの中身が本物だという印ではありません。

三つとも引っかからなければ、そのまま進みます。一つでも引っかかったら、入力せずに閉じて、「このリンク、ドメイン名が example.net になっているけど合ってる?」と送り主に聞き返せます。

ところで、この欄に「URLとは」と打つと、ページではなく一覧が出ます。

URLと検索キーワードの違い|同じ欄でも行き先が変わる

ブラウザの欄には、URLも検索の言葉も打てます。https://example.com/ と打てばそのページへ直接行き、「URLとは」と打てば候補の一覧が出ます。行き先のURLが分かっているときはURL、分からないときは検索の言葉です。

URLを開くと何が起きる?DNSとサーバーの分担

URLを打つと、ブラウザはまずドメイン名を取り出し、DNSで相手のコンピューターの番号(IPアドレス)に変えます。番号に変えるのはドメイン名だけです。次に、その番号のサーバー(ページを持っているコンピューター)へ、パスを付けて「このページをください」と頼み、返ってきた材料で画面を組み立てます。

全部で6段階の流れはURLの仕組みで追えます。画面を組み立てる仕事は、ブラウザとはにあります。URLが指すWebと、その下で通信を運ぶインターネットの関係は、Webとインターネットの違いで分けて確かめられます。

URLの読み方を試す穴埋めクイズ

冒頭で友だちから届いた、次の架空のURLを4つに分けてみてください。

https://lab.example.com/guides/dns/?from=top

  • 通信の方法:______
  • ドメイン名:______
  • ページの場所(パス):______
  • 追加の情報(クエリ):______

答えの例:

  • 通信の方法:https
  • ドメイン名:lab.example.com(右から読むと example.com のサイト)
  • ページの場所:/guides/dns/
  • 追加の情報:from=top

URLでよくある質問

Q1. # から後ろは何ですか?

A. ページの中の位置を示す印(フラグメント)です。サーバーには送られず、ブラウザがその位置まで画面を動かすのに使います。

Q2. ? から後ろは、いつも危ないのですか?

A. いいえ。検索の条件や表示の状態をページに渡す部分で、ふだんは読めなくてかまいません。

次に届くリンクのURLで、4つの読み方を試す

冒頭で読めなかった文字の列は、「example.com のサイトの、/guides/dns/ というページ」に変わりました。

いま開いているこのページの欄をタップして、ドメイン名を右から声に出して読んでみてください。

ところで、名前を番号に変えていたDNSは、世界中のサイトの名前をどうやって知っているのでしょうか。その答えはDNSとはに続きます。

この記事の情報・用語を確認する

読了目安 9分 / 更新日

TERM PRIMER

URL|この記事で使った言葉

URL
Web上のページやファイルの場所を示す住所のような文字列です。
ドメイン
Webサイトの場所を人が覚えやすい名前で表したものです。例として example.com があります。
パス
URLの中で、サーバーのどの場所かを示す部分です。
クエリ
URLの「?」より後ろに付ける、並び順や検索語などの条件の指定です。
ブラウザ
Webサイトのデータを受け取り、人が読める画面として組み立てるアプリです。
HTTPS
HTTPの通信を暗号化して、より安全にやり取りするためのしくみです。

LAB WHITEBOARD

URLを一文で説明してみよう

「URLを通信の方法、ドメイン名、パス、クエリの4つに分けて読み、ログインや支払いの前にドメイン名を右から読んで確かめられるようになる。」を、いまの自分の言葉で一文にしてみてください。途中の説明でも大丈夫です。

URLの参考資料

内容の最終確認日: