javascript - 以 SEO 友好的方式使用 Javascript 将 URL 路由映射到操作

Question

我读过有关转义片段的内容，但我认为它不适用于此处，因为我需要做的是以 SEO 友好的方式将特定 URL 路由路由到同一页面上的特定操作。

考虑一个例子:一个页面有 30 个帖子。标记已经存在，这里没有 AJAX 魔法。一旦用户点击像 example.com/#/test-post 这样的 URL，我想打开一个包含帖子内容的弹出窗口(假设 test-post 是帖子slug 或任何其他内容标识符)。

这适用于帖子、图片库和几乎所有我想通过将 URL 路由与特定 Javascript 操作匹配来在弹出窗口中显示的内容。技术部分是小菜一碟，但这在 SEO 方面表现如何？我知道对单个帖子使用单独的页面可能是最好的，但是是否可以允许为单个帖子抓取单页网站，以便通过 example 访问 test-post .com/#/test-post 通过 Javascript 最终作为单独的链接出现在 Google 搜索结果中？

Answer 1

在某些情况下，使用哈希属性通过 JavaScript 在同一网页上执行不同的操作可能非常有用。但是，从 SEO 的 Angular 来看，我认为这根本不是一个很好的解决方案。

原因是散列标记 # 引入的片段标识符是文档 URL 的可选最后部分。它通常用于标识该文档的一部分。从 SEO 的 Angular 来看，只会存储一个页面。

我建议您使用 .htaccess 和 Friendly URLS 来做到这一点。例如，这可能看起来像这样:

SEO friendly URL: `www.example.com/test-post`

window.onLoad = function(){
   var URL = window.location.href;
   switch(URL){
     //Perfom different actions here
   }
}