H1 vs H2 vs其他互联网网站标题/徽标以及SEO

对于前端程序员来说,将网站标题或徽标设计放在H1标签中以及H2中的标题是一种常用的技术。 然而,很多时候页面/文章的标题更重要,因为它带来了物质价值。 所以我的询问是从语义和SEO的角度来看最有效的策略是什么。 实例:

  • 标志设计 - H1,标题 - H1
  • 标志设计 - H1,标题 - H2
  • 标志设计 - H2,标题 - H1
  • 标志设计 - 各种其他标签,标题 - H1

提供各种其他版本,如果你认为他们肯定会有更大的结果。

0
2019-05-13 02:12:06
资源 分享
答案: 8

徽标作为h2标签?

我只是在SitePoint(www.sitepoint.com)上浏览,这是一个WordPress博客网站,包含普通网页和博客网站。 总的来说,我发现他们将网页标题作为h1标签,并将徽标设计设置为h2。 您可以在博客站点网页上看到这一点,例如www.blogs.sitepoint.com/category/design/。 在网站上旅行,您可以找到各种安排。 我通常找不到h1标签,作为主要项目网页(http://products.sitepoint.com/)上的实例。 虽然从该网页,如果您点击任何类型的某个项目以获取更多详细信息www.sitepoint.com/books/design2/,您再次找到h1是网页标题,h2是徽标设计。 常规网站类似于博客网站(请访问www.sitepoint.com/help/)。 在这个例子中,FAQ是主题都是h2标签。

汤姆罗杰斯

0
2019-05-21 04:45:11
资源

我是主要头衔个人的h1。 而且主要标题是增强的网站名称,或者你称之为标志设计。 下面是因素 - 在互联网网站的标题中,标志设计实际上并不是一个标志设计,它是详细的网站标题。 开发人员类似于将其作为徽标设计。

LOGO - > H1有什么不对?

<div>Google</div>
<h1>About Us</h1>

现在,由于h1是最重要的区域之一,因为它通知网站访问者所有内容,因此网站访问者无法识别网页,因为h1也是详细信息。 关于那个?

<h1>Google</h1>
<h2>About Us</h2>

此网页与Google有关。 以下是我们所关注的领域。 看 - - 毫无疑问? 一切都清楚。

第二个因素。

网页框架。 如果您将网站主要标题放入div或p,则绝对没有任何关联它。

<p>Google</p>
<h1>About us</h1>

如果跟随h1,如何将“关于U”与Google关联? 由于H1之后的所有内容都与它相关,而不是过去发生的事情。

<h1>Google</h1>
<h2>About Us</h2>

“关于美国”来自谷歌。 毫无疑问。

第三个因素。

HTML是DESCRIBE详细信息的语言。 因此,您不会提供详细信息,您可以定义它。 每个网页也是独立的。 因此,您定义了一个网页,因为网页之间没有组织。 只需链接特定网页的网页链接。

<p>Google</p>
<h1>About us</h1>

本网页与我们有关。 谁/它是什么? 模糊。 它只是定义了一个名为“关于我们”的东西。

<h1>Google</h1>
<h2>About Us</h2>

这个网站定义谷歌。 还有一个关于我们的领域。 美国=最有可能谷歌,创建框架以这种方式定义它。

我希望我能成功

PS! 您无法使用h2 - h1 - h3,因为它不合逻辑,因此大幅下降。 即使w3c没有声称它是不被允许的,也不会使它合法化。 考虑到这一点,这是不符合逻辑的。

0
2019-05-19 10:04:39
资源

请参阅Google的第37页是SEO报告卡记录:

大多数项目主要网页都有可能使用一个<h1>标记,就像实例一样,但它们目前只是使用各种其他标题标记(在本例中为<h3>)或更大的字体设计。 虽然样式化您的消息以使其显示更大可以获得完全相同的美学讨论,但它并没有给互联网搜索引擎提供与<h1>标记完全相同的语义定义。 该项目是名称和/或有关其属性的几个单词在项目主要网页的<h1>标记中非常精彩。

根据谷歌自己对其产品的评价,我肯定会得到谷歌预期的判决 独一无二的网页 - 详情 值显示在H1中(连接文档中的图像突出显示)。

0
2019-05-17 12:58:10
资源

IMO需要在网页上只有一个H1。 并且H1需要在H2之前不断 - 以保持网络内容的适当功率结构。

徽标设计通常在每个网页上都是重复的,而且,就像您声称的那样,在大多数网页上,标题实际上一直都是至关重要的。

在主页上我肯定会考虑使用:
logo / title - H1 [,title - H2]
虽然,在您的主页上,徽标设计很可能是您的标题。

尽管如此,继续 所有后续网页 我当然会选择:
标志设计 - 各种其他标签,标题 - H1
即使将徽标设计作为历史 - 照片如果理想的话。

0
2019-05-17 12:55:48
资源

这是一个很好的推理:您的徽标是图像,而不是图像

在语义上,<h1>需要用于网页标题,并且网页标题当然应该是每个网页中的一种。 您的徽标设计或网站名称是 网页标题(可能还有网页)。

您的徽标/网站名称需要保留在一个简单的div中,可能ID为“heading”。 或者,如果使用HTML5,则为<header>标记。

0
2019-05-17 12:53:36
资源

您在H1标签中实际寻求的是网页标题或使该网页成为独一无二的内容。 如果您正在使用其中的照片,则需要使用应急方法进行降解:

<style>
h1{background: url('imagePathHere.gif');width:60px;height:10px;}
h1 span{display:none}
</style>

<h1><span>Unique Page Title</span></h1>

这意味着您可以将照片设置为H1(个人通常滥用作为徽标设计位置),并且内部仍然具有优秀的网络内容,供个人利用虚拟网络体验。 它还使您的SEO值满意。

0
2019-05-17 12:49:41
资源

我通常不会将徽标设计或网站标题放在H1中。 我考虑的方法是每个网页都是一个记录。 该记录与某个主题有关,如网页标题中所反映的以及主要标题。 互联网网站本身就是记录的作者。 因此,从语义上讲,使用网站徽标设计或名称作为每个网页的主要标题是错误的。 标识设计清楚地呈现给客户,告知客户他们的位置以及品牌目标,但它们实际上不是网络内容或记录的组成部分。

我建议,当你看到一篇报纸文章时,你可以在边缘看到一些信息网络标志设计,但报纸上的文章可能不会被标记为“CNN”或“BBC新闻”。 标题肯定与故事有关,而不是发布故事的网络。 此外,当您阅读出版物时,只需在标题中使用书面标题,而不是杂志的名称。

对于徽标/站点名称使用H1标记以及记录标题也使用一个标记,这在语义上是错误的。 标题指定网页上Web内容的有序框架; 利用一个作为网站名称,还有一个额外的记录标题类似于声称,这个网页有两个主要区域:“mydomain.com”和“打电话给我们”。

0
2019-05-17 11:00:27
资源

由于周围的技术(以及布局),这是一个很好的探究。

直接地,我想描述“概述101”逻辑,考虑到以下内容:

H1类似于标题(绝对是为了增强你的HTML标题),每个网页也需要一个,就像一个网页只有一个标题一样

H2在概要中有点像罗马数字:I。,II。,III。等

H3肯定是A.,B.,C的概要匹配。

通常情况下,明智地使用这种逻辑很难在网站上特别适用 - 有许多次要的细节,这些细节根本不会直接融入到这种权力结构中。 尽管如此,如果你坐下来并试图简化上述逻辑,我真的觉得这项技术有一个优势。

0
2019-05-13 15:15:15
资源