如何使用 html5/动态站点创建 URL [关闭]

Posted 2023-02-23

【中文标题】如何使用 html5/动态站点创建 URL [关闭]

【英文标题】：How to create URLs with html5/dynamic site [closed]

【发布时间】：2013-01-13 17:36:37

【问题描述】：

我正在创建一个完全 jQuery html5 的网站。内容全部由 xml 提要填充。这都是程序化的。由于没有任何静态页面（只有一个 index.php），如何为搜索引擎索引内容？当站点只是动态创建时，开发人员通常会做什么？如果我想（例如）在每个页面上放置一个“tweet this”按钮怎么办。我怎样才能让该按钮创建一个 URL，然后（可能）触发一个显示正确内容的函数？

编辑问题

我在问这个 - 因为，对于我正在构建的动态站点，只有一个 URL - index.php。现在通常搜索引擎会爬过网站的“页面”。但这没有任何页面 - 它只是动态内容。搜索引擎真的没有什么可以抓取的。接下来，如果我单击站点中的链接（再次动态创建链接并链接到动态创建的其他内容），例如我单击“小部件 1”，它会将我带到该产品的描述页面。我无法发送该描述页面 URL，因为它没有。那么你会如何解决这个问题呢？在 php 情况下（也是动态的），您可以将查询字符串放在 url 中。但这就是 Jquery 的全部内容——所有内容都导入到 index.php 中。这有意义吗？

【问题讨论】：

请提供更多信息和代码示例，因为仅从这些信息中，无法给您正确的答案

如果您想知道如何让您的草稿/模型/概念由网络主机托管，请搜索“网络主机”。然后买一个域名。这不是一个经过深思熟虑或很好解释的问题。这里没有人能理解你想要什么。也许不要用行话问，而是尝试更自然的术语？

我已经编辑了我原来的问题。希望它更有意义。

window.history.replaceState('object or string', 'Title', '/another-new-url');

【参考方案1】：

你可以做些什么来制作唯一的 URL（不刷新页面）是使用

window.location.hash = '#whatever';"

这将为您提供一个 URL，如果用户共享该 URL，您将能够解析和处理以显示正确的产品

但是...从 SEO 的角度来看，这可能不会给出您想要的结果，因为当 Google/Bing 索引页面时，位置中的哈希将被忽略，因此您可能还希望支持使用查询字符串参数 ( ?product=whatever) 虽然这会导致页面重新加载。

请参阅Change the URL in the browser without loading the new page using javascript 了解更多详情和其他建议的解决方案