SEO 和 AureliaJS答案

【问题标题】：SEO and AureliaJSSEO 和 AureliaJS
【发布时间】：2017-02-24 08:06:09
【问题描述】：

我们最近将 ASP.NET 站点移至 AureliaJS。我们很高兴，直到我们发现因为它是 JavaScript，所以对于爬虫来说，它呈现为一个几乎空白的页面，如下面的代码所示。

有没有什么方法可以用我们需要的文本填充页面，使其对 SEO 友好并具有主图像，以便 Facebook 共享可以使用 AureliaJS 检测到它？

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles/bundle.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <meta charset="UTF-8">
    <meta property="og:title" content="UCR" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="" />
    <meta property="og:image:width"      content="200">
    <meta property="og:image:height"     content="500">
 <!--   <meta property="og:url" content="http://dev.cr/" /> -->
    <meta property="og:description" content="" />
   <!-- <script>  
        $(".se-pre-con").fadeOut("slow");
    </script> -->
  </head>
  <body aurelia-app="main" class="uscr-body">

  <div class="se-pre-con"><!--<h1 class="uscr-h1-loading">Cargando UCR</h1> --></div>

    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="jspm_packages/system.js"></script>
    <script src="config.js"></script>
    <script>
      System.baseUrl = 'dist';
      System.import('aurelia-bootstrapper').catch(console.error.bind(console));
    </script>
  </body>
</html>

【问题讨论】：

服务器端渲染是关键字。框架没有忽略 SEO，你做到了 ;)
谢谢@luschn，不过我正在寻求帮助。不是骂人。

标签： javascript asp.net facebook seo aurelia

【解决方案1】：

A similar question 是去年问的，那里有一些建议。最重要的是，this answer 在相关问题中指向a post by Rob Eisenberg，他说预计将在 2016 年内支持此功能。所以我的建议是关注这个问题，如果你的团队中有熟悉的人预渲染内容的外部库之一，执行此操作。否则，您可以（手动或通过 Gulp 任务）在隐藏的 index.html 上复制您副本的 SEO 相关部分 div，以便蜘蛛看到它，但对人类不可见。

【讨论】：

【解决方案2】：

这是一般客户端框架的问题。服务器需要为 SEO 提供页面，这称为服务器端渲染。一个著名的模块是 prerender.io：https://prerender.io/

使用 React/Redux：http://redux.js.org/docs/recipes/ServerRendering.html

【讨论】：

【解决方案3】：

我想知道 aurelia 增强功能是否允许 SEO。问题是它不会利用所有 aurelia 功能： http://ilikekillnerds.com/2016/01/enhancing-at-will-using-aurelias-templating-engine-enhance-api/ 你只能增强 DOM 元素您无法增强已经增强的元素

【讨论】：