我们知道,HTML(HyperText Market Language)是一种不错的标记语言(HTML中的“ML”),用来描述网页的结构。HTML中的“HT”,也就是超文本(HyperText),有了它,我们就能摆脱单个页面的束缚,链接到其他页面,也就是超文本链接或超链接。超链接对于SEO优化起着十分重要的作用。
一. 超链接要点
1. <a>标签定义超链接,用于从一个页面链接到另一个页面;文章源自MAY的SEO博客-https://may90.com/tech/links.html
2. <a>标签最重要的属性是href属性,它指示链接的目标地址;如:文章源自MAY的SEO博客-https://may90.com/tech/links.html
<a href="https://may90.com/seo/">SEO优化</a>
3. <a>标签另一个常用的属性是target,规定在何处打开链接文档文章源自MAY的SEO博客-https://may90.com/tech/links.html
属性值 | 描述 |
target="_self" | 默认。在同一窗口之间跳转到原来的链接 |
target="_blank" | 在新窗口打开该链接 |
target="_parent" | 在父框架集中打开该链接 |
target="_top" | 在整个窗口中打开该链接 |
target="_framename" | 在指定的框架中打开该链接 |
4. 当鼠标移动到超链接上时,会出现一个小手,表示可以点击;文章源自MAY的SEO博客-https://may90.com/tech/links.html
5. 在所有的浏览器中,a的伪类:文章源自MAY的SEO博客-https://may90.com/tech/links.html
设置的顺序:link - visited - hover - active文章源自MAY的SEO博客-https://may90.com/tech/links.html
状态 | 描述 |
a:link | 未访问的链接 |
a:visited | 已访问的链接 |
a:hover | 鼠标移动到链接上 |
a:active | 选定的链接 |
6. <a>标签的另一属性rel,用于指定当前文档与被链接文档的关系。文章源自MAY的SEO博客-https://may90.com/tech/links.html
属性值 | 描述 |
rel="nofollow" | 告诉搜索引擎不要跟踪此链接 |
rel="noindex" | 告诉搜索引擎禁止收录该页面 |
rel="noopener" | 用来防范新窗口打开链接时可能存在的钓鱼攻击 |
二. 内链与外链
内链(内部链接) | 同一网站域名下的内容页面之间的相互链接 |
外链(外部链接) | 别的网站指向自己网站的链接 |
三. 导入链接与导出链接
导入链接 | 别的网站导入到自己网站的链接 |
导出链接 | 自己网站导出到别人网站的链接 |
四. 锚文本链接
把某个关键词带一个链接,指向别的网页。比如:SEO优化 这样的文字带链接,就是锚文本链接。文章源自MAY的SEO博客-https://may90.com/tech/links.html
五. 文本链接
只有网址而没有超链接的链接文本,链接的展示是以文本的形式,不能单击到达指定的页面,需要复制下来,然后粘贴在浏览器中打开。文章源自MAY的SEO博客-https://may90.com/tech/links.html
比如:https://may90.com/seo/文章源自MAY的SEO博客-https://may90.com/tech/links.html
首先复制https://may90.com/seo/,然后将这个链接粘贴到浏览器地址栏,最后打开这个页面进行访问。
六. 友情链接
互相在自己的网站上添加对方网站的链接,比如A,B两个网站,A网站上放B网站的链接;B网站上放A网站的链接,互相连接。
七. 单向链接和双向链接
单向链接 | 单向链接两个网站没有相互指向,只有单方指向。比如:A、B两个网站,A指向B,但B没有指向A。 |
双向链接 | 双向链接两个网站相互指向。比如A、B网站,A指向B,B指向A。 |
八. 绝对路径和相对路径
绝对路径 | 带域名的文件的完整路径 |
相对路径 | 目标文件/文件夹相对于当前文件的路径 |
评论