关于动态页面元标记的基本问题答案

【问题标题】：Basic question about meta tags with dynamic pages关于动态页面元标记的基本问题
【发布时间】：2019-07-28 10:56:50
【问题描述】：

我对元标记如何与动态页面一起使用非常不熟悉，所以我想我应该向这里的人寻求帮助:-)

我的网站有几十个动态生成的页面（例如一堆旅游页面）。管理员可以添加和删除游览，但最重要的是，他们还可以指定他们想为每个特定游览添加哪些元标记。

例如，一个页面可能会从我的服务器获取此信息

meta_tags: ['yosemite', 'tour']
tour_name: 'Yosemite tour'
pics: ['image1', 'image2']
tour_description: 'This is a yosemite tour'

有了这些信息，我使用类似的东西设置元标记

$('meta[name=description]').attr('content', 'new Meta Description here')

如果我根据管理员提供的信息动态生成页面，是否会出于 SEO 目的提取元标记？感谢您的帮助！

【问题讨论】：

标签： javascript

【解决方案1】：

视情况而定。

一般来说，如果您在客户端添加元标记，大多数爬虫都不会看到它们。大多数爬虫只会发出 HTTP 请求并解析服务器返回的 HTML。

但是，一些爬虫 (including Google... sometimes) 会实际执行 JavaScript 并将 DOM 刮出页面。

如果您觉得这些标签对 SEO 至关重要，您应该确保它们是由服务器输出的。

【讨论】：

【解决方案2】：

元标记是文本的 sn-ps，可帮助搜索引擎爬虫了解您的网站页面内容。现在的谷歌对 SEO 的元关键字和元描述标签的关注很少。但元描述标签有助于在您的页面出现在 Google 或其他搜索引擎结果中时生成搜索引擎 sn-p。

我的想法是如果管理员提供元关键字和描述，最好添加将此信息添加到您的网页。

let description = "";
if(isAdminProvideDesc){
  description = "Admin provided description"
}else{
  description = "Default page description"
}

$('meta[name=description]').attr('content', description)

see the image how description meta tag helps search engines

【讨论】：