javascript - 将外部文件加载到 html 时如何保留搜索引擎的可访问性

Question

我打算:

$('#main.sidecontent').load('/sidecontent.html');

并插入:

<div class="sidecontent" id="main"></div>

几个 html 页面上的一个 div，因为这个 div 的内容是相同的，我尝试理顺我的工作流程，基本上避免在这个内容 div 更改时编辑每个 html 页面。

我的问题:是否推荐此方法以兼容移动设备/跨平台？此方法是否保留搜索引擎的可访问性？如果不能，我将如何实现？

谢谢。

Answer 1

问题是，一开始，您要插入数据的部分是空白的，这意味着例如在 Facebook 上共享此页面只会产生一个空白框。因此，您想要实现的是一种在抓取网站之前运行该 javascript 的方法。有一些服务提供此功能。我个人最喜欢的是 Prerender.io .我在我的 Angular.js 项目中使用了它，其中网站上显示的大部分信息都是通过 AJAX 加载的。就像一个魅力!

这是帮助您入门的文档:Prerender.io documentation

如果你还有什么想知道的，请告诉我。