URL 的组成部分：它们是什么以及如何工作

查看浏览器地址栏，以“https”开头的字符串即为URL（统一资源定位符），它是互联网上查找页面的直接地址。URL在商业和日常生活中至关重要，没有它，我们无法自由浏览网页、查找商家或在线购物。

学习构建URL有助于理解网站结构。优化URL不仅能提升搜索引擎优化（SEO）效果，还能改善用户体验（UX）。掌握这些基础知识后，你便能识别并解决影响导航的网页问题。

接下来，我们将深入探讨URL的各个组成部分及其在网络导航中的作用。

什么是URL？

URL是“统一资源定位符”（Uniform Resource Locator）的缩写，即互联网地址的技术名称。其最常见用途是指向Web域名上的目标页面（如Shopify.com），这是对应数字IP地址的人类可读名称。URL既可指向同一网站的其他页面，也可指向完全不同的域名。

URL处于超链接的核心位置。超链接是可点击元素，使万维网浏览变得便捷。点击超链接或在地址栏输入URL时，浏览器会跳转到确切位置。例如，在指向Shopify的超链接中，可见文本是通用标志，而浏览器实际跳转依赖的是链接内部的URL地址：https://shopify.com。当鼠标悬停时，该URL通常会显示在浏览器底部状态栏或以弹窗形式出现在光标旁。

URL的基本组成部分

• 协议
• 子域名
• 根域名
• 路径
• 子目录
• Slug（别名）

URL呈线性组织。按顺序拆解各部分，有助于理解其与整体的关系：

协议

协议（也称方案Scheme）是URL的第一部分，定义了浏览器应如何解释和显示资源。最常见的协议是http://和https://。

HTTP代表超文本传输协议，是所有网站的基础。HTTPS与之本质相同，但增加了“S”表示安全（Secure），意味着网站已通过身份验证并持有SSL/TLS证书。在HTTPS网页上输入的信息（如密码）经过加密，更为安全。尽管部分网站仍使用HTTP，但其更易受网络攻击，且可能让用户感到风险过高。因此，为电子商务网站启用HTTPS是最佳实践。Shopify商店默认已启用HTTPS。

虽然URL也可通过其他协议指向非网页资源（如托管的PDF），但HTTP及其安全版本HTTPS仍是绝大多数URL类型。了解以下其他协议的存在也有益处：

• FTP（文件传输协议）：用于在客户端和服务器之间传输文件。
• SMTP（简单邮件传输协议）：一种电子邮件服务器协议。
• IRC（互联网中继聊天）：一种文本聊天协议。
• file：指本地计算机上的文件。
• Gopher：一种早于万维网的古老客户端/服务器菜单系统，用于浏览文档和应用程序。
• Gemini：一种轻量级协议，需专用客户端访问其“Geminispace”网络资源。

子域名

子域名是URL的可选部分，用于指定网站大类下的子类别。例如，在help.shopify.com中，“help”即为位于根域名shopify.com内的子域名。

子域名是一种用户友好的内容组织方式。常见示例包括博客、新闻、支持/帮助、社区等。例如，访问https://community.shopify.com时，访客可一目了然地知道正在进入Shopify的社区讨论区。

子域名虽非必需，但能有效引导流量，深受用户和搜索引擎喜爱。若拥有Shopify商店，可通过管理后台添加子域名。

根域名

根域名是必填项，由二级域名（SLD）和顶级域名（TLD）组成：

• 二级域名：通过域名注册商注册的独特名称，可视作业务品牌的主域名（如Nike或Adidas）。
• 顶级域名：代表网站的一般类别，如.com（商业）、.org（组织）、.edu（教育）或.net（计算机网络）。

例如，Shopify.com包含二级域名“Shopify”和TLD“.com”。使用业务名称作为SLD并以.com作为TLD，符合客户对电子商务网站的预期。

路径

路径指向特定资源的精确位置（通常是网页）。它位于根域名之后，由一个或多个斜杠分隔，能灵活引导搜索引擎爬虫理解网站的语义结构，从而提高搜索可见性。例如：

https://www.shopify.com/blog

在此例中，路径指定了“blog”子目录，所有博客页面均驻留其中。

子目录

子目录位于根域名之后，类似于文件系统中的子文件夹，提供了区分网站区域的上下文信息。例如，https://www.shopify.com/pricing会将用户引导至定价部分，让人一眼便知该URL涵盖会员定价信息。

URL常以子目录结尾（尤其是索引页或着陆页）。需注意，子目录名称不一定与服务器文件系统完全对应；内容管理系统（CMS）可能会操纵URL结构使其看似文件路径以便于阅读，而其内部存储结构可能更为复杂。

子目录命名应准确且有意义，以提升用户体验。例如，catalog、blog、pricing、shipping和help等名称便一目了然。

Slug

URL Slug是对网页内容的浓缩描述，通常为一个单词或用连字符连接的短语，出现在子目录后的斜杠之后。它使URL对人类和机器人都更具可读性。

例如，https://www.shopify.com/blog/topics/marketing由两个子目录（blog和topics）及Slug“marketing”组成。这表明在blog目录下嵌套了topics部分，而marketing页面又位于该部分之下。

URL的高级部分

• 端口
• 查询字符串
• 参数
• 片段

掌握基础后，我们来看看URL更细致的技术层面。虽然这些部分增加了复杂性且可读性降低，但能提供比基础网站结构更高的自定义程度：

端口

端口用于标识访问Web服务器上特定应用或网站所需的连接类型。每种协议都有对应的端口号：

端口号	协议	说明
80	HTTP	未加密网络流量的默认端口
443	HTTPS	更安全、加密的数据通道
21	FTP	用于客户端与服务器间传输文件
22	SSH	允许命令行远程访问服务器
25	SMTP	从服务器发送出站邮件
143	IMAP	从邮件服务器检索电子邮件
3389	RDP	允许远程访问Windows桌面

端口号置于根域名之后、路径之前，例如：https://www.shopify.com:443/blog/topics/marketing。

通常URL中不显示端口号，因为浏览器能自动识别常见协议并使用正确端口连接。例如点击上述链接时，浏览器会将其解析为更简洁的形式：https://www.shopify.com/blog/topics/marketing。仅在需要标识非标准端口时（如开发测试环境出于安全考虑），才会显式显示端口号。

查询字符串

URL中的问号（?）表示用户输入了搜索词。例如，在Shopify博客搜索“Apple Pay”生成的URL为：

https://www.shopify.com/blog/search?q=apple%20pay

查询以“search?”开头，“%20”代表空格，“?”则指示Web服务器查找该字符串并返回匹配结果。

参数

参数（又称查询参数）是键值对，多个参数用&分隔。它们对产品搜索或营销活动跟踪（如Google Analytics）非常有用。

剖析以下示例中的三个键值对：

https://www.saguaro.com/search?q=hiking&options[prefix]=last&type=product

• “search?”设置了查询字符串。
• 第一个键值对“q=hiking”表明顾客搜索了登山鞋。
• 第二个配对“options[prefix]=last”较为技术性，可能指搜索功能使用了名为options的数组/对象，并将其prefix属性设为last。
• 第三个键值对标识了搜索类型为产品搜索。

虽然解析变复杂，但多参数能捕获更多信息，便于跟踪和报告。

片段（Fragment）

片段位于URL末尾，是可选组件，用于指向页面内的特定位置。它以哈希符号#开头，后跟片段标识符（如页脚footer或FAQ子标题），实现精细导航，提升参与度和浏览体验。

例如，在https://www.shopify.com/enterprise#contact-sales中，片段#contact-sales会直接跳转到企业页面的联系表单处。