<div class="box1" >
<p> A bunch of text right here</p>
</div>
或
<div class"box1" >
A bunch of text right here
</div>
box1 div有很多CSS应用,因此为了使文本看起来像/我想要的地方,我将其包裹在该div中。这个div特别只有文字。但是出于SEO的目的,最好是在div中使用p标签还是直接在div中使用文本?
结果是相同的(在视觉上)。
PS:我知道一般的想法是p对seo的影响比div更重要(或者至少是我所听到的。如果我在这里错了,请纠正我)。但是在这种情况下,此页面上的文本将显示在屏幕上的不同容器中,以使外观更好。我应该在div内使用文本还是应该在div内的p标签和p标签内使用文本以获得更好的SEO?
#1 楼
在两个选项之间,SEO没有区别。顺便说一句,您的问题与SEO无关,而与HTML语义有关。但通常,文本会通过段落显示在页面中。这就是为什么您可以在<p>
HTML元素内使用<p>
标记,但从语义上讲,这不是义务。元素,如果您的文字被切成段落。#2 楼
首先,我认为所有<p>
与SEO相比都比带有大量盐的<div>
更相关。 SEO实际上只关心内容相关性。将文本放在<div>
或<p>
中并不是您应该进行的调整。只需使用自然用法即可。<div>
几乎意味着“这是内容的一部分”,而<p>
是“这是一段”。就我个人而言,我只使用<div>
,因为它在任何浏览器中都没有内部格式,而<p>
具有一些特定于浏览器的格式(边距等),可能会因浏览器而异(除非您使用CSS'cleaner') 。另外,在<p>
内的<div>
添加了HTML,这使页面稍大一些,因此,每个搜寻器“扫掠”一次都可以爬取更少的页面。编写HTML,以便搜索引擎“喜欢它”。#3 楼
据我所知,它确实很重要,原因很简单:div是除法的简称,只是您网站上的一部分/段落,其中段落是为文本设计的。
在新闻类文章中,段落的第一句话很重要(至少在荷兰语中如此)。它具有有关该段内容的重要信息(仔细考虑一下,每当您开始一个新的子主题时,您都会在第一个句子很重要的地方创建一个新的段)。
我已经曾经去过Google课程,“专家”向我们介绍了这一原理,而Google则使用了同样的技巧(请参阅新段落的第一句话很重要)。
有了这些,您使用
div
或p
的确会有所不同。它会使您的网页排名提高/降低8吗?否。但细节在于魔鬼。此外,您还会获得使用Sementic html的要点。在段落中使用P可以帮助实现这一原则。
在您的示例中,您错过了第3个,而IMO则是正确的解决方案:
/>您删除div并将该类分配给该段落。如何使用html并不重要。不需要的元素会使页面变慢,从而影响PR。
#4 楼
使用p标签很重要!除其他情况外,我还看到当页面没有元描述并且Google默认情况下会创建一个元描述时,它将使用看起来更像文本的元素。示例:
有一个页面,用三种语言(三种不同的域)显示,只有一个标题。 (字母位于h2标签内,用于字体样式设置)。我在p标签中添加了文本,转到Google Search Console,要求为URL编制索引,下次我查看Google搜索结果时,可以看到文本的前两行(在所有三个域中)。无需添加任何元描述。
P.S.如果页面损坏,则文本将显示在p标记内。否则...混乱。
请相信我;我从错误中学到了东西。
#5 楼
从SEO角度来看没有什么区别。但是,应考虑HTML语义和性能。不必要的HTML标签也会影响性能。评论
请注意发布答案,其中包含与其他答案中已提及的其他信息有关的其他信息。
– Zistoloen
2014年4月3日在11:08
#6 楼
从SEO角度来看绝对没有区别。两者都一样! SEO页面功能的方式是,它们将给诸如h1,h2等的标签更高的优先级。 “ div”只是用于HTML化目的的块级元素。它对SEO优化没有任何贡献。从语义的角度来看,重要的是要避免出现可能妨碍浏览器处理DOM的故障
#7 楼
通常,SEO仅对标题标签(<h1>
,<h2>
,<h3>
,<h4>
,<h5>
和<h6>
)给予重视。因此,无需担心<p>
和<div>
标签。评论
我认为您需要重新学习SEO知识,似乎您要丢掉很多(简单)要点:)
–马丁(Martijn)
2014年4月1日在13:08
评论
您回答了我的问题,我也学到了一些新东西。感谢您帮助新手:)
– ClawDuda
2014年3月31日13:44
SEO没有区别,或者更谨慎地说,p标记无关紧要没有已知的原因。问题是关于SEO。这里没有理由提出关于“语义学”的问题,这将是一个非常模糊的话题。例如,HTML5拥有自己的p观念,这可能与HTML 4有所不同(而w3schools在此问题上或其他方面都是最糟糕的咨询场所)。
– Jukka K. Korpela
2014年3月31日14:36
请使用更好的文档来源:尽管在这种情况下w3schools是正确的,但我还是谨慎分享它们的链接。我会在MDN中使用它:developer.mozilla.org/en-US/docs/Web/HTML/Element/p
– STT LCU
2014年3月31日14:39
好的,我将链接更改为www.w3.org。
– Zistoloen
2014年3月31日14:43
如果w3schools弄错了,请不要链接到它们。当w3schools处理正确时,请勿链接到它们。这是奇怪的逻辑。
–马特K
2014年3月31日20:21在