平时咱们在谷歌上搜东西，是不是看到一条条结果？每条结果都有个标题，下面跟着一小段描述。你知道吗？这些样子，其实很大程度上是由网页里些特殊的‘标记’决定的。
这些‘标记’呢，就是咱们说的HTML标签。其实可这样理解，HTML像是搭网页骨架的积木，标签就是告诉浏览器（像Chrome啊、Firefox啊）这块积木干啥，该怎么摆放。比如
而且啊，有业内大神，Cindy Krum，她就点破了关键：‘HTML就像谷歌理解个网页核心内容的基础。’这可太精辟了！所以，若想让谷歌喜欢你的网页，愿把它排在前面，那跟它说同种‘语言’——用好HTML——可就太重要了。用行业黑话讲，这叫优化咱们的On-Page Signals。
那具体是哪些‘标记’特别关键呢？咱们先说你一眼就能看到的：那个搜索结果里的‘标题链接’。它主要受</code>标签影响，源码里是这样的：<code><title>你的网页标题。谷歌呢，绝大多数时候（占大头，有87%呢）还是看这个标签来决定显示啥标题的，但如果觉得你写的标题不够给力、不能很好概括页面，它也可能自己生成。所以，写好标题的诀窍呢，就是既要含点关键词，更要精准契合用户的User Intent。这里有个小技巧，尽量控制在55个字符以内，免得在SERP里被截断，那就尴尬了。
标题下面那个短短的描述呢，叫snippet，它主要来自于pogo sticking），这对排名可不好。所以描述得写得诱人、行动性强，字数呢，别超160个字符，否则也可能被砍掉一半。谷歌不总用你写的描述，可你提供了个好的，它选用的可能性就大。
说到网页内容结构，</code>总是一样吗？HubSpot的SEO专家Victor Pan就说，这个问题挺‘重’的。多数情况保持一致没啥毛病，省心。但要是你想测试不同标题对排名的影响，或者谷歌总不用你设定的标题，甚至链接分享到社交媒体上显示不好看，那就可以考虑区分开来调调，这给了你更大的<code>playbook</code>空间。</p>
<img src="https://images.weserv.nl/?url=knowledge.hubspot.com/hubfs/html-seo-4-20241119-3701576.webp" alt="">
<p>网页里少不了图片吧？<code><img src='...' alt='...'></code>这个标签里的<code>alt</code>属性（替代文本）非常关键。它不光帮视障用户理解图片内容，也等于‘告诉’谷歌这图是啥。这对可访问性（Accessibility）和SEO都有好处，谷歌可通过它更好理解图片内容并进行<code>Indexing</code>。</p>
<img src="https://images.weserv.nl/?url=knowledge.hubspot.com/hubfs/html-seo-6-20241119-2837119.webp" alt="">
<p>接下来聊聊链接，尤其是外链的‘属性’。有时候咱们给外部网站加链接，像<code><a rel="nofollow" href='...' rel='nofollow sponsored'></code>这样，里面的<code>rel='...'</code>其实挺有学问。<code>rel='sponsored'</code>是说这链接是收钱加的（比如推广文），<code>rel='nofollow'</code>则是告诉谷歌‘别去<code>crawl</code>这个链接’，可能因为你不担保对方网站质量，或者对方是你竞争对手，你不想把自己的<code>Link Equity</code>分出去。谷歌现在更喜欢付费链接用<code>sponsored</code>，不过单独用<code>nofollow</code>或者两个都用也行。看原文分析，不少大站的操作也不完全一样。啥时候用呢？收了钱发链接，或者放联属营销（Affiliate）链接时，都建议加上。</p>
<img src="https://images.weserv.nl/?url=knowledge.hubspot.com/hubfs/html-seo-5-20241119-3576523.webp" alt="">
<p>有个标签可能平时不太注意，但它能直接告诉谷歌‘能不能把这个页面放在搜索结果里’，甚至‘要不要抓取这个页面的链接’，这就是<code><meta name='robots'></code>标签。你可能想问，谁不想页面被搜到啊？原因可多了，比如网站还在建设中，或者某些只给广告流量看的落地页，又或者你不想被无意搜到的内容。Cindy Krum特别强调这个，她说谷歌改规则了！以前是根目录下的<code>robots.txt</code>说了算，这个meta标签是建议；现在反过来了，页面里的meta标签是‘指令’，txt文件反而成了‘建议’。这个变化挺大的，尤其是<code>Mobile-first indexing</code>后，对网站的<code>Crawl Budget</code>管理也有影响。所以想让页面不出现在搜索结果，用<code><meta name='robots' content='noindex'></code>；如果连页面上的链接都不想让谷歌抓取，就加<code>nofollow</code>，像这样<code><meta name='robots' content='noindex, nofollow'></code>。注意哦，这个<code>nofollow</code>是管页面上所有链接，跟前面<code><a href></code>里的<code>nofollow</code>不一样，那个只管单个链接。</p>
<p>最后聊个处理重复内容的利器——<code><link rel='canonical' href='url'></code>标签。它告诉谷歌‘这个页面虽然内容跟某某页面很像，但‘正主’是那个某某页面’。比如做A/B测试，有两个非常相似的页面，就得用canonical指向原始页，免得谷歌觉得你内容重复扣分。或者网址里带了很多参数，内容其实一样，也用canonical指向干净的原始URL。HubSpot专家Killian Kelly就强调，它对管理分散或重复的内容特别重要。这里有个重要更新！以前内容被别的网站转载（这叫<code>syndication</code>），推荐用canonical指向原文，但谷歌在2023年改主意了！现在建议对转载内容用前面提到的<code>noindex</code> robots meta标签，而不是canonical。这个策略变化得注意。即使你觉得你没故意搞重复内容，每页都加个canonical指向自己也是个好习惯。Victor Pan说了，这能防范一些带参数的网址被谷歌误判成主页，也能对付那些抓取你内容的网站，防止它们被误认成‘正主’。</p>
<img src="https://images.weserv.nl/?url=knowledge.hubspot.com/hubfs/html-seo-3-20241119-1741418.webp" alt="">
<p>你看，掌握这些HTML标签，是不是觉得技术没那么吓人，反而是个能帮你提升网页曝光率的工具？说实话，写这个我自己也学到了新东西，比如canonical标签对syndication的新用法。当然啦，SEO是个系统工程，不光是技术，内容得好，用户体验得棒，像<code>Core Web Vitals</code>这种用户体验指标现在也越来越重要，这都得兼顾。而且SEO规则总在变，得<code>constantly update</code>自己的知识库。多看看谷歌官方文档，关注业内专家的动态，学无止境嘛！</p> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7663027178611283"
crossorigin="anonymous"></script>
<!-- 内容横幅 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7663027178611283"
data-ad-slot="2666736720"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> </div>
</article>
<div class="prev-next clearfix"><a href='https://www.wodecun.com/news/32349.html'>网站内容迁移的门道：避坑指南与实操秘籍</a> <a href='https://www.wodecun.com/news/32351.html'>揭秘获奖机构的网站设计秘籍：不为人知的幕后流程</a></div>
<div class="related"><p>相关内容</p>
<ul class="related-list clearfix">
<li><a href="https://www.wodecun.com/news/32349.html">● 网站内容迁移的门道：避坑指南与实操秘籍...</a></li>
<li><a href="https://www.wodecun.com/news/32348.html">● 一个好用的内容管理系统，到底得有哪些真本事...</a></li>
<li><a href="https://www.wodecun.com/news/32347.html">● 线上生意双引擎：网站管理CMS与客户关系CRM如...</a></li>
<li><a href="https://www.wodecun.com/news/32346.html">● 网站总是出小状况？教你个盯住它不掉线的好法...</a></li>
<li><a href="https://www.wodecun.com/news/32345.html">● 人工智能如何让网站更懂用户？优化新趋势解读...</a></li>
<li><a href="https://www.wodecun.com/news/32344.html">● WordPress改域名？别慌，教你又稳又快搞定！...</a></li>
</ul>
</div>
</div>
</div>
</div>
<footer class="footer_box">
<div class="foot wrap clearfix">
<div class="list">
<div class="foot-title">服务领域</div>
<div class="gs-intro">专业的网站建设、软件开发、微信小程序开发供应商
</div>
</div>
<div class="f-contact">
<div class="foot-title">联系我们</div>
<p></p>
<p><span>地址：</span>泰安市肥城市军民西街10</p>
<p><span>电话：</span> <i class="icon-phone2"></i></p>
<p><span>邮箱：</span> jisjian@126.com </p>
<p><span>QQ：</span>297067639</p>
<p><span>微信：</span><i id="textToCopy">jisjian</i></p>
</div>
<div class="right">
<div class="foot-title">在线咨询</div>
<p>扫二维码微信咨询(<i style="color:red" id="showCopy">(点击图片复制)</i>)</p>
<p><img id="copyButton" src="https://www.wodecun.com/skin/images/qrcode.jpg"><br>周一至周日(9:00-20:00)</p>
</div>
</div>
</footer>
<script type="text/javascript" src="https://www.wodecun.com/skin/js/jquery.js"></script>
<script type="text/javascript" src="https://www.wodecun.com/skin/js/lazyload.js"></script>
<script type="text/javascript" src="https://www.wodecun.com/skin/js/main.js"></script>
</body>
</html>
