Use a tag p dentro de uma tag div para o texto?

11

O que é melhor em termos de SEO?

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

ou

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

O box1 div tem muitos css aplicados, portanto, para fazer com que o texto se pareça com / onde eu quero, vou envolvê-lo nessa div. essa div, em particular, possui apenas texto. Mas, para fins de SEO, é melhor usar a tag p dentro da div ou simplesmente usar o texto diretamente na div?

O resultado é o mesmo (visualmente).

PS: entendo que a idéia geral é que p é mais relevante para seo do que div (ou pelo menos foi o que ouvi. Por favor, corrija-me se estiver errado aqui). Mas, neste caso, meu texto nesta página será mostrado em diferentes recipientes na tela para uma melhor visualização. devo usar o texto dentro da div ou devo usar o texto dentro da tag p e a tag p dentro da div para melhorar o SEO?

ClawDuda
fonte

Respostas:

16

Entre duas opções, não há diferença para o SEO. A propósito, sua pergunta não é sobre SEO, mas sobre semântica em HTML.

Para respeitar a semântica HTML e, ao contrário do que você pensa, a <p>tag existe para exibir parágrafos de texto , não texto. Mas, em geral, os textos são exibidos em uma página através de parágrafos. É por isso que você pode usar a <p>tag dentro de um <div>elemento HTML, mas semanticamente, não é uma obrigação.

Portanto, minha resposta para sua pergunta é: não há diferença para o SEO, basta usar <p>dentro de um <div>elemento se o seu texto for cortado em parágrafos.

Zistoloen
fonte
3
Você respondeu minha pergunta e também aprendi algo novo. Obrigado por ajudar um novato :)
ClawDuda
2
Não há diferença para o SEO ou, para ser mais cauteloso, não há motivo conhecido para que a pmarcação seja importante. A pergunta era sobre SEO. Não há razão para levantar a questão sobre "semântica" aqui, e seria um tópico muito nebuloso; por exemplo, o HTML5 tem suas próprias idéias p, o que pode ser visto como bastante diferente do HTML 4 (e o w3schools é o pior lugar para se consultar nesse assunto ou em outros).
Jukka K. Korpela 31/03
1
Por favor, use uma fonte melhor para a documentação: embora o w3schools esteja correto nesse caso, eu gostaria de compartilhar seus links. Eu usaria isso, do MDN: developer.mozilla.org/pt-BR/docs/Web/HTML/Element/p
STT LCU
1
Ok pessoal, mudei o link para www.w3.org.
Zistoloen 31/03
1
Quando o w3schools errar, não vincule a eles. Quando o w3schools acertar, não vincule a eles. Que lógica estranha.
Matt K
2

Primeiro, eu consideraria tudo isso <p>mais relevante para o SEO do que<div> com um grande grão de sal. O SEO realmente se importa apenas com a relevância do conteúdo. Colocar texto em um <div>ou em um <p>não é algo que você deveria ajustar. Basta ir ao que é o uso natural.

<div>praticamente significa 'esta é uma seção do conteúdo' enquanto <p>é 'este é um parágrafo'. Pessoalmente, eu apenas o uso, <div>pois ele não possui formatação interna em nenhum navegador, enquanto <p>possui alguma formatação específica do navegador (margens etc.) que pode fazer com que as coisas pareçam diferentes dependendo do navegador (a menos que você use um 'limpador' CSS). Além disso, o <p>Inside <div>adiciona HTML, o que torna as páginas um pouco maiores e, portanto, menos páginas seriam rastreadas ao mesmo tempo por 'varredura' do rastreador.

Preocupe-se com o conteúdo, não muito sobre como escrever o HTML para que os mecanismos de pesquisa 'gostem'.

Rodolfo
fonte
2

Que eu saiba, isso importa, por uma razão muito simples:

Uma div é uma abreviação de divisão, apenas uma parte / bloco no seu site, onde o parágrafo é projetado para texto. Em algo como uma notícia, a primeira frase de um parágrafo é importante (pelo menos no idioma holandês). Ele possui informações vitais sobre o que é esse parágrafo (pense nisso, toda vez que você inicia um novo sub-assunto, cria um novo parágrafo onde a primeira frase é importante).

Estive em um curso do Google, onde o 'especialista' nos falou sobre esse princípio e o Google sobre o mesmo truque (veja, a primeira frase do novo parágrafo é importante). Com isso no fundo de sua mente, é diferente se você usa um divou p. Aumentará / diminuirá seu pagerank em 8? Não. Mas o diabo está nos detalhes.

Além disso, você ganha pontos por usar o html sementic. Usar P's para parágrafos ajudaria esse princípio.


No seu exemplo, você perde a 3ª e a IMO a solução adequada:

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

Você remove a div e atribui a classe ao parágrafo. Não importa como você usa seu html. Elementos desnecessários tornarão a página mais lenta (er), o que afeta o PR.

Martijn
fonte
1

O uso da tag p é importante! Além de outras ocasiões, vi que quando não há uma meta descrição para a página e o Google cria uma por padrão, ele usa qualquer elemento que se pareça mais com um texto.

Exemplo: eu tinha uma página, em três idiomas (três domínios diferentes), com apenas um meta título. Nos resultados de pesquisa do Google, a meta descrição foi o alfabeto de navegação que eu estava usando para as categorias nessa página, não o texto acima! (o alfabeto estava dentro da tag h2 para fins de estilo da fonte). Incluí o texto dentro da tag p, fui ao Google Search Console, solicitei a indexação dos URLs e, na próxima vez em que verifiquei os resultados de pesquisa do Google, pude ver as duas primeiras linhas do meu texto (nos três domínios). Sem adicionar meta descrições.

PS No caso de uma página quebrada, o texto ainda será mostrado se estiver dentro de uma tag. Caso contrário ... caos.

Confie em mim; Eu aprendi com meus erros.

Leonidas Lainis
fonte
0

Não há diferença da perspectiva de SEO. No entanto, a semântica e o desempenho do HTML devem ser levados em consideração. Tags HTML desnecessárias também afetam o desempenho.

Sachin Dhir
fonte
Preste atenção ao postar uma resposta com informações adicionais em relação às já mencionadas em outras respostas.
Zistoloen 03/04
0

Absolutamente nenhuma diferença da perspectiva de SEO. Ambos são iguais! A maneira como as páginas de SEO funcionam é que elas darão mais prioridade a tags como h1, h2 ..etc. 'div's são apenas elementos de nível de bloco usados ​​para a finalidade de HTMLisation. Não oferece nenhuma contribuição para a otimização de SEO.

Do ponto de vista da semântica, é importante evitar essas falhas que podem dificultar o processamento do DOM pelo navegador

Ritumoni Sharma
fonte
-3

Geralmente, SEO dá importância apenas para tags de cabeçalho ( <h1>, <h2>, <h3>, <h4>, <h5>e <h6>). Portanto, não precisa se preocupar com <p>e <div>tags.

Nathan
fonte
1
Eu acho que você precisa retocar você SEO conhecimento, parece que você está jogando fora um monte de (fácil) pontos :)
Martijn