今天是《Google Seo，每天五分钟轻松学会》第三课，主讲网站随处可见的A标签，也就是链接。因为它在网站每个页面都会出现，所灵活的运用它，不仅可以更好的带来用户体验，而且还利于Google Seo。一、A标签的灵活使用 ...
|
今天是《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> 好了，今天就分享到这里，期待能帮助你！ |
注册
SEO优化
2024-4-23 12:34
36浏览
微信公众号
作者 
皖ICP备2021010202号
赣公网安备36112102000145号