如何在javascript中创建搜索引擎时识别链接？

我设计了自己的画廊，其中包含一堆加载的缩略图，当它们被点击时，图像弹出更大的图片，以便用户可以更清楚地看到它。在这些弹出窗口中，我可以指定用户在单击弹出的图像时将被发送到的URL。因为整个图库都是由JavaScript加载的，所以搜索引擎将无法看到附加到弹出框的链接。我想在画廊缩略图下面放一个文字链接，但我想这只会让画廊看起来很草率。我也想过创建一个隐藏的链接，但我相信搜索引擎会忽略它并且不赞成。任何人都知道如何让这个链接看起来很好，并且可以被搜索引擎看到？

已邀请:

4 个回复

纤洞需匪

Googlebot能够构建大部分页面，并且可以访问大多数标记中包含的onClick事件。现在，如果onClick事件调用一个然后构造URL的函数，那么如果该函数是页面的一部分（而不是外部脚本），Googlebot只能解释它。 Googlebot现在可以执行的一些代码示例包括：

<div onclick="document.location.href='http://foo.com/'">
<tr onclick="myfunction('index.html')"><a href="#" onclick="myfunction()">new page</a>
<a href="javascript:void(0)" onclick="window.open('welcome.html')">open new window</a>

授巨

将链接放在缩略图周围：

<a href="fullsized.htm" class="thumb"><img src="thumb.jpg" /></a>

将扩展功能绑定到链接并取消javascript中的默认行为：

$("a.thumb").click(function(e)
{
    // show the larger version
    e.preventDefault();
});

擅香

您可以将缩略图链接到更大的图片，并使用JavaScript忽略该实际链接并使用您当前的功能打开弹出窗口。缩略图将被编入索引，链接也将被捕获。

窃誓额

使用jquery event.preventDefault（）;这将阻止链接操作发生，您可以使用javascript执行您想要执行的操作。这是一种允许网站在没有启用JavaScript的情况下为用户工作的好方法，但为那些用户添加了很好的功能。这样，搜索引擎就会看到链接并关注它，用户仍然可以获得您正在创建的丰富的JavaScript体验。

<a href="link-to-page1.html" class="thumb-link">
  <img src="thumbnail1.png" alt="thumb 1" />
</a>

<a href="link-to-page2.html" class="thumb-link">
  <img src="thumbnail2.png" alt="thumb 2" />
</a>

<a href="link-to-page3.html" class="thumb-link">
  <img src="thumbnail3.png" alt="thumb 3" />
</a>

然后在你的JavaScript中：

$(document).ready(function(){
  $(".thumb-link").click(function(event){
    event.preventDefault(); // cancel the hyperlink default action
    // do your javascript here
  });
});

要回复问题请先登录或注册

如何在javascript中创建搜索引擎时识别链接？

4 个回复

发起人

问题状态

如何在javascript中创建搜索引擎时识别链接？

与内容相关的链接

4 个回复

发起人

问题状态