谷歌 SEO 入门指南 2018 年版（二）：页面内容优化-云南网站建设品牌,云南网站建设公司,昆明网络公司,昆明网站建设,微信开发,小程序,安卓IOSAPP开发-云南鼎浩信息技术有限公司官方网站

谷歌 SEO 入门指南 2018 年版（二）：页面内容优化

作者：admin
发表时间：2017-12-21 09:08:35
来源：未知

上一篇文章中，我们谈到了《谷歌 SEO 入门指南》中的第一部分：Google 抓取方面的内容，本文将从“网站内容”方面进一步讲述这份“谷歌SEO指南”。

让 Google 以用户视角查看网页

当 Googlebot 抓取网页时，它应以与普通用户相同的方式查看该网页。为了实现最佳的呈现和索引编制效果，请始终允许 Googlebot 访问您网站所用的 JavaScript、CSS 和图片文件。如果您网站的 robots.txt 文件禁止抓取这些资源，会直接对我们的算法呈现您的内容及将其编入索引的效果产生负面影响，进而导致您的网站排名降低。

建议采取的措施：

使用 Google 抓取工具16，确保 Googlebot 能够抓取您的 JavaScript、CSS 和图片文件。该功能可让您确切地了解 Googlebot 所看到的内容以及它会如何呈现这些内容，有助于您找出网站上存在的许多索引编制问题并进行修复。
使用 Google Search Console 检查和测试您的 robots.txt17。
创建唯一且准确的网页标题

