我们最近把我们的asp.net网站移到了aureliajs。我们很高兴,直到我们发现这是因为它是javascript,然后它呈现为一个几乎为爬行器空的页面,您可以在下面的代码中看到。
有没有什么方法可以用文本填充页面,我们需要使其搜索引擎优化友好,并有一个主图像,以便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>
最佳答案
A similar question是去年被问到的,这里有一些建议。最重要的是,this answer指向相关问题中的a post by Rob Eisenberg,他说,对该功能的支持预计将在2016年内实现。因此,我的建议是遵循这个问题,如果您的团队中有人熟悉某个外部库来预呈现您的内容,请执行此操作。否则,您可以(手动或通过一个gulp任务)在一个隐藏的index.html
中复制与seo相关的副本,这样蜘蛛就可以看到它,但人类看不到它。
关于javascript - SEO和AureliaJS,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40050816/