9 HTML标签(11个属性)您必须知道SEO

HTML是一种标记语言,它构成大多数网页的基础。

可以说是技术SEO最基本的部分之一。

使用HTML元素,SEO专业人员能够将关于页面的信息传送给用户和搜索机器人。

这有助于阐明页面上内容的重要性,性质和顺序,以及其与其他网页的关系。

标签和属性之间的差异

要了解我们需要确保我们有必要的标签和属性之间的差异。

许多人将使用“标签”和“属性“互换,但是让我们精确。

下面的HTML元素的格式分为三个部分:

开口标签。该标签的内容特定于此标签,.t他闭上了标签。例如:

欢迎来到我关于小猫

“”“

”打开标签。“欢迎我关于小猫的页面”是的标签的内容。“

”关闭了标签。下面的标签读数下面

此元素是标题,并将用作网页上的可见标题,以介绍关于小猫的内容。

标签

标签必须具有开口

并关闭

元素以使标签工作。

还有空元素,如

,它没有任何对它们的内容或结束标记。属性属性被添加到元素以修改它们。它们坐在元件内,例如:

3基本的HTML标签

为了制作有用的网页,有几个关键标签需要。

标签是网页上的第一标签。它基本上将该页面介绍为网页。

标签介绍了页面的第一部分。

这是一个关于页面的信息,它不会在页面上显示。载有。

要了解

是非常重要的,因为这是需要容纳SEO的一些关键标签的位置。

下面的广告联网读数读数

身体标签包含有关访问者将看到的页面上的信息。

这是您的副本,图像和视频的位置。

身体也将容纳一些其他人HTML标签我们将稍后讨论。 SEO和它们中使用的属性的常见标签

标签位于页面的

内。

它可以包含描述关于在内容中实际期间不会看到的网页信息的属性页面

