javascript - 在 javascript 中创建链接时,如何让搜索引擎识别该链接?

标签 javascript jquery html seo

我设计了我自己的画廊,其中包含一堆加载的缩略图,当他们点击图像时会弹出更大的图片,以便用户可以更清楚地看到它。在这些弹出窗口中,我可以指定一个 URL,如果他/她点击弹出的图像,用户将被发送到该 URL。

因为整个图库都是由 JavaScript 加载的,所以搜索引擎将无法看到附加到弹出框中的链接。我考虑过在画廊缩略图下方也放置一个文本链接,但我认为这只会让画廊看起来很草率。我也考虑过创建一个隐藏链接,但我相信这会被搜索引擎忽略并且不受欢迎。

任何人都知道如何让这个链接看起来不错,并能被搜索引擎看到吗?

最佳答案

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>

关于javascript - 在 javascript 中创建链接时,如何让搜索引擎识别该链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5186411/

相关文章:

html - 对齐 li 内的元素而不是 ul 内的 li

javascript - 从 JS 更新时未检测到 Blazor 双向绑定(bind)

javascript - 当作为参数传递给 firebase 动态链接时,Firebase 存储访问 token 被删除

javascript - document.createElement ("tr") 未显示在 html 中

javascript - 如何在按下按钮时调用单击 JavaScript 事件?

jquery 验证不适用于 mvc

php - 获取标签值php

javascript - 在其他脚本中访问对象属性

javascript - 在 div 悬停时隐藏所有其他具有相同名称的 div,显示悬停的 div

javascript - 定位和限制麻烦