没有数据库的动态内容 - jquery load和seo

Question

我开始创建一个没有任何数据库的“静态”网站。我无法弄清楚，女巫对我来说是最好的解决方案：

例如，我有一个带子菜单的主菜单：

1. 我们的产品
   • P1
   • P2
   • P3

那你怎么想：

• 我应该为每个子菜单创建一个新的html文件
• 或者制作一个product.html（作为容器）并为P1，P2，P3制作外部htmls，并将一些js加载到product.html中？ （比如jquery load）

我认为第二种解决方案更优雅，而且html查询更少，但是这个解决方案的SEO方面呢？

• 我可以在我的sitemap.xml中插入外部htmls，这样Google会使用许多子页面索引我的网站吗？或者我应该从索引中排除它们？

感谢您提出任何建议和任何其他方式，例如jquery load。

由于

Answer 1

我建议使用PHP（或类似的）。有了它，您可以轻松地构建您的代码：

<强>的index.php

<?php include 'header.php' ?>
<?php include 'menu.php' ?>
Unique code for the index-page here
<?php include 'footer.php' ?>

<强> product.php

<?php include 'header.php' ?>
<?php include 'menu.php' ?>
Unique code for the product-page here
<?php include 'footer.php' ?>

等

使用JS做这件事有几个原因，包括搜索引擎优化和可访问性。

Answer 2

这可能有点偏离主题。但我在这里寻找一个解决方案，在HTML页面中嵌入了页眉和页脚，这样我就不必使用前端jQuery加载它们，因此我不会遇到SEO问题。

这是我找到的解决方案http://blog.parkji.co.uk/2013/07/06/building-a-static-site-using-grunt-and-assemble.html

基本上，引擎需要是后端或半后端（至少支持HTML），在页面加载之前，页面已经组装好（如PHP等），或者在部署之前已经手动组装（像gruntJS）。

谷歌现在可能会做一些想法，以便搜索引擎可以理解javascript，但我觉得这还有很长的路要走。同时，我们可以依赖在页面传送到浏览器之前实现的工具。