您希望将HTML / HTML5标记的6个重要要点保持在最低水平

html缩略图

标记HTML以使搜索引擎更容易理解页面结构,这是对搜索结果顶部进行稳定索引的重要因素之一。

当然,有必要以搜索关键词为前提来创建高质量的内容。即使您创建高质量的内容,如果标记方法在逻辑上是错误的,它也会被破坏。

这次,我想谈谈您希望作为SEO措施记住的HTML和HTML5标记的最低限度。

WordPress的人...

本文介绍了如何自行为SEO制作最佳标记,但是如果您使用的WordPress主题从一开始就具有完善的SEO措施,这很容易,因为您无需执行任何操作。是。下面介绍了最适合SEO措施的WordPress主题。

WordPress的的推荐主题是!完善的SEO和响应[付费&無料】

头标签中的设置

首先,head标签中的设置是SEO的基础。

在标题标签内包含关键字

标题标签对于SEO措施最重要。标题标签是设置页面标题的部分,在搜索结果中以蓝色显示。如果包含用户的搜索关键字,则该字符将为粗体。

搜索结果

在title标签中设置的标题文本包含搜索关键字,但是这不仅仅是盲目地包含搜索关键字的问题。以下是检查标题是否合适的检查项目。

  • 包含与页面内容匹配的关键字
  • 与网站上的其他页面不同
  • 与搜索关键字(查询)相关

如果您不满足这些条件,则标题将设置为Google认为适合页面上标题的文本,而不是标题的文本。标题对点击率有很大影响,因此请确保控制要显示给具有预期标题的用户和搜索引擎的页面的内容。

顺便说一句,在首页以外的页面标题中,在页面标题之后包含“页面标题|网站名称”或“页面标题-站点名称”之类的站点名称是一种更好的选择。此外,搜索结果中显示的标题中的字符数也受到限制。避免使用过长的标题,并且最多使用30个字符。另外,应将主要关键字尽可能地放在标题的前面,以使用户的关键字更引人注意。

描述设定

设置描述与标题标签一样重要。 description是描述页面轮廓的部分。将其描述为head标签中的meta标签。

<meta name="description" content="ページの概要が入ります。" >

该描述可以用作搜索结果中页面标题下的摘录。设置适当的描述以增加点击率,以便用户可以使用它来确定是否访问该页面。作为字符数的准则,希望描述由80到120个字符和最多200个句子组成。

另外,不建议在所有页面以及标题上使用相同的描述。设置描述,以告诉用户和搜索引擎页面的确切含义。

到目前为止的内容由Google提供Google搜索引擎优化入门指南

它也发表在。除了HTML标记外,还很容易理解这将是网站创建的指南,例如如何创建内容,因此请阅读该指南。

每页仅使用一个h1标签

1页1 h1标签

从这里开始,我们将开始讨论body标签。

在HTML5中,允许在一页中使用多个h1标签,但是仅使用HTML5标签(如section标签)正确且结构上标记包含每个h1标签的句子。只有当你在。 (section标签将在后面描述。)

如果在应使用中间标题或副标题的地方使用了h1标签,则句子结构可能会损坏,搜索引擎可能会将其解释为内容创建者不希望的结构。作为搜索引擎的对策,这适得其反。

当然,如果正确使用section标记并仅使用h1标记配置标题,则具有一个优点,即在更新站点时不必担心标题的编号。但是,有一个缺点是您需要密切注意句子结构。另外,将其封装在section标记中需要花费时间和精力,并且它不适合重写/重新编辑,这仅与h1标记有关。

考虑到传送到搜索引擎的句子结构对于仅使用带有段标签的h1标签和使用中间标题和副标题的标题都是相同的。每页仅使用一个h1标签操作该站点更安全。

标题标签用于描述内容的层次结构

每个标题标签具有与其他标题标签不同的装饰。不了解标签含义的人经常将标题标签用于装饰目的,例如“我想使字符在这里看起来更大,所以使用h2标签”。这是标题标签的错误使用。

标题标签具有按数字顺序排列的标题等级。 h1标签是顶部标题,h2标签是第二高标题,h3标签是第三高标题。……它变成了。换句话说,标题标签按数字顺序描述了文本的层次结构。因此,如果您在h1标签后面的标题中使用h3标签下的h3标签,则该句子的层次结构将被搜索引擎误解。

以下是如何使用错误和正确的标题标记的示例。了解使用错误的标题在逻辑上是不自然的。

标题标记错误

下面是不正确的标题标签结构。这是不正确的,因为h1标签的下一个标题号突然变为h3。

<h1>お米を好きな理由</h1>
<h3>おかずとの相性が良い</h3>
<p>何らかの文章が入ります。</p>
<h2>栄養がある</h2>
<p>何らかの文章が入ります。</p>
<h3>炭水化物が豊富に含まれる</h3>
<p>何らかの文章が入ります。</p>
<h3>ビタミンが多く含まれる</h3>
<p>何らかの文章が入ります。</p>
<h2>満腹感が得られる</h2>
<p>何らかの文章が入ります。</p>

正确的标题标记

下面是正确的标题结构。您可以看到标题编号的顺序减少了一个。注意,在h4标签之后返回h2意味着标题级别已返回到h2级别,并且在将标题结构传递给搜索引擎时没有问题。搜索引擎还认为标题级别已返回到h2级别。

<h1>お米を好きな理由</h1>
<h2>おかずとの相性が良い</h2>
<p>何らかの文章が入ります。</p>
<h2>栄養がある</h2>
<p>何らかの文章が入ります。</p>
<h3>炭水化物が豊富に含まれる</h3>
<p>何らかの文章が入ります。</p>
<h3>ビタミンが多く含まれる</h3>
<p>何らかの文章が入ります。</p>
<h4>ビタミンB1</h4>
<p>何らかの文章が入ります。</p>
<h4>ビタミンE</h4>
<p>何らかの文章が入ります。</p>
<h2>満腹感が得られる</h2>
<p>何らかの文章が入ります。</p>

仅在这种情况下,根据标签的含义使用强标签,em标签和b标签。

强em-b
strong,em和b标签通常用于句子中的特定文本。这些标签中的每一个都有不同的使用目的,并且必须在每个使用场景中正确使用。它不是以粗体显示的标记。

正确使用强标签

强标签可用于指示强标签中包含的文本很重要。简而言之,它用于内容的核心文本,例如结论。因此,对句子中的所有重要关键字都使用强标签是错误的。尽量仅在页面的此部分使用它。

通过在各层中使用强标签也可以指示重要程度。

<p><strong>ダメ、<strong>ゼッタイ</strong></strong></p>

正确使用em标签

可以在HTML5中使用em标签,以强调(强调)em标签所包含的文本。显示重要性没有任何意义。当句子的细微差别根据语调的位置而变化时使用。很难说出与strong标签的区别,因此请看以下示例。

<p>長年、業界全体の需要は低迷してきた。<em>弊社製品</em>はよく売れた。</p>

您了解细微之处吗?通过将其括在em标签中,您可以向搜索引擎传达“我们的产品已售出(尽管竞争对手在苦苦挣扎)”的细微差别。

*实际上,em标签是一种标签,该标签假定一种语言以单词顺序建立谓词关系(主题与谓词之间的关系),而不是英语和法语这样的辅助词(“ te ni o ha”)。有时会指出,当日语中主要谓词关系由辅助词而非词序建立时,它在日语中使用时不够严格。由您决定是否包括辅助词。我尝试不使用辅助词就使用它。

另请参见W3C em标签定义。

4.5.2 em元素

正确使用b标签

b标记仅可用于区分其他文本,而不是强调或强调文本。通常,使用b标记使内容中的某些文本突出显示是适当的,以用于装饰目的。

您可以使用CSS更改文本的颜色或添加背景颜色(而不是粗体)。请注意,b标记不是加粗的标记。

奖励:标记标签

顺便说一句,我认为您不会经常使用它,但是还有一个标记标签可用于使引用的文本突出。例如,所使用的方面是突出显示在向用户显示搜索结果的页面上搜索的短语,或者突出显示在上下文引用的上下文中引用的报价的一部分。

4.5.20标记元素

仅特定标记应包括在列表标记正下方的子元素中。

有以下三种类型的列表标记。

  • 无序列表:ul标签
  • 订购清单:ol标签
  • 定义列表:dl标签

这些列表标签的共同点在于,您只能将特定标签放在它们下面的子元素中。

以ul标签为例。首先,以下是正确的书写方式。

<ul>
  <li>お米</li>
  <li>小麦</li>
  <li>じゃがいも</li>
</ul>

li标签是列表项标签,​​位于ul的正下方。这将正确地将列表的结构传达给搜索引擎。

另一方面,请参阅下面的内容。

<ul>
  <h2>主食の種類</h2>
  <li>お米</li>
  <li>小麦</li>
  <li>じゃがいも</li>
</ul>

列表的标题直接位于ul下。它会在浏览器上毫无问题地显示,但是与列表标签的原始用法相反,并且搜索引擎可能无法传达确切的列表结构,或者标题标签可能会被忽略。

同样,ol标签和dl标签应仅在其正下方具有特定标签。

另外,经常询问以下情况。这是编写它的正确方法。

<ul>
  <li>
    <h2>犬</h2>
    <img src="#" alt="#">
    <p>犬は賢い。</p>
  </li>
  <li>
    <h2>猫</h2>
    <img src="#" alt="#">
    <p>猫はかわいい。</p>
  </li>
  <li>
    <h2>牛</h2>
    <img src="#" alt="#">
    <p>牛乳は美味しい。</p>
  </li>
</ul>

列表标签ul的正下方只有一个li标签。可以将标题标签或图像标签放在li标签内。但是,每个li标签中的标签结构应统一且合乎逻辑。

使用HTML5标签正确分割

HTML中的部分定义了文档结构。 HTML5中出现的section,article,main,aside,footer,header和nav是典型的sectioning标签。基本上,如果您正确使用这些典型标签,则搜索引擎将正确理解页面的结构。

在一般站点中,每个部分的执行情况如下图所示。

html5部分

您可以看到可以对页面的每个语义组进行分段。

下面简要说明每个标签的正确用法。

使用页眉和页脚标签

标头标签是指示所包含的内容是页面标头的标签。标头只是文档的介绍性部分。如果它与简介部分相对应,则将其包含在标题标签中是正确的。

另一方面,页脚标签是指示所包含的内容是页面的页脚的标签。简而言之,它是文档的结尾部分。它包含不太重要的补充信息,例如版权信息。

顺便说一下,可以在页面上安装两个或多个页眉标签和页脚标签。这是因为它可用作整个文档的标题(页脚)和文章部分的标题(页脚)。原则上,整个文档只有一个页眉(页脚),但是您可以在文章部分的每个部分指定页眉(页脚)。 (参见上图)

使用主标签

main标签是一个标签,指示它是body标签内的中心内容。没关系,如果您认为到目前为止,将主类附加到div标签的部分是使用main标签的部分。上图包括aside标签,但是如果aside标签内的内容在其他页面上完全相同,则最好将其从主标签中包含的内容中排除。

使用aside标签

aside标签是指示所包含的内容是与主要内容分开的补充部分的标签。通常将边栏放在一边。

使用章节和文章标签

section标签用于指示封闭的部分是语义块。例如,一个块是从标题的开头到下一个标题的开头。

另一方面,商品标签表示封闭部分是商品。文章标签通常从主要内容的开头到结尾都包含在内。文章标记的使用方法因站点结构而异,但是确定文章标记是否可以使用的重点是“页面中的主要独立内容(或文章)还具有相关信息(其所属的类别,更新日期等)。无论是否包含在内。”

例如,如果您有一个带有侧边栏的网站的公司资料页,则从公司资料标题到公司资料主要内容结尾的区域将包含在文章标签中。另外,如果它是博客存档页面,则每个文章都将被文章标签包围,并且该页面中将有一部分被多个文章标签包围。

使用导航标签

最后,nav标签,用于包围导航以指示它是一个导航。基本上,如果用nav标签将全局导航括起来,就没有问题。

最后:用正确的HTML结构采取SEO措施!

我在本文中所说的内容非常基础。对于那些想要从此处采取更高级的搜索引擎措施的人,由Google提供网站管理员学院让我们阅读和学习。

阅读18本书以深入了解SEO [从内部措施到写作]

参考:
[免费]我真正想要推荐的3所编程学校[实际参加]
如何使用GRC |说明基本功能,分析方法和价格计划
注册和使用Search Console的完整手册

撰写本文的人

ケイタ

潜伏在东京的一位网络工程师。我做各种各样的事情,例如生产/运营/数据分析。 応援は@keitaoriginal请从。