Canonical标签在SEO中重要作用

canonical标签是很多搜索引擎都支持的一个标签,它的作用是标记某一网页的唯一url地址。这样做的目的是保证我们的某一网页在搜索引擎中只有一个唯一的地址。

Canonical标签对于一些入行不久的人来说,可能会有些陌生。但这个标签是很多搜索引擎都支持的标签,同样它的用处也是极为关键的一个环节。

首先我们先来看一个场景:你网站中的每一个网页可能都会有动态参数,例如我的SEO博客:https://www.ym3.net/2436.html,这样的地址是可以被访问的。而我又添加了百度的自动推送代码。那是不是意味着,我这个页面一旦被访问,就自动的提交给了爬虫,让他抓取呢?

抓取收录了,这个页面和我博客的首页就会重复。如果后面的123随便填写,我将产生成千上万的重复性首页,那后果可能会百度降权,真是太无辜了。如何避免这样的情况发生呢?

那就要用到Canonical标签了。

Canonical标签的作用

就如上面场景所属,我们的网页都会有很多的动态参数,或者每一个网页都不仅仅可以通过唯一的一个url访问。那在这种情况下,就需要我们告诉搜索引擎哪一个url地址才是这个网页的唯一地址,是我们希望搜索引擎展现并参与排名的地址。

Canonical标签的写法

Canonical标签书写起来也比较简单,在我们网页源代码的head中,添加如下代码即可:

Markup

<link rel="canonical" href="https://www.ym3.net/"/>

如上,href中书写的就是你当前网页的唯一url地址,记住是绝对路径哦。

Canonical标签最长犯的错

千万不要觉得你打开源代码查看这里的网址和浏览器地址栏里的一样就搞定了。一定要通过输入一个无效的url地址,再次查看源代码,去确认Canonical标签中的herf值是不是那个唯一地址才可以。

我之前碰到的情况就是,和技术说明了需求。但技术是把浏览器地址栏里的url地址直接放到了Canonical标签里,导致浏览器地址栏是什么,Canonical标签里就是什么。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
当涉及到JavaScript时,SEO优化需要注意以下几点: 1. 避免使用内嵌式JavaScript,因为搜索引擎可能无法读取并索引内嵌式JavaScript的内容。 2. 避免使用JavaScript来隐藏内容,因为搜索引擎可能会将其视为欺诈行为,从而对网站进行惩罚。 3. 避免使用JavaScript来生成主要内容,因为搜索引擎可能无法读取JavaScript生成的内容。 4. 确保JavaScript代码的正确性和性能,因为页面加载速度和性能是SEO重要因素。 5. 使用JavaScript来实现网站的交互效果和效果,其包括导航、滚动、弹出框等,需要注意对搜索引擎的可访问性和友好性。 下面是一个HTML页面的SEO代码示例,其包含了JavaScript的SEO优化: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网站标题</title> <meta name="description" content="网站描述"> <meta name="keywords" content="关键词1,关键词2,关键词3"> <meta name="author" content="网站作者"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="canonical" href="网站页面的正式URL"> <link rel="stylesheet" href="网站样式文件的URL"> <script src="网站JavaScript文件的URL"></script> <script type="text/javascript"> // 添加Google Analytics代码 </script> </head> <body> <header> <h1>网站标题</h1> <nav> <ul> <li><a href="#">导航链接1</a></li> <li><a href="#">导航链接2</a></li> <li><a href="#">导航链接3</a></li> </ul> </nav> </header> <main> <section> <h2>页面标题</h2> <p>页面内容</p> </section> </main> <footer> <p>版权信息</p> </footer> <script type="text/javascript"> // 添加交互效果和效果 </script> </body> </html> ``` 在上面的代码,我们通过添加Google Analytics代码和JavaScript交互效果和效果,实现了JavaScript的SEO优化。需要注意的是,这只是一个示例,实际的JavaScript的SEO优化需要根据具体的网站和页面进行调整和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

百创科技

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值