텍스트에 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에는 특히 text 만 있습니다. 그러나 SEO 목적을 위해 div 안에 p 태그를 사용하거나 div에 직접 텍스트를 사용하는 것이 더 낫습니까?

결과는 같습니다 (시각적으로).

추신 : 나는 일반적인 아이디어가 p가 div보다 seo와 더 관련이 있다는 것을 이해합니다. 그러나이 경우이 페이지의 내 텍스트가 더 잘 보이도록 화면의 다른 컨테이너에 표시됩니다. 더 나은 SEO를 위해 div 내부의 텍스트를 사용해야합니까, div 내부의 텍스트와 div 내부의 p 태그를 사용해야합니까?

답변:


16

두 옵션 사이에 SEO에는 차이가 없습니다. 그건 그렇고, 귀하의 질문은 SEO에 관한 것이 아니라 HTML 의미에 관한 것입니다.

의미 HTML을 존중하고 당신이 생각과는 달리하려면 태그는 텍스트의 단락 표시하는 존재 가 아닌 텍스트를. 그러나 일반적으로 텍스트는 단락을 통해 페이지에 표시됩니다. 그렇기 때문에 HTML 요소 내에서 태그 를 사용할 수 있지만 의미 상 의무는 아닙니다.<p><p><div>

따라서 귀하의 질문에 대한 나의 대답은 SEO에 차이가 없으며 텍스트가 단락으로 잘린 경우 요소 <p>내부 에서만 사용 <div>하십시오.


3
당신의 질문에 답하고 새로운 것을 배웠습니다. 초보자를 도와 주셔서 감사합니다 :)
ClawDuda

2
SEO에는 차이가 없거나 더 신중하게 말하면 p마크 업이 중요한 이유는 알려져 있지 않습니다 . 문제 SEO 관한 것이었다 . 여기서 "의미론 (semantics)"에 대한 의문을 제기 할 이유가 없으며, 이는 매우 안개 낀 주제입니다. 예를 들어, HTML5는 pHTML 4와는 다른 것으로 보일 수있는 자체 아이디어를 가지고 있습니다 (w3schools는이 문제 또는 다른 문제를 논의하기에 최악의 장소입니다).
Jukka K. Korpela

1
더 나은 문서 소스를 사용하십시오.이 경우 w3schools는 정확하지만 링크를 공유해야합니다. 나는 이것을 MDN에서 사용할 것이다 : developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU

1
좋아, 나는 www.w3.org에 대한 링크를 변경했습니다.
Zistoloen

1
w3schools가 잘못되면 링크하지 마십시오. w3schools가 올 바르면 연결하지 마십시오. 이상한 논리입니다.
Matt K

2

먼저, 소금을 <p>많이 넣는 것보다 SEO<div>관련성이 높은 모든 것을 취하겠습니다 . SEO는 실제로 콘텐츠 관련성에만 관심이 있습니다. 텍스트를 a <div>또는 a에 넣는 <p>것은 조정해야 할 것이 아닙니다. 자연스러운 사용법으로 가십시오.

<div>'이것은 내용의 한 부분이다'는 반면 <p>'이것은 단락이다'라는 의미입니다. 개인적으로, 나는 <div>브라우저에 내부 형식이 없으므로 브라우저에 <p>따라 다르게 보일 수있는 브라우저 특정 형식 (여백 등)이 있습니다 (CSS '클리너'를 사용하지 않는 한). 또한 <p>내부 <div>에는 HTML이 추가되어 페이지가 약간 커지므로 크롤러 '스윕'당 한 번에 더 적은 페이지가 크롤링됩니다.

검색 엔진이 '좋아하는'HTML을 작성하는 방법에 대해서는 그다지 중요하지 않습니다.


2

내 지식으로는 매우 간단한 이유 때문에 중요합니다.

div는 단락의 약자이며 웹 사이트의 일부 / 블록입니다. 단락은 텍스트 용으로 설계되었습니다. 뉴스 기사와 같이 단락의 첫 번째 문장이 중요합니다 (적어도 네덜란드어). 여기에는 해당 단락에 대한 중요한 정보가 있습니다 (새 하위 주제를 시작할 때마다 첫 번째 문장이 중요한 새 단락을 작성하십시오).

나는 '전문가'가이 원칙과 Google에 동일한 트릭을 알려주는 Google 과정에갔습니다 (새로운 단락의 첫 문장이 중요합니다 참조). 당신의 뒷면에 그 마음으로 당신이 사용하는 경우, 그것은 다른가요 divp. 페이지 순위를 8 씩 올리거나 내립니까? 아뇨.하지만 악마는 세부 사항에 있습니다.

또한 sementic html 사용에 대한 포인트를 얻습니다. 단락에 P를 사용하면이 원칙에 도움이됩니다.


귀하의 예에서 3 번째를 놓치고 IMO가 적절한 해결책을 제시합니다.

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

div를 제거하고 클래스를 단락에 제공하십시오. HTML을 어떻게 사용하는지 중요합니다. 불필요한 요소는 페이지를 느리게 만들어 PR에 영향을줍니다.


1

p 태그 사용이 중요합니다! 다른 경우를 제외하고는 페이지에 대한 메타 설명이없고 Google이 기본적으로 하나를 만들면 텍스트처럼 보이는 요소를 사용합니다.

예 : 메타 제목 만있는 세 가지 언어 (세 가지 도메인)의 페이지가 있습니다. Google 검색 결과에서 메타 설명은 위의 텍스트가 아니라 해당 페이지의 카테고리에 사용한 탐색 알파벳이었습니다! (알파벳은 글꼴 스타일을 위해 h2 태그 안에있었습니다). p 태그 안에 텍스트를 포함시키고 Google 검색 콘솔로 이동하여 URL 색인을 생성하도록 요청했으며 다음에 Google 검색 결과를 확인할 때 내 텍스트의 첫 두 줄 (세 도메인 모두)을 볼 수있었습니다. 메타 설명을 추가하지 않고.

PS 페이지가 깨진 경우 ap 태그 안에 있으면 텍스트가 계속 표시됩니다. 그렇지 않으면 ... 혼돈.

날 믿어; 나는 나의 실수로부터 배웠다.


0

SEO 관점과 차이가 없습니다. 그러나 HTML 의미 및 성능을 고려해야합니다. 불필요한 HTML 태그도 성능에 영향을줍니다.


다른 답변에서 이미 언급 한 것과 관련하여 추가 정보가 포함 된 답변을 게시하는 데주의하십시오.
Zistoloen

0

SEO 관점과 전혀 차이가 없습니다. 둘 다 동일합니다! SEO 페이지가 작동하는 방식은 h1, h2 등 태그에 우선 순위를 부여하는 것입니다. 'div'는 HTMLization 목적으로 사용되는 블록 레벨 요소입니다. SEO 최적화에 기여하지 않습니다.

의미 론적 관점에서 브라우저에 의한 DOM 처리를 방해 할 수있는 결함을 피하는 것이 중요합니다.


-3

일반적으로, SEO는 헤더 태그에 대한 중요성을 준다 ( <h1>, <h2>, <h3>, <h4>, <h5><h6>). 그래서 더 걱정 할 필요가 없습니다 <p><div>태그입니다.


1
난 당신이 지식을 검색 엔진 최적화 브러시 필요가 있다고 생각, 당신처럼 보인다는 (쉬운) 점 : 많은 멀리 던지고있다
마티
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.