此元标记通常被称为“元数据”,因为与它一起使用的属性,该属性控制像“元描述”和不再使用的“元关键字”这样的物质。[ name属性

名称属性与

标记一起使用。

基本上是指定任何可能访问的机器人的方式页面如果以下信息适用于它们。

例如,包括意味着所有机器人都应注意“NoIndex”指令的通知。

你经常听到这个称为“元机器人标记”。

如果是使用了低音

只有谷歌的机器人需要注意“NoIndex”指令。

这是给予所有不需要的搜索机器人的命令的好方法。

[ noindex属性

  

“noindex”属性是在SEO中常用的。

你经常听到它被称为“noindex标签”,但更准确地说是

标签的属性。

它配制:

这段代码允许发布者确定可以在搜索中包含的内容引擎的索引。

通过添加“noindex”属性,您基本上讲述了搜索引擎它可能不会在其索引中使用此页面。例如,如果有敏感,这非常有用您想要不可从中使用的内容n有机搜索。例如,如果您的网站上有区域,则只能访问付费成员,允许此内容进入搜索索引可以使其可以在不登录的情况下访问。

下面的广告传票读数

需要遵循“NOINDEX”指令。也就是说,搜索机器需要能够访问该页面以读取包含指令的HTML代码。

因此,请注意不要阻止机器人访问robots.txt中的页面。

描述属性描述属性,更好地称为“元描述”,与标签一起使用。

内容该标签用于SERPS,在

标签的含量下方。

</p> <p> <img fetchpriority="high" decoding="async" class="aligncenter wp-image-389505 size-full b-lazy pcimg" src="//www.w3.org/2000/svg%22%20viewBox=%220%200%201317%20249%22%3E%3C/svg%3E" alt="Example of meta description attribute in the SERPs" width="1317" height="249" data-srcset="https://cdn.searchenginejournal.com/wp-content/uploads/2020/12/meta-description-5fc8af9319cf6.jpg 1317w, https://cdn.searchenginejournal.com/wp-content/uploads/2020/12/meta-description-5fc8af9319cf6-480x91.jpg 480w, https://cdn.searchenginejournal.com/wp-content/uploads/2020/12/meta-description-5fc8af9319cf6-680x129.jpg 680w, https://cdn.searchenginejournal.com/wp-content/uploads/2020/12/meta-description-5fc8af9319cf6-768x145.jpg 768w, https://cdn.searchenginejournal.com/wp-content/uploads/2020/12/meta-description-5fc8af9319cf6-1024x194.jpg 1024w" data-src="https://cdn.searchenginejournal.com/wp-content/uploads/2020/12/meta-description-5fc8af9319cf6.jpg"> </p> <p> [12 3] It允许发布商以帮助搜索者确定页面是否满足其需求的方式总结页面上的内容。广告联接键读数下面<img decoding="async" src="https://cdn.searchenginejournal.com/wp-content/uploads/2020/12/meta-description-5fc8af9319cf6.jpg" alt="Example of meta description attribute in the SERPs">这不会影响页面的排名,但可以帮助鼓励点击来自SERPS的页面。 </p> <p>重要的是要认识到,在许多情况下,谷歌将忽略描述属性的内容,支持在SERPS中使用自己的描述。</p> <p>用于指导如何优化您的描述属性,请参阅Jeff Riddall的</p> <p>帖子</p> <p>。</p> <p> <a href="https://www.serp.cn/meta-description-mistakes/250897/"> </a> </p> <p>标题标签是您熟悉的SEO任何时间长度。</p> <h3> <title>也称为“元标题”,是您用来定义页面标题的标签。它坐落在一起该网站的</h3> <p>。</p> <p>因此,在网页上时,用户不可见。但是,它出现在SERP中的浏览器栏中,并允许您将页面与搜索机器人和用户的查询相关的相关性。</p> <p> 它是SEO中的一个重要元素。要了解有关具有标题标记的良好实践的更多信息,请阅读Corey Morris </p> <p>文章</p> <p>至<a href="https://www.serp.cn/on-page-seo/title-tag-optimization/"> </a> </p> <p>标题标题</p> <h3>用于指示应按样品标题的HTML内容的哪些部分。</p> <h1>标签位于页面的</p> <h6>内,因此查看页面内容的用户可见文本。</h3> <p>标题标记应用于帮助构建页面。<a href="https://www.serp.cn/on-page-seo/header-tags/"> </a>在创建网站开发人员时l确保样式与每种类型的标题标记相关联。</p> <p>这意味着在标记中包装的单词应该看起来与在</p> <p>标签中包装的单词不同。</p> <p>这个帮助用户确定文本的一部分是在它之前的部分的一部分,例如标题和字幕。</p> <p>标题标签还帮助搜索机器人确定页面上的内容的结构。</p> <p>为了进一步了解有关标题标签的重要性和使用的信息,请参阅Sam Hollingsworth的</p> <p>优秀的文章</p> <h1>。</p> <h2>链接标签和HREF属性</p> <p>作为SEO专业人员,我们花了很多时间追逐链接。</p> <p>广告联系读数下面</p> <p>,但你知道链接是如何结构的,因此为什么某些链接被认为是价值的价值超过ORHers?</p> <p>标准的超链接基本上是</p> <p>标签。它的格式如下:<a href="https://www.serp.cn/h1-tag-seo-how-important/387306/#close"> </a>链接的锚文本在这里</p> <p>。</p> <h3>标签表示它是一个链接。</h3> <p> href =属性指示链接的目的地(即,它链接到的页面)。</p> <p>在打开</p> <p>标记和关闭</p> <p>标记之间坐在的文本是锚文本。<a> </p> <p>这是用户将在看起来可点击的页面上看到的文本。</p> <p> <a href="”www.example.com”">这用于页面的</a>中将出现的可点击链接。</p> <p>标记用于将资源链接到另一个,并显示在页面的<a>中。</p> <p>这些链接不是超链接,它们不会点击。它们显示了Web文档之间的关系。</p> <p> rel =“nofolloW“属性<a> </a> </p> <p> rel =”nofollow“属性告诉机器人,即HREF属性内的URL不是可以接下来的网址。</p> <p>使用rel =“nofollow”属性不会影响人类用户单击链接的能力并将其带到另一个页面。它只影响机器人。</p> <p>这在SEO中使用,以阻止搜索引擎访问页面,或者从一个页面链接到另一页的任何好处。</p> <p> 这可以说可以使链接无用从传统的SEO链接构建角度来看,链接权益不会通过链接。</p> <p>有争议的说明如果它导致访问者观看页面当然是一个有益的链接! “nofollow”属性可以是我们通过发布者编辑,帮助搜索引擎知道链接到页面何时是付款的结果,例如,广告。</p> <p>这可以帮助停止在发布者承认链接时的链接惩罚。是合法交易的结果,而不是试图操纵排名。</p> <p> rel =“nofollow”属性可以在单独的链接基础上使用,如下所示:<strong>下面的广告联交影读数</strong>链接的锚文本进入</p> <p>或者它可以用于呈现页面上的所有链接,通过使用它在</p> <p>中使用它,如“noindex”属性中使用它:</p> <p>有关何时使用rel =“nofollow”属性,您可以阅读Julie Joyce的</p> <p>文章</p> <p>。</p> <p>谷歌如何使用rel =“nOheLoy“属性</p> <pre>在2019年,谷歌宣布将在使用”nofollow“属性的方式存在一些变化。<a href="www.example.com" rel="nofollow"> </a>包括通知我们可能的一些额外属性使用代替“nofollow”以更好地表达链接到目标页面的关系。</pre> <p>这些新属性是rel =“UGC”和Rel =“赞助”。</p> <p> 它们将用于帮助谷歌了解出版商希望当出版商希望折扣排名信号目的时。</p> <pre> rel =“赞助商”属性是识别链接是付费结果的结果诸如广告或赞助等交易。 rel =“UGC”属性是通过用户生成的内容(如论坛)添加链路何时才能识别。广告Continue Re谷歌还宣布,“nofollow”属性只会被视为提示。</pre> <p>而“nof​​ollow”属性会导致Googlebot忽略指定的链接,现在将采取在建议中暗示,但可能仍然可以将其视为“nofollow”。<a href="https://www.serp.cn/when-to-use-nofollow-on-links/383468/#close"> </a>有关本公告的更多信息,请参阅Matt Southern的</p> <p>写作</p> <p> <strong> </strong> </p> <p> <a href="https://www.serp.cn/google-nofollow-link-attributes/325255/"> </a> HReflang属性</p> <p> hreflang属性的目的是帮助发布,其站点以多种语言显示相同内容。<strong>它将搜索引擎指向哪个版本页面应该向用户展示,以便它们可以以他们的首选语言阅读。</strong> </p> <p> HReflang属性与</p> <p>标签一起使用。这个归因E指定链接到的URL上内容的语言。</p> <p>它在页面的</p> <p>内使用,格式化如下:</p> <pre> </pre> <p>它分解为几个部分:</p> <p> rel =“替换”,该页面建议页面具有与它相关的替代页面.href =属性表示哪个URL链接到。语言代码是一个双字母的指定告诉搜索机器人输入链接页面的语言。这两个字母从称为<a href="https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes" target="_blank" rel="noopener noreferrer"> ISO 639-1代码</a>下面的标准列表中获取了两个字母</p> <p>中也可以使用HREFLANG属性用于文档的HTTP标题(如PDF)或网站的XML SiteMap中的文档。</p> <p>使用HReflang属性正确地可能很棘手。欲了解更多信息在其使用时,请参见<a href="https://www.serp.cn/hreflang-multilingual-website/260855/">丹泰勒的文章</a>在其适当的实施方面。</p> <p>规范属性<strong> </strong> </p> <p>链接的rel =“canonical”属性标签使SEO专业人员能够指定网站上的其他页面或其他域,应计为Cononical。</p> <p>作为规范的页面本质上是指是主页,其中其他人可能是副本。 </p> <p>为了搜索引擎目的,这是页面的指示,发布者想要被视为要排名的主要一个,副本不应排名。</p> <p>规范属性看起来像这样:</p> <pre> </pre> <p>代码应该坐在页面的</p> <p>中。 “HREF =”之后的网页应该是您希望搜索机器人考虑佳能的页面ical页面。下面</p> <p>的广告传票读数在两个或多个页面中的情况下,该标签可用于它们上的两个或多个页面上的情况。</p> <p>使用规范属性</p> <p> <strong> </strong>可以以这样的方式设置该网站,即这对用户有用,例如电子商务站点上的产品列表页面。</p> <p>例如,主类页面套装产品,如“鞋子”,可能有副本,标题和已经写过“鞋子”的页面标题。</p> <p>如果用户单击过滤器以仅显示棕色,大小8鞋子,URL可能会改变,但副本,标题和页面标题可能与“鞋子”页面保持相同。</p> <p>这将导致两页与产品列表相同的页面SH.他们在这种情况下,网站所有者可能希望在指向“鞋子”页面上的“棕色,大小8鞋”页面上的规范标签。</p> <p>这将有所帮助搜索引擎要明白“棕色,大小8鞋”页面不需要排名,而“鞋子”页面是两者的重要性,而应该排名。</p> <p>下面</p> <p>的广告联系读数</p> <p> “典卡属性的问题</p> <p> <strong> </strong>要意识到搜索引擎只使用规范属性作为指导,它不是必须遵循的东西。</p> <p>有许多实例忽略了规范属性,并且另一个页面被选择为集合的规范。</p> <p>有关如何正确使用规范属性的更多信息,SEe Matt Southern的</p> <p>图<a href="https://www.serp.cn/google-seo-101-all-about-canonicalization/377422/">图像</a> </p> <h3>标签用于将图像嵌入到HTML的页面中。</h3> <p>图像标签不在页面中插入图像,但以允许在页面上可见的方式链接到它。<img> </p> <p>它基本上为托管在其他地方的图像创建一个容器。</p> <p>标签的格式如下:</p> <p> <img>该标签包含两个属性,这是标签工作的必需品,另一个属性可以留空。</p> <pre> src属性<img decoding="async" src="imagename.jpg" alt="this is the description of the image"> </pre> <p> src =属性用于引用正在页面上显示的图像的位置。</p> <p>广告联系读数下方</p> <p>如果图像位于与其出现的容器的同一域上在,可以使用相对URL(仅用URL的末端部分,而不是域的端部)。<strong>如果要从另一个网站拔出图像,则需要使用绝对(整个)URL。 </strong>虽然该属性不适用于任何SEO目的,但是需要将图像标签工作。</p> <p> ALT属性</p> <p> <strong> </strong> </p> <p> <img> </p> <p> <a href="https://www.serp.cn/on-page-seo/image-optimization/"> </a>上面的图像标记示例还包含一个第二属性,Alt =属性。</p> <h2>此属性用于指定应显示映像是否无法呈现的备用文本。</h2> <p> ALT =属性必须存在于</p> <p>标记中,但如果不需要替代文本,则可以留空。</p> <p>有一个有益于考虑在图像alt =属性中使用关键字。搜索引擎无法精确确定什么图像是。</p> <p>在主要搜索引擎的能力中具有很大的努力来识别图片中的内容。然而,该技术远非完美。</p> <p>如此,搜索引擎读取的广告传票将在Alt =属性中使用文本以更好地了解图像的图像。</p> <p>使用语言有助于加强与页面的主题的相关性。</p> <p> <a href="https://www.w3schools.com/html/default.asp" target="_blank" rel="noopener noreferrer">这可以帮助搜索引擎来识别该页面的相关性搜索查询。</a> </p> <p>这对记住这是至关重要的不是Alt =属性的主要原因。</p> <p>本文被屏幕读者和辅助技术使用,使那些使用该技术了解图像内容的人。<strong> Alt = ATT.应该首先考虑核糖,并且可以使那些使用这项技术可访问的网站。不应为SEO目的而牺牲。</strong>有关如何优化图像的更多信息,阅读Anna Crowe的</p> <p>文章<a href="https://www.serp.cn/important-tags-seo/156440/">。</a>结论<a href="https://www.serp.cn/seo-for-beginners/"> </a>本指南是在SEO中听到的核心HTML标签和属性的介绍。<a href="https://www.serp.cn/on-page-seo/">还有更多的是,它进入了发挥作用,易碎和可索引的网页。</a>读数下面的广告联系读数</p> <hr> <p> SEO和开发技巧之间的交叉是巨大的。</p> <p> <strong>作为SEO专业人士,您可以了解网页如何构建更好。<em> </em>如果您想了解更多有关HTML和HTML的信息您可以使用的标签,您可以享受重新享受CE如</strong> W3Schools </p> <p> <em>更多资源:</em> </p> <p> 10您需要了解SEO的最重要的元标签 SEO初学者:介绍SEO基础知识 的完全指南对网页SEO 图片来源 作者的所有屏幕截图,2020年12月 </p> </article> <div id="tags" class="mb-2"> </div> <div class="row px-3"> <div class="col-md-6 my-3 px-3 pb-2 bg-light rounded shadow-sm relate"><p class="py-2 mb-0">Related Content</p><p class="p-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/get-fast-rankings-with-bing-instant-indexing-api.html" rel="bookmark" class="nav-link p-0">访谈:使用Bing Indexing API进行快速排名</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/ecommerce-seo-checklist.html" rel="bookmark" class="nav-link p-0">2020年10点电子商务SEO清单</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/duplicate-content.html" rel="bookmark" class="nav-link p-0">重复内容:SEO最佳实践以避免它</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/seo-training-programs-for-levels-of-seo-knowledge.html" rel="bookmark" class="nav-link p-0">SEO培训计划,每个知识体验水平</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/google-a-site-search-doesnt-show-all-pages.html" rel="bookmark" class="nav-link p-0">谷歌:一个'网站:'搜索没有显示所有页面</a></p></div> <div class="my-3 align-right rounded shadow-sm col-md-6"> <div class="card text-white"> <a href="https://www.serp.cn/what-is-serp-and-how-serp-work.html"><img src="/girls/serp.png" class="card-img"></a> </div> </div> </div> <div class="row mx-0"> <div class="col-md-6 text-left bg-white shadow-sm py-2"><a href="https://www.serp.cn/how-to-choose-a-domain-name.html" rel="prev">如何选择域名</a></div> <div class="col-md-6 text-right bg-white shadow-sm py-2"><a href="https://www.serp.cn/google-structured-data-signal.html" rel="next">Google:结构数据是一个极其光信号</a></div> </div> <!-- If comments are open, but there are no comments. --> <div class="my-3 px-3 pb-2 bg-light rounded shadow-sm relate"> <p class="py-2 mb-0">More Interesting</p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/crowd-marketing-fears-perks-and-a-comprehensive-guide-343930.html" rel="bookmark" class="nav-link p-0">人群营销:恐惧,津贴和综合指南</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/how-to-craft-a-winning-search-engine-land-awards-entry-past-judges-share-their-advice-351228.html" rel="bookmark" class="nav-link p-0">如何制作一个获胜的搜索引擎土地奖项条目:过去的法官分享他们的建议</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/your-cls-score-for-your-google-search-console-core-web-vitals-report-may-have-just-improved-349127.html" rel="bookmark" class="nav-link p-0">您的Google Search Console Core Web Vitals报告的CLS分数可能刚刚提高</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/googles-lamda-will-enable-open-ended-voice-conversations-348729.html" rel="bookmark" class="nav-link p-0">谷歌的Lamda将启用开放式语音对话</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/google-why-fixing-core-web-vitals-already-boosts-rankings.html" rel="bookmark" class="nav-link p-0">谷歌:为什么修复核心Web Vitals已经提升排名</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/google-reportedly-paying-apple-15b-to-stay-default-search-engine.html" rel="bookmark" class="nav-link p-0">据报道,谷歌将Apple 15B支付15B留在默认的搜索引擎</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/google-shows-how-to-use-search-operators-for-seo.html" rel="bookmark" class="nav-link p-0">Google:如何使用搜索操作员SEO</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/google-explains-how-to-target-a-specific-country.html" rel="bookmark" class="nav-link p-0">谷歌解释了如何定位特定国家</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/expert-web-performance-tips.html" rel="bookmark" class="nav-link p-0">Google Core Web Vitals World中提高性能的专家提示</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/google-on-how-it-ranks-search-results-and-prevents-obvious-spam-350218.html" rel="bookmark" class="nav-link p-0">谷歌关于它如何排名的搜索结果并防止明显的垃圾邮件</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/improving-3rd-party-domain-metrics-dont-boost-rankings.html" rel="bookmark" class="nav-link p-0">谷歌:改进第三方指标不会提高排名</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/improve-core-web-vitals-scores-page-experience-signals.html" rel="bookmark" class="nav-link p-0">7提示改善您的核心Web Vitals分数页面体验信号</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/mobile-first-indexiing.html" rel="bookmark" class="nav-link p-0">移动式首次索引解释:您需要知道什么</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/google-confirms-it-changed-how-it-creates-titles-for-search-result-listings-351506.html" rel="bookmark" class="nav-link p-0">Google确认它更改了它如何为搜索结果列表创建标题</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://www.serp.cn/skyscraper-technique.html" rel="bookmark" class="nav-link p-0">如何做摩天大楼技术(获得高质量的链接)</a></p></div> </div> <div class="col-md-4 pb-3"> <form class="form-inline my-lg-0 d-none d-md-block" action="https://www.google.com/search"> <input class="form-control d-none" type="search" name="q" value="site:serp.cn"> <input class="form-control mr-sm-2" type="search" name="q" placeholder=""> <button class="btn btn-secondary my-2 my-sm-0 icon-search" type="submit">Search</button> </form> </div> </div> </main> <footer class="footer mt-auto py-3"> <div class="container"> <ul class="list-inline text-center relate small">        <li class="list-inline-item">Copyright © <a href="https://www.serp.cn">搜索引擎结果页面</a> - All Rights Reserved.</li> <li class="list-inline-item"><a href="/topics">Topics</a></li> <li class="list-inline-item"><a href="#">Terms</a></li> <li class="list-inline-item"><a href="#">Privacy Policy</a></li> </ul> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script></body> <!-- Default Statcounter code for Serp.cn https://www.serp.cn --> <script type="text/javascript"> var sc_project=12220296; var sc_invisible=1; var sc_security="124651de"; </script> <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script> <noscript><div class="statcounter"><a title="hit counter" href="https://statcounter.com/" target="_blank"><img class="statcounter" src="https://c.statcounter.com/12220296/0/124651de/1/" alt="hit counter"></a></div></noscript> <!-- End of Statcounter Code --> </html>