Wordpress SEO

Google SEO 101:链接和JavaScript的要点

Google SEO 101:链接和JavaScript的要点

Google在新的Lightning Talks系列的第一集中说明了如何确保链接能够正确地使用JavaScript。

Google Lightning Talks是演示的简短版本,可能已在世界各地的Google网站站长会议上共享。

鉴于在可预见的将来取消了面对面的活动,Google正在调整其会议内容以适应网络需求。

Google Lightning Talks系列中的视频计划于全年发布。

Google的Martin Splitt在Links和JavaScript上

Splitt将Lightning Talks的第一期专门讨论“每个人的最爱”主题:链接。

更具体地说-JavaScript Web应用程序中的链接。

Splitt超越了链接对用户和搜索引擎搜寻器的重要作用。

他还列出了将链接与JavaScript功能结合在一起的注意事项。

链接到人类和机器人

链接的明显目的是让用户在内容之间导航。

但是网站所有者必须牢记链接对于机器人和搜索引擎的作用。

首先-链接允许爬网程序查找网站的其他页面。

爬虫通过跟踪从一页到另一页的链接来发现网站的其他页面并为其编制索引。

通过跟踪链接,搜寻器可以了解站点结构和信息体系结构。

这有助于了解哪些页面可能与给定主题相关。

使用JavaScript创建链接-做与不做

Martin Splitt提醒说,创建链接并不像您想的那么简单。

在向链接添加JavaScript功能时尤其如此。

JavaScript允许网站以不同方式自定义链接,但是这样做可能会使链接对爬网程序不可用。

这是Splitt的推荐。

要做:直截了当

在网站上放置链接的最直接方法是使用ahref标签。

只要仍然满足某些条件,也可以使用JavaScript功能升级标准链接。

Google SEO 101:链接的注意事项& JavaScript“ width =” 760“ height =” 154“ size =”(最大宽度:760px)100vw,760px“ srcset =” https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/6c466269 -0b88-4d6b-95d9-8eb2c0ceecc6-5ea9b6670a05d-768x156.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/6c466269-0b88-4d6b-95d9-8eb2c0ceecc6-5ea9bx670d。 jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/6c466269-0b88-4d6b-95d9-8eb2c0ceecc6-5ea9b6670a05d-680x138.jpeg 680w,https://cdn.searchenginejournal.com/ wp-content / uploads / 2020/04 / 6c466269-0b88-4d6b-95d9-8eb2c0ceecc6-5ea9b6670a05d-1024x208.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/6c466269-0b88 -4d6b-95d9-8eb2c0ceecc6-5ea9b6670a05d.jpeg 1403w“ src =” https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/6c466269-0b88-4d6b-95d9-8eb2c0ceecc6-5ea9b6670a05d-768直接链接的示例

不要:忽略ahref属性

将JavaScript功能添加到链接时,您可以考虑忽略ahref属性

“这不是一个好主意,”斯普利特说。

这是因为该链接仅在JavaScript正常工作时才起作用。

没有ahref属性,由于搜寻器未运行JavaScript,因此搜寻器将无法确定链接的位置。

请勿:使用伪网址

在没有有用的URL或“伪URL”的情况下添加ahref属性也无济于事,如下例所示:

Google SEO 101:链接的注意事项& JavaScript“ width =” 760“ height =” 389“ size =”(最大宽度:760px)100vw,760px“ srcset =” https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e -8ec5-4a35-b5c6-3bc9112b9193-5ea9b67d0a06b-768x393.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e-8ec5-4a35-b5c6-3bc9112b9193-5ea9b-67d0245 jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e-8ec5-4a35-b5c6-3bc9112b9193-5ea9b67d0a06b-680x348.jpeg 680w,https://cdn.searchenginejournal.com/ wp-content / uploads / 2020/04 / e6c60a3e-8ec5-4a35-b5c6-3bc9112b9193-5ea9b67d0a06b-1024x523.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e-8ec5 -4a35-b5c6-3bc9112b9193-5ea9b67d0a06b-1600x818.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e-8ec5-4a35-b5c6-3bc9112b9193-5ea9b67d0a06b。 =“ https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e-8ec5-4a35-b5c6-3bc9112b9193-5ea9b67d0a06b-7 68x393.jpeg

结果与没有ahref属性的链接相同,这不是一个好主意。

不要:使用按钮

使用按钮似乎是向页面添加链接的可行选择,但这也不是一个好主意。

经验法则是–如果链接触发了当前页面上发生的某些事情,则它可能应该是一个按钮。

另一方面,如果链接将用户带到以前不在页面上的其他内容,则它应该是标准链接。

不:依靠点击处理程序

例如,网站所有者也不应通过使用其他HTML元素和JavaScript中的点击处理程序来模拟链接。

这破坏了内置的辅助功能,不是一个好主意。

做:使用语义HTML

所有这些的底线是–使用语义HTML标记,并将链接指向正确的URL。

什么是正确的网址?下一节将对此进行说明。

使用“适当的” URL

这些URL是所谓“适当URL”的典型示例:

Google SEO 101:链接的注意事项& JavaScript“ width =” 760“ height =” 434“ size =”(最大宽度:760px)100vw,760px“ srcset =” https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b -e462-441a-990d-f2609ec8b661-5ea9b6620524d-768x439.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b-e462-441a-990d-f2609ec8b661-5ea9b6620524d-480x274。 jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b-e462-441a-990d-f2609ec8b661-5ea9b6620524d-680x388.jpeg 680w,https://cdn.searchenginejournal.com/ wp-content / uploads / 2020/04 / f6959b8b-e462-441a-990d-f2609ec8b661-5ea9b6620524d-1024x585.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b-e462 -441a-990d-f2609ec8b661-5ea9b6620524d-1600x914.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b-e462-441a-990d-f2609ec8b661-5earcb6620524d.jpeg 1697w“ s =“ https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b-e462-441a-990d-f2609ec8b661-5ea9b6620524d-7 68x439.jpeg

这些是正确的URL,因为它们包含以下属性:

  • 协议
  • 主持人
  • 特定内容的路径
  • 片段标识符(可选)

当心片段标识符

假设片段标识符是可选的,并且指向同一内容中的位置,那么搜寻器将忽略它们。

如果您构建的单页应用程序具有完整的片段标识符链接,那么要特别注意这一点。

抓取工具不会跟踪链接,因此他们将无法理解该Web应用程序。

综上所述

Google SEO 101:链接的注意事项& JavaScript“ width =” 480“ height =” 288“ size =”(最大宽度:480px)100vw,480px“ srcset =” https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7 -c924-4731-86e9-1efd6364df87-5ea9b6726c95d-480x288.jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7-c924-4731-86e9-1efd6364df87-5ea9b6726c95d-680x407 jpeg 680w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7-c924-4731-86e9-1efd6364df87-5ea9b6726c95d-768x460.jpeg 768w,https://cdn.searchenginejournal.com/ wp-content / uploads / 2020/04 / 9a14d7b7-c924-4731-86e9-1efd6364df87-5ea9b6726c95d-1024x613.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7-c924 -4731-86e9-1efd6364df87-5ea9b6726c95d-1600x958.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7-c924-4731-86e9-1efd6364df87-5ea9b6726c95d.jpeg 1611 =“ https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7-c924-4731-86e9-1efd6364df87-5ea9b6726c95d-4 80x288.jpeg

以下是第一期Google Lightning Talks的主要收获:

  • 使用正确的链接标记。
  • 不要使用片段在单页应用程序中加载不同的内容。
  • 建立可与JavaScript完美配合的网站,然后会找到链接。