什么是相对 URL?
相对 URL 是一种统一资源定位符 (URL),用于指定目标相对于其所在页面地址的位置。与绝对 URL 不同,相对 URL 不包含协议("http://"或 "https://")和域名(如 "example.com")。
例如,如果页面https://example.com/seo/glossary/relative-url/
(带尾部斜线)包含以下代码:
<a href="最佳做法">最佳做法</a>。
该链接的最终目的地将是
https://example.com/seo/glossary/relative-url/best-practices。
本例演示了相对 URL 的最简单用法。要避免与相对 URL 相关的错误,熟悉更高级的使用情况很重要。
了解目录
让我们来看同一个例子,但这次的页面 URL 并非以斜线结尾:
https://example.com/seo/glossary/relative-url
上面的代码是一样的:
<a href="最佳做法">最佳做法</a>。
现在会导致
https://example.com/seo/glossary/best-practices。
为什么?
虽然对用户来说没有区别,但带尾部斜线的 URL 严格来说是一个目录,而不带尾部斜线的 URL 则被视为/glossary/
文件夹(目录)中的一个文件。在这种情况下,相对 URL 是相对于当前目录而言的。
当前目录相关 URL 还有另一种格式:
- 链接前的
./
。
因此,这两个链接将指向同一个目的地:
<a href="最佳做法">最佳做法</a> <a href="./最佳做法">最佳做法</a>
根相关路径
如果相对 URL 带有前导斜线,则表示它是相对于根域的,忽略了所有文件夹和子文件夹。
回到我们的例子:
<a href="/最佳做法">最佳做法</a>。
本页面上的代码将创建一个链接,指向
https://example.com/best-practices
更上一层楼
相对链接的./
前缀使其相对于当前目录的上一级目录。
URL https://example.com/seo/glossary/relative-url的当前目录(不带斜线)是
/glossary/
。
因此,代码如下
<a href=".../最佳做法">最佳做法</a>。
将创建一个链接:
https://example.com/seo/best-practices
搜索引擎优化中的相对 URL 与绝对 URL
就搜索引擎优化而言,网页链接中的相对网址和绝对网址没有区别。不过,建议(但不禁止)在rel="canonical"
和hreflang
标签中使用绝对 URL,以尽量减少出错和混淆的可能性。
结论
了解相对 URL 及其使用情况对于正确的网页导航和维护有序的网站结构至关重要。虽然相对 URL 可以简化网站内的链接管理,但在特定的搜索引擎优化标签中,绝对 URL 更受青睐,以确保清晰度并防止出错。