将外部文件加载到 html 时如何保留搜索引擎的可访问性
How do I retain search engine accessibility when loading external file into html
我打算：
$('#main.sidecontent').load('/sidecontent.html');
并插入：
<div class="sidecontent" id="main"></div>
a div 在几个 html 页面上，因为这个 div 的内容是相同的，我试图理顺我的工作流程，基本上避免编辑每个 html此内容 div 更改时的页面。
我的问题：
是否推荐使用此方法来兼容移动设备 devices/cross-platform？
此方法是否保留搜索引擎的可访问性，如果不能，我将如何实现？
谢谢。
嗯，问题是一开始，您要插入数据的部分是空白的，这意味着例如在 Facebook 上共享此页面只会产生一个空白框。因此，您想要实现的是一种在抓取网站之前 运行 那 javascript 的方法。有一些服务提供此功能。我个人最喜欢的是 Prerender.io。我在我的 Angular.js 项目中使用了它，其中网站上显示的大部分信息都是通过 AJAX 加载的。很有魅力！
这是帮助您入门的文档：Prerender.io documentation
如果你还有什么想知道的，请告诉我。
我打算：
$('#main.sidecontent').load('/sidecontent.html');
并插入：
<div class="sidecontent" id="main"></div>
a div 在几个 html 页面上，因为这个 div 的内容是相同的，我试图理顺我的工作流程，基本上避免编辑每个 html此内容 div 更改时的页面。
我的问题： 是否推荐使用此方法来兼容移动设备 devices/cross-platform？ 此方法是否保留搜索引擎的可访问性，如果不能，我将如何实现？
谢谢。
嗯，问题是一开始，您要插入数据的部分是空白的，这意味着例如在 Facebook 上共享此页面只会产生一个空白框。因此，您想要实现的是一种在抓取网站之前 运行 那 javascript 的方法。有一些服务提供此功能。我个人最喜欢的是 Prerender.io。我在我的 Angular.js 项目中使用了它，其中网站上显示的大部分信息都是通过 AJAX 加载的。很有魅力！
这是帮助您入门的文档：Prerender.io documentation
如果你还有什么想知道的，请告诉我。