在div标签内使用p标签来输入文字?


11

在SEO方面有什么更好的选择?

<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?

Answers:


16

在两个选项之间,SEO没有区别。顺便说一句,您的问题不是关于SEO,而是关于HTML语义。

为了尊重HTML语义,并且与您想象的不同,<p>标签用于显示文本的段落,而不是文本。但是通常,文本会通过段落显示在页面中。这就是为什么您可以<p><div>HTML元素内使用标记,但从语义上讲,这不是义务。

因此,我对您的问题的回答是:SEO没什么区别,如果您的文字被分成几段,则只需<p><div>元素内部使用。


3
您回答了我的问题,我也学到了新东西。感谢您帮助新手:)
ClawDuda 2014年

2
SEO没有区别,或者,更谨慎地说,没有明显的原因会导致p标记重要。问题关于SEO。这里没有理由提出关于“语义学”的问题,这将是一个非常模糊的话题。例如,HTML5有其自己的想法p,这可能被认为与HTML 4截然不同(而w3schools在此问题上或其他方面是最糟糕的咨询地点)。
Jukka K. Korpela 2014年

1
请使用更好的文档来源:尽管在这种情况下w3schools是正确的,但我还是谨慎分享它们的链接。我会在MDN中使用它:developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU

1
好的,我将链接更改为www.w3.org。
Zistoloen 2014年

1
如果w3schools弄错了,请不要链接到它们。当w3schools处理正确时,请勿链接到它们。这是奇怪的逻辑。
Matt K

2

首先,我认为<p>与SEO相比<div>,所有这些都比大得多。SEO实际上只关心内容相关性。您不应该在a <div>或a中放置文本<p>。只是去自然使用。

<div>几乎意味着“这是内容的一部分”,而<p>“这是段落”。就我个人而言,我只是使用<div>它,因为它在任何浏览器中都没有内部格式,而<p>具有某些特定于浏览器的格式(边距等),这会使浏览器的外观有所不同(除非您使用CSS'cleaner')。另外,<p>在内部<div>添加了HTML,这使页面稍大一些,因此,每个“搜寻器”“扫掠”一次将更少的页面被搜寻。

担心内容,而不是担心如何编写HTML,以使搜索引擎“喜欢它”。


2

据我所知,这确实很重要,原因很简单:

div是分区的缩写,仅是网站上的一部分/段落,段落专门针对文本。在新闻类文章中,段落的第一句话很重要(至少在荷兰语中如此)。它具有有关该段落内容的重要信息(仔细考虑一下,每当您开始一个新的子主题时,您都会创建一个新的段落,其中第一句话很重要)。

我去过Google课程,那里的“专家”向我们介绍了这一原理,而Google也有同样的窍门(请参阅新段落的第一句话很重要)。记住这一点,如果您使用div或,它的确会有所不同p。它会使您的网页排名提高/降低8吗?否。但细节在于魔鬼。

此外,您还会获得使用Sementic html的积分。在段落中使用P将有助于此原理。


在您的示例中,您错过了第三个,而IMO则是正确的解决方案:

<p class="box1"> A bunch of text right here</p>

您删除div并将该类提供给该段落。如何使用html并不重要。不需要的元素会使页面变慢,从而影响PR。


1

使用p标签很重要!除了其他场合,我已经看到,当页面没有元描述并且Google默认创建一个页面时,它将使用看起来更像文本的元素。

示例:我有一个页面,只有三种语言(三种不同的域),只有一个标题。在Google搜索结果中,元描述是我用于该页面上类别的导航字母,而不是上面的文本!(出于字体样式的目的,字母位于h2标签内)。我将文本包含在p标记内,转到Google Search Console,要求为URL编制索引,下次我查看Google搜索结果时,可以看到文本的前两行(在所有三个域中)。无需添加任何元描述。

PS如果页面损坏,则文本仍显示在ap标签内。否则...混乱。

相信我; 我从错误中学到了东西。


0

从SEO角度来看没有区别。但是,应考虑HTML语义和性能。不必要的HTML标签也会影响性能。


请注意发布答案,并提供与其他答案中已提及的其他信息有关的其他信息。
Zistoloen 2014年

0

从SEO角度来看绝对没有区别。两者都一样!SEO页面功能的方式是,它们将给诸如h1,h2等的标签更高的优先级。“ div”只是用于HTML化目的的块级元素。它对SEO优化没有任何贡献。

从语义的角度来看,重要的是要避免出现可能妨碍浏览器处理DOM的故障。


-3

一般来讲,SEO只给出了标题标签的重要性(<h1><h2><h3><h4><h5><h6>)。因此,无需担心<p><div>标签。


1
我认为您需要重新掌握SEO知识,好像您要丢掉很多(简单)要点:)
Martijn 2014年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.