google搜索引擎优化指南( 网页标题标记可告诉用户和搜索引擎特定网页的技能点)

　　google搜索引擎优化指南(

网页标题标记可告诉用户和搜索引擎特定网页的技能点)

　　

　　本文首发于：/bigo-frontend/blog/ 欢迎关注转载。

　　前言

　　SEO可以有效地成为新的增长工具，了解SEO也是前端开发的一个技能点。

　　SEO（Search Engine Optimization） 搜索引擎优化是利用搜索引擎的规则来提高网站在相关搜索引擎中的有机排名的一种方式。

　　主要方法有：协助搜索引擎了解网页内容，主动告知搜索引擎网站页面之间的联系和参考结构，适当增加或减少不同页面的权重。

　　具体方法有：

　　由于不同搜索引擎的策略不同，本文仅介绍Google下的seo方法，并结合likee业务线的实践给出一个优化示例。

　　1.TDK 标题

　　创建独特而准确的网页标题

　　标签告诉用户和搜索引擎特定页面的主题是什么。标记应放置在 HTML 文档的元素中。

　　应为 网站 上的每个页面创建不同的标题。

　　例子：

　　Likee

　　描述

　　创建要显示在搜索结果中的片段

　　页面的描述元标记让 Google 和其他搜索引擎了解该页面的内容。网页的标题可以是几个单词或一个短语，而网页的描述元标记可以是一个或两个句子或一小段。与标签一样，描述元标签位于 HTML 文档的元素中。

　　例子：

　　关键词

　　用标题标签强调重要的文本

　　一些错误，可以提供类似的拼写方案以更大概率匹配用户的搜索关键词。

　　例子：

　　2.结构化数据描述网页内容

　　结构化数据是可以添加到 网站 网页的代码，用于向搜索引擎描述内容，以便他们更好地理解页面上的信息。搜索引擎可以使用此信息以有用（且用户友好）的方式在搜索结果中显示内容。它还有助于为企业吸引合适的客户。

　　例子：

　　

{

"@context": "https://schema.org",

"@type": "Brand",

"url": "https://likee.video",

"logo": "https://likee.video/assets/like/images/logo@200.png"

}

　　启用 网站 的丰富搜索结果

　　除了使用结构化数据标记来实现丰富的搜索结果外，Google 还使用结构化数据以其他格式提供相关结果。

　　面包屑

　　网页上的面包屑路径指示页面在网站层次结构中的位置，可以帮助用户有效地学习和探索网站。用户可以从面包屑导航路径中的最低级别开始，然后导航到 网站 层次结构中的最高级别，一次一个级别。

　　例子：

　　

{

"@context": "http://schema.org/",

"@type": "BreadcrumbList",

"itemListElement": [

{

"@type": "ListItem",

"position": 1,

"item": {

"@type": "Thing",

"@id": "https://likee.video",

"name": ""

}

},

{

"@type": "ListItem",

"position": 2,

"item": {

"@type": "Thing",

"@id": "https://likee.video/trending",

"name": "Trending videos - Likee Video"

}

}

]

}

　　3.网站地图

　　站点地图是一个文件，它在 网站 中提供有关网页、视频或其他文件的信息，并且还描述了内容之间的关系。Google 等搜索引擎读取此文件以更智能地抓取 网站。站点地图告诉 Google 哪些页面和文件在 网站 中很重要，它还提供有关这些文件的重要信息：对于页面，页面的最后更新时间、页面的更改频率以及是否页面有其他语言版本。

　　例子：

　　

http://www.example.com/foo.html

2018-06-04

　　4.合并重复的 URL

　　如果一个页面可以从多个 URL 访问，或者不同的页面收录相似的内容（例如，一个页面同时具有移动版和桌面版），那么 Google 会将这些页面视为同一页面的重复版本。

　　Google 选择一个网址作为规范版本并抓取该网址，将所有其他网址视为重复网址并减少抓取它们的频率。

　　如果未明确告知 Google 哪个 URL 是规范 URL，Google 将自行选择或将两个版本视为同等重要，这可能会导致一些不当行为。

　　在所有重复页面的代码中添加标签以指向规范页面。

　　例子：

　　5.通知谷歌该页面的本地化版本

　　如果一个页面有针对不同语言或地区的多个版本，请让 Google 了解这些不同的变体。通过这种方式，Google 搜索可以将希望访问页面的用户按语言或地区引导到最合适的版本。

　　例子：

　　6.使用“noindex”来阻止搜索引擎索引

　　有些页面在页面链接或站点地图中提到，但页面内容没有数据，例如：某主机的个人页面，没有发布任何视频，我们不希望该页面被搜索引擎收录而降低索引中页面的质量，我们可以使用“noindex”来防止。

　　例子：

　　7.确保链接可抓取

　　尽量使用合法且可追踪的链接，确保链接内容可以访问，避免404。

　　8.尽量用标签来描述跳转链接

　　链接文本是链接中的可见文本。这种类型的文本告诉用户和谷歌有关链接页面的信息。网页上的链接可以是内部链接，它指向 网站 上的其他网页，也可以是外部链接，指向其他 网站 上的内容。在这两种情况下，锚文本越好，用户就越容易导航，Google 也更容易理解链接页面上的内容。

　　使用适当的锚文本可以让用户和搜索引擎轻松理解链接页面收录的内容。

　　9.尽量使用

　　标签描述图片

　　利用

　　标签是搜索引擎友好的实现，应避免使用 CSS 来描述图像。

　　为图片提供描述性的文件名和 Alt 属性描述，这也将有助于搜索引擎了解图片的内容。

　　有关更多 SEO 规则，请阅读：Google 搜索入门：开发人员指南

　　欢迎大家留言讨论，祝您工作顺利，生活愉快！

　　我是bigo的前端，我们下期再见。