为什么以及如何为 SEO 优化页面标题？

搜索引擎优化 (SEO) 具有不同的维度，例如页面内、页面外和黑帽方法。当您开始编写内容时，SEO 最重要的部分就开始了。写一篇文章需要的第一件事是有一个标题或主题。我们对我们的文章进行了各种实验，发现在页面上具有相同内容的情况下，具有吸引力的标题可以将流量增加多达 50%。因此，对于任何网站所有者来说，了解页面标题并为 SEO 优化页面标题都非常重要。

什么是标题标签？

HTML 网页在源代码中有不同的组件。您可以通过右键单击并选择“查看页面源代码”选项来查看任何网页的源代码。您会发现网页的标题部分中有许多标签是标题部分内的标签之一，用于描述网页的标题。</p> <div class="wp-block-image"> <figure class="aligncenter"><img width="530" height="194" alt="页面源中的页面标题" class="wp-image-42712" src="https://mmys.club/wp-content/uploads/2022/04/Page-Title-in-Page-Source.png"><figcaption>页面源中的页面标题</figcaption></figure> </div> <p>您应该为 SEO 优化页面标题，因为搜索引擎和用户都会根据网页标题理解您的内容。由于您网站的每个页面可能有不同的内容，因此您需要为网站中的每个页面使用唯一且相关的标题。</p> <h3>将标题标签添加到您的网页</h3> <p>请记住，<TTITLE> 标签应该放在网页 HTML 中的 <HEAD> 标签内。下面是在 HTML 内容中插入标题的示例。</p> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" width="546" height="359" alt="HTML 源代码中的标题标签" class="wp-image-42718" src="https://mmys.club/wp-content/uploads/2022/04/Title-Tag-in-HTML-Source.png"></figure> </div> <p>上述方法的问题是用户将看不到已发布页面内容中的标题。因此，像 WordPress 这样的许多内容管理系统使这项任务变得容易。它允许在发布文章时添加页面/帖子标题。在已发布的页面上，用户可以在网页顶部看到标题，同时将相同的标题作为 <title> 标签插入到页面源中，供搜索引擎阅读。 </p> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" width="817" height="495" alt="WordPress 编辑器中的标题" class="wp-image-42713" data-lazy- src="https://mmys.club/wp-content/uploads/2022/04/Title-in-WordPress-Editor.png"><figcaption>WordPress 编辑器中的标题</figcaption></figure> </div> <h3>搜索引擎在搜索结果中显示标题</h3> <p>现在您知道什么是页面标题以及如何在 HTML 页面上插入。接下来是它的重要性。如前所述，像谷歌这样的搜索引擎会在搜索结果中显示页面标题。 Google 中的搜索结果具有以下格式：</p> <div class="wp-block-image"> <figure class="aligncenter"><a href="https://mmys.club/wp-content/uploads/2022/04/Google-Search-Results-Format.png"><img loading="lazy" width="576" height="233" alt="谷歌搜索结果格式" class="wp-image-1085" src="https://mmys.club/wp-content/uploads/2022/04/Google-Search-Results-Format.png"></a><figcaption>谷歌搜索结果格式</figcaption></figure> </div> <p>如您所见，基本搜索结果共有四个部分：</p> <ul> <li>网页中 <Title> 标记内的页面标题。</li> <li>分隔符</li> <li>主页中 <Title> 标记内的网站标题。</li> <li>您网页的页面 URL（或面包屑结构）</li> <li>页面描述在页面的 <META> 标签中使用，如果描述长度不够，则页面内容的前几行将显示在搜索结果中。</li> </ul> <p>谷歌还将在每个结果中突出显示搜索到的关键字。有时，您会看到一个带有删除线的缺失词，表示结果缺少一个关键字。 </p> <h3>用户还可以查看页面标题</h3> <p>除了搜索引擎，用户还可以在浏览器的标题栏上看到标题。大多数时候，用户打开多个搜索结果，开始检查一个页面并倾向于忘记其他打开的页面。在这种情况下，浏览器选项卡上显示的页面标题会向用户提供有关页面的快速信息。</p> <div class="wp-block-image"> <figure class="aligncenter"><a href="https://mmys.club/wp-content/uploads/2022/04/Title-Tag-Shown-in-Browser-Firefox.png"><img loading="lazy" width="608" height="110" alt="浏览器中显示的标题标签 - Firefox" class="wp-image-1086" src="https://mmys.club/wp-content/uploads/2022/04/Title-Tag-Shown-in-Browser-Firefox.png"></a><figcaption>浏览器中显示的标题标签 – Firefox</figcaption></figure> </div> <h2>如何为 SEO 优化页面标题？</h2> <p>重要的问题是如何优化页面标题以获得更多流量。有许多技巧可以使您的标题具有吸引力。</p> <h3>1. 使用网站标题作为您的品牌</h3> <p>确保您拥有页面标题和网站标题非常重要，它们分别与内容和品牌相关。由于站点标题附加在所有单独的页面标题上，因此强烈建议使用品牌名称或公司名称作为站点标题。这有助于用户记住您的品牌，而且现在搜索引擎开始在所有子域的页面 URL 旁边显示公司名称。</p> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" width="300" height="250" alt="SEMrush SEO 优惠" class="wp-image-12872" src="https://mmys.club/wp-content/uploads/2022/04/SEMrush-SEO-Offer.png"></figure> </div> <h3>2.使用有吸引力的分隔符</h3> <p>好吧，这可能看起来很傻，但如果应用得当，它就可以工作。默认情况下，您可以看到连字符标记作为页面和站点标题之间的分隔符。您可以使用自定义 HTML 字符（如 »）以吸引人的方式显示标题。</p> <h3>3.限制长度</h3> <p>确保页面标题的长度为 60 – 70 个字符，以便它可以在不截断的情况下适合搜索结果。还可以使用任何搜索片段预览工具测试您的页面 URL，以确保显示正常。</p> <p class="p1"> <div class="su-row"> <div class="su-column su-column-size-2-3"> <div class="su-column-inner su-u-clearfix su-u-trim"> <div class="su-button-center"><span style="color:#fbf6f6;padding:7px 22px;font-size:17px;line-height:26px;border-color:#539fda;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;text-shadow:0px 0px 0px #000000;-moz-text-shadow:0px 0px 0px #000000;-webkit-text-shadow:0px 0px 0px #000000"><i class="sui sui-download" style="font-size:17px;color:#fbf6f6"></i> <b>下载一步一步自己做SEO指南</b></span></div> </div> </div> <div class="su-column su-column-size-1-3"> <div class="su-column-inner su-u-clearfix su-u-trim"> <div class="su-accordion su-u-trim"> <div class="su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus su-spoiler-closed" data-scroll-offset="0" data-anchor-in-url="no"> <div class="su-spoiler-title" tabindex="0" role="button"><span class="su-spoiler-icon"></span>搜索引擎优化目录</div> <div class="su-spoiler-content su-u-clearfix su-u-trim"> <ul class="ul1"> <li class="li2"><span class="s1">URL结构的SEO</span></li> <li class="li2"><span class="s1">页面标题的 SEO</span></li> <li class="li2"><span class="s1">元描述的 SEO</span></li> <li class="li2"><span class="s1">网站导航的 SEO</span></li> <li class="li2"><span class="s1">网站内容的 SEO</span></li> <li class="li2"><span class="s1">图像搜索引擎优化</span></li> <li class="li2"><span class="s1">爬虫的 SEO</span></li> <li class="li2"><span class="s1">移动网站的 SEO</span></li> <li class="li3"><span class="s2"><span class="s1">网站推广的 SEO</span></span></li> </ul> </div> </div> </div> </div> </div> </div> <h3>4.使用有吸引力的标题 </h3> <p>当用户发现他的搜索查询与您的标题匹配时，他更有可能点击搜索结果并检查您的网站内容。如果您没有合适的标题，那么即使您拥有高质量的内容，用户点击您的网站的可能性也会降低。最重要的是要有一个与您的页面内容相关的标题。</p> <p>但是，Google 会为每个查询显示数百万条搜索结果。为了在人群中脱颖而出，你应该在标题中有一些吸引人的词。让我们举个例子，你想购买一个 WordPress 主题来开始你的博客。您正在搜索 Google 以获取有关最佳博客主题的更多详细信息。以下哪一项标题，你会点击搜索结果？ </p> <ul> <li>如何为 WordPress 购买博客主题？</li> <li>WordPress 的 5 大博客主题</li> <li>购买 WordPress 博客主题之前要检查的 10 件事</li> <li>您将无法购买好的 WP 博客主题的 5 个原因</li> <li>购买 WordPress 博客主题的指南</li> <li>为初学者提供 5 个免费的 WP 博客主题</li> </ul> <p>在大多数情况下，用户倾向于点击带有数字的标题。这些被称为智能列表或列表条目，通过列出的点来解释内容。虽然操作方法是最常见的格式，但在适用时尝试使用数字。如果您对找到一个好的标题感到震惊，那么请查看我们关于如何为您的博客找到有吸引力的帖子标题的文章。 </p> <h3>5. 在标题中使用焦点关键字</h3> <p>在撰写文章之前，您应该首先确定焦点关键字并围绕该关键字编写整个内容。这将帮助您获得该关键字的目标流量并提高页面的价值。确保在标题、元描述和内容的第一段中使用焦点关键字。这将增加 Google 为热门搜索结果选择您的页面的可能性。</p> <h3>6.每个页面的唯一标题</h3> <p>许多网站所有者使用模板通过简单地更改几个单词来插入页面标题。避免重复，并确保您网站中的每个页面都有唯一的页面标题。</p> <h2>如何检查标题标签中的问题？</h2> <p>好吧，对于较小的站点，维护或检查每个页面的标题很容易。但是，当您的网站规模扩大到拥有数百个页面时，这项任务将变得很繁琐。通常，许多基于 PHP 的站点使用脚本来生成在所有页面上都相似的标题。这会破坏您在 Google 中的排名，因为它可能看起来像是垃圾邮件，并且对用户的用处不大。早些时候，您可以在 Google Search Console 中选择提供免费工具来批量检查标题，如下所示。</p> <div class="wp-block-image"> <figure class="aligncenter"><a href="https://mmys.club/wp-content/uploads/2022/04/Title-Tag-Improvements-in-Google-Webmaster-Tools.png"><img loading="lazy" width="624" height="418" alt="Google 网站管理员工具中的标题标签改进" class="wp-image-1087" src="https://mmys.club/wp-content/uploads/2022/04/Title-Tag-Improvements-in-Google-Webmaster-Tools.png"></a><figcaption>Google 网站管理员工具中的标题标签改进</figcaption></figure> </div> <p>您可以在标题中查看所有类型的错误以及详细的出现次数。这些问题属于缺失标题、重复标题、长标题、短标题和非信息性标题下的分类。您可以检查每个错误并纠正它们以提高您网站的搜索排名。不幸的是，新的 Search Console 没有任何选项来检查重复的标题。您可能需要使用第三方工具批量检查标题并找到要删除的重复项。</p> <h2>页面标题的注意事项</h2> <p>以下是优化 SEO 页面标题时应该和不应该做的总结。</p> <table id="tablepress-14" class="tablepress tablepress-id-14 tablepress-responsive"> <tbody class="row-hover"> <tr class="row-1 odd"> <td class="column-1"><img alt="多斯" src="https://mmys.club/wp-content/uploads/2022/04/DOs.png"></p> <p>多斯</td> <td class="column-2"><img alt="不要做" src="https://mmys.club/wp-content/uploads/2022/04/Donts.png"></p> <p>不要的</td> </tr> <tr class="row-2 even"> <td class="column-1">使您的标题有效地将用户连接到您的页面内容</td> <td class="column-2">通用标题，例如“无标题”或“新页面”</td> </tr> <tr class="row-3 odd"> <td class="column-1">为您网站的每个页面使用唯一且单独的标题</td> <td class="column-2">所有或大部分页面的单个标题标签</td> </tr> <tr class="row-4 even"> <td class="column-1">使用与页面标题不同的网站标题</td> <td class="column-2">填充不必要的关键字</td> </tr> <tr class="row-5 odd"> <td class="column-1">使用简短而有意义的标题</td> <td class="column-2">很长的标题，无法在搜索结果区域中显示</td> </tr> </tbody> </table> <div class="page-links"> </div> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://mmys.club/how-to-fix-wordpress-sitemap-errors-in-google-search-console/" target="_blank" rel="dofollow" class="uc883d58967c088986a3769fc33e16af6"><style> .uc883d58967c088986a3769fc33e16af6 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:inherit; border:0!important; border-left:4px solid inherit!important; text-decoration:none; } .uc883d58967c088986a3769fc33e16af6:active, .uc883d58967c088986a3769fc33e16af6:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .uc883d58967c088986a3769fc33e16af6 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .uc883d58967c088986a3769fc33e16af6 .ctaText { font-weight:bold; color:inherit; text-decoration:none; font-size: 16px; } .uc883d58967c088986a3769fc33e16af6 .postTitle { color:inherit; text-decoration: underline!important; font-size: 16px; } .uc883d58967c088986a3769fc33e16af6:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">查看</span> <span class="postTitle">如何修复 Google Search Console 中的 WordPress 站点地图错误？</span></div></a></div></div> <footer class="entry-footer"> </footer> </div> </article> <nav class="navigation post-navigation" aria-label="文章"> <h2 class="screen-reader-text">文章导航</h2> <div class="nav-links"><div class="nav-previous"><a href="https://mmys.club/seo-for-meta-description/" rel="prev"><div class="post-navigation-sub"><small><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-left-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28"><title>上一个上一个