我想实现的函数是:点击图片并进入链接。有两种方法:
-
使用onclick事件:
<div onclick="location.href='http://picask.net/';"><img src="logo.jpg"></div> -
使用标签:
<a href="http://picask.net/"> <img src="logo.jpg"> </a>
第一个方法隐藏onclick事件中的链接。第二个显式地将它放在'a'标记中。哪一个在SEO方面更好?或者它们是一样的?谢谢。
更新: Google现在执行Javascript -参见此链接。尽管如此，以下内容在很大程度上仍然适用，并且我在必要的地方进行了编辑。
如果你想让搜索引擎跟踪链接，不要隐藏它。搜索引擎不能/不会总是执行你的Javascript。谷歌现在这样做了，其他公司也会效仿，但实现仍然是实验性的，可能不是在所有情况下都有效，所以我不会依赖它。
但更重要的是:如果有一个a标记是更好的可移植，更短，更容易，为什么你要经历编写Javascript的麻烦…
如果您的目标是隐藏链接，您可以将目标添加到robots.txt，或者将属性rel="nofollow"添加到链接。这将告诉搜索引擎你的意图，他们应该服从你的意图(至少最重要的搜索引擎会服从你的意图)。虽然这不是完全阻止信息被索引的可靠方法，但它主要是为了减少流量和蚕食自己网站上其他页面的页面排名，它对SEO也很有用。
除了SEO，让你的网站在正常浏览器中没有Javascript也不会有什么坏处。而且，无论出于何种原因，如果您希望此链接仅在有Javascript时才能工作，那么也可以使用Javascript插入A元素。这样，文档在语义上仍然是正确的，这对于javascript支持的网络爬虫来说无疑也会更好。因为请记住，Google将在页面呈现时对其进行索引。以前，它对原始输出进行索引，现在它在脚本执行后按原样对文档进行索引。如果您的脚本表现不佳，例如当它们删除元素时，索引实际上会变得更糟。