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

Question

我开始制作一个没有任何数据库的“静态”站点。我不知道，女巫对我来说是最好的解决方案：

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

所以你怎么看：

我应该为每个子菜单创建一个新的 html 文件吗
或者制作一个product.html（作为一个容器）并为P1、P2、P3制作外部html，然后你需要一些js来将它们加载到product.html中？（如 jquery 加载）

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

感谢您的任何建议和任何其他方式，如 jquery 加载。

谢谢

score 0 · Accepted Answer

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

索引.php

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

产品.php

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

等等。

使用 JS 这样做是不好的，原因有几个，包括 SEO 和可访问性。

score 0 · Accepted Answer

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

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

谷歌现在可能正在做一些花哨的事情，以便搜索引擎可以理解 javascript，但我觉得这还有很长的路要走。同时，我们可以依靠工具在页面交付给浏览器之前实现它。

2 回答 2