Question

现在我担心在一个单独的html文件中为每个容器定义元标记的方法或方法。我会详细解释。

我们创建了网站，它实际上由一个单页组成（所有子页面都在这个长滚动页面内）。因此，当您浏览左侧菜单中的链接时，第一页将向下滚动到第二页，依此类推....

但是，如果我们将考虑此网络资源的SEO优化，单页网站必须将一个页面网站转变为多页面网站。那么，我的问题是，我们应该如何在一个单独的html中为每个容器（子页面）定义元标记？

具有相同内容的网站示例（一个包含所有子页面的长滚动页面）：http://lovepublic.com.au/

希望，任何人都能以某种方式帮助解决这个问题，并建议良好的选择。提前谢谢。

Answer 1

我认为没有任何可能性。根据{{3}}的定义： <meta>标记始终位于<head>元素内。

然而，您可以通过其他方式改进您的网站：

网站上有一个h1标题
使用h2标题对页面进行分类（每个容器）
用于对每个容器进行分类的h3

简单地这样做已经明智地改善了网站SEO。搜索引擎蜘蛛实际上检查标头标签与其相关内容的相关性。

您也可以查看 Microdata ，以确保搜索引擎知道您在说什么。转到w3school了解详情

Answer 2

您可以使用jquery：

   $(window).scroll(function() {
    if($(window).scrollTop() > 1000 && $(window).scrollTop()<2000)
    {
        $('meta[name = "viewport"]').attr('content','ddd')
    }
   });

您应该放置您的元标记名称而不是viweport并替换您的数据而不是ddd。您的部分顶部的距离应替换为1000，并且您的部分底部的距离应替换为2000 并且您可以使用＆＃34;为所有部分执行此操作。否则如果＆＃34;在此代码之后。

如何在单个html中为每个容器定义元标记？

2 个答案: