开始您的搜索!

栏目SEO优化

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

   浏览人数13浏览

   转载自微信公众号微信公众号原文作者作者 网络运营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跳转的链接
例如:
<a href="javascript:goTo('product')">
<a href="javascript:window.location.href='/product'">
II、 A标签的7种使用方法
① 最简单的链接文本
相对链接:
<a href="/Clothing/T-shirt">T恤</a>
绝对链接:
<a href="https://www.example.com/Clothing/T-shirt">T恤</a>
段落链接:
<a href="/Clothing/T-shirt/#part2">T恤2024新款</a>(运用此链接,需要优先在着陆页面设置ID来标记锚点,例如:“<h2 id="#part2">”)
② 如何链接图片
例如:
<a href="/productA.html">
<img src="https://www.example.com/images/banner.jpg" >
</a>
延伸1:因为搜索引擎对图片的可读性比较差,读取不了这张图片的具体是什么内容,所以对于图片,我们需要加入alt属性
例如:
<a href="/productA.html">
<img src="https://www.example.com/images/banner.jpg"
alt="如何学习Google Seo"></a>
延伸2:因为alt属性是在图片加载中,或者图片不显示的时候,用户才能看到,为了让用户更好的看到,可以再添加title属性。
综合使用:
<a href="/productA.html">
<img src="https://www.example.com/images/banner.jpg"
alt="如何学习Google Seo" title="如何学习Google Seo"></a>
这样用户把鼠标移至图片处,就能明白站长想表达的意思了。
③ 如何链接到Email
例如:
<a href="mailto:Name@example.com">
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标签吗
版权声明:文章内容摘自于微信公众号:网络运营J先生,版权归微信公众号:网络运营J先生所有,本站仅出于分享(非商业盈利)目的转载,该文章仅代表作者本人观点,不代表本站观点!如转载侵犯了您的权益,请来信告知:ishiqingwu@qq.com,我们在收到来信的第一时间处理。
站长热文
返回顶部