angular - 是否可以将 Angular routerLink 添加到 HTML 标签以避免 SEO 问题？

Question

score 3 · Accepted Answer

Angular routerLink 指令将根据提供的 routerLink 属性替换或创建 href。因此，如果您要手动提供 href 它不会有任何区别，也不会有任何冲突。

score 2 · Accepted Answer

href首先，让我们讨论一下属性或routerLink指令之间的区别。

hrefan 是用于导航到另一个页面的 HTML 锚标记属性。在这里，将加载一个新页面。

RouterLink 用于实现相同的功能，但 Angular 2（或更高版本）是单页应用程序，页面不应重新加载。routeroutletRouterLink 导航到一个新的 URL，并且该组件在不重新加载页面的情况下被呈现。

所以你的问题是：这会变成一个问题吗？

使用href不会引发任何错误或破坏功能，但会影响性能，因为每个href重定向都会加载 Angular 包和块。

score 1 · Accepted Answer

谷歌抓取工具的状态：

可以按照：

<a href="https://example.com">
<a href="/relative/path/file">

无法关注：

<a routerLink="some/path">
<span href="https://example.com">
<a onclick="goto('https://example.com')">

因此，如果您想考虑 SEO 效果，则必须使用 href 和 routerLink，因为 google bot 不会检查 routerLink。

angular - 是否可以将 Angular routerLink 添加到 HTML标签以避免 SEO 问题？