你真的会用A标签吗《Google Seo，每天五分钟轻松学会》

SEO优化

发布时间 2024-4-23 12:34

浏览人数 196浏览

转自微信公众号原文作者原作者:网络运营J先生

今天是《Google Seo，每天五分钟轻松学会》第三课，主讲网站随处可见的A标签，也就是链接。因为它在网站每个页面都会出现，所灵活的运用它，不仅可以更好的带来用户体验，而且还利于Google Seo。一、A标签的灵活使用 ...

注明：本文摘自微信公众号:网络运营J先生，版权归微信公众号:网络运营J先生所有，请通过微信搜索公众号网络运营J先生，查看作者更多精彩内容。

今天是《Google Seo，每天五分钟轻松学会》第三课，主讲网站随处可见的A标签，也就是链接。因为它在网站每个页面都会出现，所灵活的运用它，不仅可以更好的带来用户体验，而且还利于Google Seo。

一、A标签的灵活使用，贯穿全站

I、 A标签的工作原理：

A标签是利用href属性创建的超链接，我们做Google Seo优化的时候，不仅要灵活正确的使用它，最重要地目的是要让GoogleBot抓取，因为Google 抓取工具无法解析和提取其他格式的大多数链接。

其中，Google对于A标签是有两种类型是抓取不了的

① A标签中没有href属性

也就是，没有链接，例如：<a>文本内容</a>

② 无法从因脚本事件而作为链接发挥作用的其他标记中提取网址

也就是，无法链接JS跳转的链接

例如：

II、 A标签的7种使用方法

① 最简单的链接文本

相对链接：

绝对链接：

段落链接：

<a href="/Clothing/T-shirt/#part2">T恤2024新款</a>（运用此链接，需要优先在着陆页面设置ID来标记锚点,例如：“<h2 id="#part2">”）

② 如何链接图片

例如：

</a>

延伸1：因为搜索引擎对图片的可读性比较差，读取不了这张图片的具体是什么内容，所以对于图片，我们需要加入alt属性

例如：

<img src="https://www.example.com/images/banner.jpg"

alt="如何学习Google Seo"></a>

延伸2：因为alt属性是在图片加载中，或者图片不显示的时候，用户才能看到，为了让用户更好的看到，可以再添加title属性。

综合使用：

<img src="https://www.example.com/images/banner.jpg"

alt="如何学习Google Seo" title="如何学习Google Seo"></a>

这样用户把鼠标移至图片处，就能明白站长想表达的意思了。

③ 如何链接到Email

例如：

Email</a>

④ 如何链接拨打电话（移动端常用）

例如：<a href="tel:+852 1234 5678">Call Us</a>

⑤ 如何链接发送短信（移动端常用）

例如：<a href="sms:+85212345678?body=Hello">发短信</a>

其中?body= 是预置消息，可填可不填

⑥ 如何链接pdf等文件（用于客户线上查看相应产品文档等）

例如：

<a href=

"https://www.example.com/product/manual2024.pdf">2024版产品说明书</a>

⑦ 如何让屏幕阅读器读取链接意思，加强页面用户体验

对于一部分视障用户，需要借助屏幕阅读器时，我们如果再标签中，加入了aria-label，会让他们轻松明白这个这个链接的意思，常常用于一些按钮，表单类地方

例如：

<a href="https://www.jxiansheng.com/Google-Seo"

aria-label="了解更多关于Google Seo知识"

title="了解更多关于Google Seo知识">Read more</a>

二、A标签的规范化，让搜索引擎轻松抓取，传递权重

1、A标签href属性一定要填上网址URL和文本，网站内部填写相对网址即可，外部链接需要填写绝对网址。

2、尽量在A标签里面少使用或不使用JS跳转链接。

3、链接文本尽量精简描述，切记太长。

4、链接图片，一定要记得加入alt属性

5、如果A标签添加了链接，但是没有文本，至少需要加上title属性，来描述这个A标签相应的文字内容。

6、对于不信任链接来源以及不想传递权重的链接，使用nofollow属性。

例如：

<a href="https://www.example/"

rel="nofollow"></a>

延伸：如果对于不信任的链接，还可以细分为广告赞助链接和UGC（用户生成内容）链接

赞助用法：

<a href="https://www.example/"

rel="sponsored">AD Name</a>

UGC用法：

<a href="https://www.example/"

rel="ugc">UGC Content</a>

好了，今天就分享到这里，期待能帮助你！

#你真的会用A标签吗

上一篇：网站整体结构合理化-《Google Seo，每天五分钟轻松学会》

下一篇：万剑归宗-《Google Seo，每天五分钟轻松学会》

站长热文

换一批

1曾号称免费FreeCDN已无法访问，是携款跑路？是停止服务？还是违规被调查？

2升级到Windows 10专业版系统后显示“你需要先激活Windows，然后才能对电脑进行个性化

3有没有简单点的SQL注入教程？

4企业信息安全与三级等保：构建稳固的防护体系

1WAF使用概览_Web应用防火墙 WAF

2html一些前端不常用但很实用的css代码

3中小企业网站安全升级指南

4信息安全渗透测试：数字世界的守护者‌

5Java项目中防止SQL注入的几种方案总结

6如何评估SQL注入攻击的风险？

7AI规则WAF：智能防护，引领未来

8Win10最高管理员权限获取的方法

1SYN Flood攻击：网络安全的隐秘威胁

2怎么防止网站代码被篡改?

3‌Web漏洞扫描：守护网站安全的必备工具‌

2基于Internet的网页防篡改技术研究

3怎么样更好的处理好cc攻击

4防止SQL注入攻击的4种有效方法

5构建全面防御：有效应对DDoS攻击的策略 ‌

6等保测评：如何选择靠谱的服务商？

7‌高防服务器：抵御DDoS攻击的坚固盾牌‌

8构建企业网站的DDoS防御体系‌

1等保测试：如何选择靠谱的服务商，这里有5个注意事项

2SQL注入：网络安全中的隐秘威胁与防范之道

7360系统安全防护：Windows账户锁定策略开启指南

站长资源

韩博士装机大师

37人气数

HTML网站资源下载器

1337人气数

Aibi Photo AI照片增强器v1.34.0破解版

1425人气数

Photo Editor照片编辑器v9.7.1破解版

1390人气数

自由门VPN加速器

1853人气数

Telegram 电报TG 即时通讯软件

1419人气数