标记可告诉用户和搜索引擎特定网页的主题是什么。<title> 标记应放置在 HTML 文档的 <head> 元素中。您应该为网站上的每个网页创建一个唯一标题。 <div style="text-align:center;"> <img src="/thumb?w=600&src=/uploads/image/15138183304737.png" alt="" /> </div> 一个突出显示了标题标记的 HTML 代码段 在搜索结果中创建恰当的标题和摘要 如果您的文档显示在搜索结果页中，则标题标记的内容可能会显示在结果的第一行（如果您不熟悉 Google 搜索结果的各个部分，则建议查看搜索结果视频解析 (The anatomy of a search result)18，以及本 Google 搜索结果页实用图表）。 首页标题可列出网站/商家的名称，并可包含其他重要信息，例如商家的实际营业地点，或者其主营业务或产品。 最佳做法 准确描述网页内容 选择一个读起来自然且能有效传达网页内容主题的标题。 应避免的做法： 选择与网页内容无关的标题。 使用默认或模糊标题，例如“无标题”或“新增网页 1”。 为每个网页创建唯一标题 网站上的每个页面最好具有唯一标题，这有助于 Google 了解该页面与您网站上其他页面的区别。如果网站具有独立的移动版网页，也请为移动版网页使用恰当的标题。 应避免的做法： 为网站所有页面或大量页面使用单一标题。 使用简短但描述准确的标题 标题应简短而信息丰富。如果标题太长或被认为不太相关，那么 Google 可能只会显示其中的一部分或在搜索结果中自动生成的标题。Google 还可能根据用户的查询或搜索时所用设备显示不同的标题。 应避免的做法： 使用对用户来说不实用的冗长标题。 在标题标记中填充不需要的关键字。 使用“说明”元标记 网页的说明元标记可让 Google 和其他搜索引擎了解该网页的大致内容。网页的标题可以是几个词或一个短语，而网页的说明元标记则可以是一两个句子或是一小段话。Google Search Console 提供了一份方便的“HTML 改进”报告，该报告会列出任何存在问题的说明元标记，例如过短、过长或重复使用多次的说明元标记（我们也会提供 <title> 标记的同样信息）。与 <title> 标记一样，说明元标记也位于 HTML 文档的 <head> 元素中。 一个突出显示了描述标记 <meta></meta>的 HTML 代码段 <div style="text-align:center;"> <img src="/thumb?w=600&src=/uploads/image/15138183546569.png" alt="" /> </div> 说明元标记有哪些好处？ 说明元标记很重要，因为 Google 可能会将其用作您网页的摘要。请注意，我们说的是“可能”，因为 Google 也可能选择使用网页可见文本的相关部分（如果该部分能很好地匹配用户查询的话）。为每个网页添加说明元标记始终是一种非常好的做法，因为这样可以防止 Google 找不到要在摘要中使用的恰当文字。网站站长中心博客提供了关于通过更精准的说明元标记改进搜索结果摘要19以及为用户提供更精准的搜索结果摘要20的详实帖子。我们的帮助中心还提供了一篇实用的关于如何创建恰当的标题和摘要21的文章。 <div style="text-align:center;"> <img src="/thumb?w=600&src=/uploads/image/15138183638746.png" alt="" /> </div> 最佳做法 准确总结网页内容 如果您的说明元标记可在搜索结果中以摘要形式向用户显示，则请编写一份既能告知用户相关信息又能引起用户兴趣的说明。虽然说明元标记中的文本没有最少或最多字数限制，但我们建议您确保其长度足以完全显示在搜索结果中（请注意，用户可能会看到不同大小的摘要，具体取决于用户搜索时所用的方式和设备），并且包含用户确定该网页是否有用以及是否与其搜索内容相关所需的所有相关信息。 应避免的做法： 编写与网页内容无关的说明元标记。 使用“这是一个网页”或“与棒球卡相关的网页”等通用说明。 仅使用关键字填写说明。 将整个文档复制并粘贴到说明元标记中。 为每个网页使用唯一的说明 为每个网页使用不同的说明元标记对用户和 Google 都有帮助，尤其是当用户的搜索可能会使您网域上的多个网页显示在搜索结果中时（例如，使用 site: 运算符进行搜索）。如果您的网站有数千个甚至数百万个网页，那么手动构建说明元标记的方式可能不可行。在这种情况下，您可以根据每个网页的内容自动生成说明元标记。 应避免的做法： 为网站所有页面或大量页面使用单一说明元标记。 使用标题标记强调重要文字 由于标题标记中的文字往往比网页上的普通文字大，这种视觉提示可告知用户这些文字很重要，并可帮助用户了解标题文字下面的内容类型。按顺序使用多种大小的标题可为您的内容创建层次结构，便于用户浏览文档。 最佳做法 设想您正在编写大纲 与为大型文章编写大纲相似，您可以想想网页内容的要点和次要点是什么，这将有助于决定在何处使用标题标记。 应避免的做法： 在标题标记中放置对定义网页结构无用的文字。 在 和 等其他标记更合适的地方使用标题标记。 毫无规律地使用不同大小的标题标记。 在网页上谨慎使用标题 应在合适的位置使用标题标记，因为如果网页上的标题标记过多，用户将难以浏览内容，也难以确定主题的起止位置。 应避免的做法： 在网页上过度使用标题标记。 标题过长。 仅出于为文字添加样式（而非为了呈现结构）的目的使用标题标记。 添加结构化数据标记 结构化数据是可以添加到您网站页面的代码，用于向搜索引擎描述您的内容，以便其更好地了解您网页上的信息。搜索引擎可以利用这种理解在搜索结果中以有用的（且吸引用户的）方式显示您的内容。这也有助于您吸引到适合您业务的客户。 此图显示了一条因具有评价星级（通过使用结构化数据实现）而显得比较醒目的搜索结果。 <div style="text-align:center;"> <img src="/thumb?w=600&src=/uploads/image/15138183754770.png" alt="" /> </div> 例如，如果您有一个网店并且标记了一个单独的产品页面，这将帮助我们了解该页面主要显示自行车、自行车价格以及客户评价。我们可能会在相关查询的搜索结果的摘要中显示这些信息。我们将其称之为“富媒体搜索结果”。 除了使用结构化数据标记来实现富媒体搜索结果外，我们还可能会使用结构化数据来提供其他格式的相关结果。例如，如果您拥有一家实体店，标记营业时间可让潜在客户在需要时准确找到您，并能让他们知道在他们搜索之时您的店是否在营业。 <div style="text-align:center;"> <img src="/thumb?w=600&src=/uploads/image/15138183875279.png" alt="" /> </div> 您可以标记许多与业务相关的实际信息： 所销售的产品 营业地点 与产品或业务有关的视频 营业时间 活动信息 食谱上一篇文章中，我们谈到了《谷歌 SEO 入门指南》中的第一部分：Google 抓取方面的内容，本文将从“网站内容”方面进一步讲述这份“谷歌SEO指南”。 相关阅读： 谷歌 SEO 入门指南 2018 年版（一）：Google 抓取 谷歌 SEO 入门指南 2018 年版（三）：网站结构优化 谷歌 SEO 入门指南 2018 年版（四）：内容优化 谷歌 SEO 入门指南 2018 年版（五）：站点移动化及推广 让 Google 以用户视角查看网页 当 Googlebot 抓取网页时，它应以与普通用户相同的方式查看该网页。为了实现最佳的呈现和索引编制效果，请始终允许 Googlebot 访问您网站所用的 JavaScript、CSS 和图片文件。如果您网站的 robots.txt 文件禁止抓取这些资源，会直接对我们的算法呈现您的内容及将其编入索引的效果产生负面影响，进而导致您的网站排名降低。 建议采取的措施： 使用 Google 抓取工具16，确保 Googlebot 能够抓取您的 JavaScript、CSS 和图片文件。该功能可让您确切地了解 Googlebot 所看到的内容以及它会如何呈现这些内容，有助于您找出网站上存在的许多索引编制问题并进行修复。 使用 Google Search Console 检查和测试您的 robots.txt17。 创建唯一且准确的网页标题 <title> 标记可告诉用户和搜索引擎特定网页的主题是什么。<title> 标记应放置在 HTML 文档的 <head> 元素中。您应该为网站上的每个网页创建一个唯一标题。 1.png 一个突出显示了标题标记的 HTML 代码段 在搜索结果中创建恰当的标题和摘要 如果您的文档显示在搜索结果页中，则标题标记的内容可能会显示在结果的第一行（如果您不熟悉 Google 搜索结果的各个部分，则建议查看搜索结果视频解析 (The anatomy of a search result)18，以及本 Google 搜索结果页实用图表）。 首页标题可列出网站/商家的名称，并可包含其他重要信息，例如商家的实际营业地点，或者其主营业务或产品。 最佳做法 准确描述网页内容 选择一个读起来自然且能有效传达网页内容主题的标题。 应避免的做法： 选择与网页内容无关的标题。 使用默认或模糊标题，例如“无标题”或“新增网页 1”。 为每个网页创建唯一标题 网站上的每个页面最好具有唯一标题，这有助于 Google 了解该页面与您网站上其他页面的区别。如果网站具有独立的移动版网页，也请为移动版网页使用恰当的标题。 应避免的做法： 为网站所有页面或大量页面使用单一标题。 使用简短但描述准确的标题 标题应简短而信息丰富。如果标题太长或被认为不太相关，那么 Google 可能只会显示其中的一部分或在搜索结果中自动生成的标题。Google 还可能根据用户的查询或搜索时所用设备显示不同的标题。 应避免的做法： 使用对用户来说不实用的冗长标题。 在标题标记中填充不需要的关键字。 使用“说明”元标记 网页的说明元标记可让 Google 和其他搜索引擎了解该网页的大致内容。网页的标题可以是几个词或一个短语，而网页的说明元标记则可以是一两个句子或是一小段话。Google Search Console 提供了一份方便的“HTML 改进”报告，该报告会列出任何存在问题的说明元标记，例如过短、过长或重复使用多次的说明元标记（我们也会提供 <title> 标记的同样信息）。与 <title> 标记一样，说明元标记也位于 HTML 文档的 <head> 元素中。 一个突出显示了描述标记 <meta></meta>的 HTML 代码段 22.png 说明元标记有哪些好处？ 说明元标记很重要，因为 Google 可能会将其用作您网页的摘要。请注意，我们说的是“可能”，因为 Google 也可能选择使用网页可见文本的相关部分（如果该部分能很好地匹配用户查询的话）。为每个网页添加说明元标记始终是一种非常好的做法，因为这样可以防止 Google 找不到要在摘要中使用的恰当文字。网站站长中心博客提供了关于通过更精准的说明元标记改进搜索结果摘要19以及为用户提供更精准的搜索结果摘要20的详实帖子。我们的帮助中心还提供了一篇实用的关于如何创建恰当的标题和摘要21的文章。 3.png 最佳做法 准确总结网页内容 如果您的说明元标记可在搜索结果中以摘要形式向用户显示，则请编写一份既能告知用户相关信息又能引起用户兴趣的说明。虽然说明元标记中的文本没有最少或最多字数限制，但我们建议您确保其长度足以完全显示在搜索结果中（请注意，用户可能会看到不同大小的摘要，具体取决于用户搜索时所用的方式和设备），并且包含用户确定该网页是否有用以及是否与其搜索内容相关所需的所有相关信息。 应避免的做法： 编写与网页内容无关的说明元标记。 使用“这是一个网页”或“与棒球卡相关的网页”等通用说明。 仅使用关键字填写说明。 将整个文档复制并粘贴到说明元标记中。 为每个网页使用唯一的说明 为每个网页使用不同的说明元标记对用户和 Google 都有帮助，尤其是当用户的搜索可能会使您网域上的多个网页显示在搜索结果中时（例如，使用 site: 运算符进行搜索）。如果您的网站有数千个甚至数百万个网页，那么手动构建说明元标记的方式可能不可行。在这种情况下，您可以根据每个网页的内容自动生成说明元标记。 应避免的做法： 为网站所有页面或大量页面使用单一说明元标记。 使用标题标记强调重要文字 由于标题标记中的文字往往比网页上的普通文字大，这种视觉提示可告知用户这些文字很重要，并可帮助用户了解标题文字下面的内容类型。按顺序使用多种大小的标题可为您的内容创建层次结构，便于用户浏览文档。 最佳做法 设想您正在编写大纲 与为大型文章编写大纲相似，您可以想想网页内容的要点和次要点是什么，这将有助于决定在何处使用标题标记。 应避免的做法： 在标题标记中放置对定义网页结构无用的文字。 在 和 等其他标记更合适的地方使用标题标记。 毫无规律地使用不同大小的标题标记。 在网页上谨慎使用标题 应在合适的位置使用标题标记，因为如果网页上的标题标记过多，用户将难以浏览内容，也难以确定主题的起止位置。 应避免的做法： 在网页上过度使用标题标记。 标题过长。 仅出于为文字添加样式（而非为了呈现结构）的目的使用标题标记。 添加结构化数据标记 结构化数据是可以添加到您网站页面的代码，用于向搜索引擎描述您的内容，以便其更好地了解您网页上的信息。搜索引擎可以利用这种理解在搜索结果中以有用的（且吸引用户的）方式显示您的内容。这也有助于您吸引到适合您业务的客户。 此图显示了一条因具有评价星级（通过使用结构化数据实现）而显得比较醒目的搜索结果。 4.png 例如，如果您有一个网店并且标记了一个单独的产品页面，这将帮助我们了解该页面主要显示自行车、自行车价格以及客户评价。我们可能会在相关查询的搜索结果的摘要中显示这些信息。我们将其称之为“富媒体搜索结果”。 除了使用结构化数据标记来实现富媒体搜索结果外，我们还可能会使用结构化数据来提供其他格式的相关结果。例如，如果您拥有一家实体店，标记营业时间可让潜在客户在需要时准确找到您，并能让他们知道在他们搜索之时您的店是否在营业。 5.png 您可以标记许多与业务相关的实际信息： 所销售的产品 营业地点 与产品或业务有关的视频 营业时间 活动信息 食谱 您公司的徽标等等！ 请在我们的开发者网站中查看受支持的内容类型的完整列表23。 我们建议您使用结构化数据和任何受支持的符号标记来说明您的内容。您可以在网页的 HTML 代码中添加标记，也可以使用数据标注工具24和结构化数据标记助手25等工具（请参阅最佳做法部分了解有关这些工具的详细信息）。 最佳做法 使用结构化数据测试工具检查您的标记 标记内容后，您可以使用 Google 结构化数据测试工具26来确保实现中没有错误。您可以输入内容所在的网址，也可以复制包含标记的实际 HTML 代码。 应避免的做法： 使用无效标记。 使用数据标注工具 如果想在不更改网站源代码的情况下尝试给出结构化标记，则可以使用数据标注工具，这是一款集成在 Search Console 中的支持一系列内容类型的免费工具。 如果想准备好标记代码以复制并粘贴到您的网页中，您可以尝试使用结构化数据标记助手工具。 应避免的做法： 在对标记实现还没有把握的情况下更改网站的源代码。 跟踪已标记页面的表现 Search Console 中提供的结构化数据报告27会显示以下信息：我们在您的网站上检测到了多少带有特定类型标记的页面，它们在搜索结果中出现了多少次，以及用户在过去 90 天里点击了它们多少次。该报告还会显示我们检测到的所有错误。 应避免的做法： 添加用户无法看不到的标记数据。 制作虚假评论或添加无关标记。 您公司的徽标等等！ 请在我们的开发者网站中查看受支持的内容类型的完整列表23。 我们建议您使用结构化数据和任何受支持的符号标记来说明您的内容。您可以在网页的 HTML 代码中添加标记，也可以使用数据标注工具24和结构化数据标记助手25等工具（请参阅最佳做法部分了解有关这些工具的详细信息）。 最佳做法 使用结构化数据测试工具检查您的标记 标记内容后，您可以使用 Google 结构化数据测试工具26来确保实现中没有错误。您可以输入内容所在的网址，也可以复制包含标记的实际 HTML 代码。 应避免的做法： 使用无效标记。 使用数据标注工具 如果想在不更改网站源代码的情况下尝试给出结构化标记，则可以使用数据标注工具，这是一款集成在 Search Console 中的支持一系列内容类型的免费工具。 如果想准备好标记代码以复制并粘贴到您的网页中，您可以尝试使用结构化数据标记助手工具。 应避免的做法： 在对标记实现还没有把握的情况下更改网站的源代码。 跟踪已标记页面的表现 Search Console 中提供的结构化数据报告27会显示以下信息：我们在您的网站上检测到了多少带有特定类型标记的页面，它们在搜索结果中出现了多少次，以及用户在过去 90 天里点击了它们多少次。该报告还会显示我们检测到的所有错误。 应避免的做法： 添加用户无法看不到的标记数据。 制作虚假评论或添加无关标记。 </div> </div> </div> </div> </div> </div> </div> </div> <div class="kzf-mod-link-container"> <div class="rowFluid"> <div class="container"> <div class="span12"> <div class="kzf-mod-link-out"> <div class="kzf-mod-so-title-box wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;"> <h3 class="kzf-so-title">联系我们</h3> <div class="kzf-so-text">一切良好工作的开始，都需相互之间的沟通搭桥，欢迎咨询。</div> </div> <div class="rowFluid"> <div class="kzf-mod-link-inf-box"> <div class="span3 col-sm-6 col-xs-12"> <a href="tel:15198929519"> <div class="kzf-mod-wrap wow fadeInLeft"> <div class="kzf-mod-pic"> <img src="/templets/default/skin/images/so-iphone.png" alt="联系网站建设电话" /> </div> <div class="kzf-mod-txt"> 15198929519 </div> </div> </a> </div> <div class="span3 col-sm-6 col-xs-12"> <a href="http://wpa.qq.com/msgrd?v=3&uin=88139574&site=qq&menu=yes" target="_blank"> <div class="kzf-mod-wrap wow fadeInRight"> <div class="kzf-mod-pic"> <img src="/templets/default/skin/images/so-qq.png" alt="联系QQ" /> </div> <div class="kzf-mod-txt"> 88139574 </div> </div> </a> </div> <div class="span3 col-sm-6 col-xs-12"> <a href="mailto:company@yndinghao.com" target="_blank"> <div class="kzf-mod-wrap wow fadeInLeft"> <div class="kzf-mod-pic"> <img src="/templets/default/skin/images/so-mail.png" alt="联系网站建设邮箱" /> </div> <div class="kzf-mod-txt"> company@yndinghao.com </div> </div> </a> </div> <div class="span3 col-sm-6 col-xs-12"> <a href="#"> <div class="kzf-mod-wrap wow fadeInRight"> <div class="kzf-mod-pic"> <img src="/templets/default/skin/images/so-location.png" alt="联系网站建设地址" /> </div> <div class="kzf-mod-txt"> 云南省昆明市西山区 万达·昆明双塔（北塔2105） </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer"> <div class="rowFluid"> <div class="span12"> <div class="copyright">Copyright © 2013-2021 dinghao.COM 云南鼎浩信息技术有限公司版权所有滇ICP备13003208号-2</div> </div> </div> </div> </div> </div> </div> </div> </body> </html>