HTML 元标题和描述的推荐语法？

Question

所以我刚刚开始为我的网站使用动态元数据。有人告诉我，强烈建议为每页添加不同的元标题和描述。

这样做的正确方法是什么？

应该是这样的：

Home page title meta -> My Website Name
Home page desc meta  -> Summary of my website.

Different page title meta -> Page name
Different page desc meta  -> Description of current page.

除此之外，是否有推荐的标题命名约定？

例如

Home page title mega      -> My Website Name
Different page title mega -> My Website Name | Page Name

或

Home page title mega      -> My Website Name
Different page title mega -> Page Name

我认为这有一个标准，而不是开发人员认为最好的标准。有什么想法/建议吗？

Answer 1

title

（请注意，title 元素不是“元标题”。）

HTML5 定义title element 应该识别文档，“即使它们被脱离上下文使用”。因此，对于典型的网站，您应该始终在标题中包含网站名称。

出于可用性原因，大多数情况下good idea 在站点名称之前指定页面名称​​（例如，page name – site name）。

HTML5 不建议使用分隔符来分隔页面名称和标题。

meta-description

HTML5 定义description metadata name 用于“描述页面”。该值必须“适合在页面目录中使用，例如在搜索引擎中”。

由于主页通常代表整个站点，因此在主页的meta-description 中描述站点（而不是页面）是合适的。

Answer 2

首先我建议登录Google Webmaster Tools。在那里您登录您的网站并获得大量信息和资源来改进您网站的信息结构。

这里有一篇来自 Google 的关于该主题的文章：Meta tags that Google understands

关于meta name="description" 元素：

<meta name="description" content="A description of the page" />

此标签提供页面的简短描述。在某些情况下，此描述用作搜索结果中显示的 sn-p 的一部分。

关于title 元素：

<title>The Title of the Page</title>

虽然技术上不是元标记，但此标记通常与“描述”一起使用。这个标签的内容通常在搜索结果中显示为标题（当然在用户的浏览器中）。

同时考虑实现structured data，参见schema.org。

我认为这些天为您的整个页面提供基于 Web 标准、干净且语义丰富的 HTML 标记非常重要。