HTML 테이블이 SEO에 나쁜가요?


26

많은 디자이너들이 테이블 사용을 권장하지 않지만 더 많은 div 구조를 사용하여 테이블로 단순화 된 것을 달성 할 수있는 레이아웃이 있습니다.

테이블이 검색 엔진에 좋지 않습니까?

편집 : HTML을 깨끗하게 유지하기 위해 테이블에 CSS를 사용합니다.


테이블에 대한 대안을 제안 할 수 있도록 필요를 설명 할 수 있습니까 ( 필요한 경우 ).
Gabriele Petrioli

2
이 흥미로운 것을 찾을 수 있습니다 .

1
그럼에도 불구하고 동일한 snob은 페이지 메뉴의 목록을 잘못 사용하는 것을 매우 기쁘게 생각합니다! 테이블은 내용이 아닌 레이아웃과 관련이 있습니다. 스프레드 시트 태그가 아닙니다. CSS로는 불가능하지만 테이블에서는 가능한 동적 레이아웃이 많이 있습니다. 많은 사람들이 고정 너비 페이지를 갖는 바로 가기를 사용하지만 액세스 가능성이 훨씬 나쁩니다. 예, 내용을 레이아웃에서 분리해야하지만 이것이 무릎 저크 반응에서 테이블을 배제하는 이유는 아닙니다. 적절한 곳에서 사용하는 것이 완벽합니다.
JamesRyan

답변:


15

SEO에 관한 한, 검색 엔진은 신경 쓰지 않습니다. 그러나 아이디어는 디자인을 내용과 분리하는 것입니다. 테이블은 테이블 형식 데이터, 레이아웃 div에는 엄격하게 사용해야합니다. 디자인 목적으로 테이블을 사용하면 마크 업과 레이아웃 요소가 혼합되며 이는 나쁜 습관으로 간주됩니다.


7

HTML 테이블이 좋습니다 :

  • 표와 같은 날짜 표시

HTML 테이블로 표시되는 비표 형식 데이터는 다음에 좋지 않습니다.

  • 스크린 리더를 사용해야하기 때문에 물리적으로 어려움을 겪는 사람들 (중첩 된 테이블에서는 잘 작동하지 않음)
  • 검색 엔진은 사람을 위해 만들어진 사이트를 선호하며 액세스 가능한 사이트는 그 중 하나입니다

검색 엔진으로 사이트를 보려면 ELinks 또는 lynx 와 같은 텍스트 브라우저 를 사용하여 사이트를 방문하십시오 .


2
물론 스크린 리더는 검색 엔진 봇과 비슷한 각도로 웹 페이지에 접근합니다.

2

전에도 말한 적이 있는데 다시 말씀 드리겠습니다.

Tabular data- 테이블 사용

Layout- 다이브 사용

더 많은 div 구조를 사용하여 테이블로 간단한 것을 달성 할 수있는 레이아웃이 있습니다.

모서리를 자르거나 작업을 더 쉽게 완료 하려는 것처럼 들립니다 . 어쨌든 테이블을 사용하는 것이 중요 할 수있는 몇 가지 예외가 있지만 디자인이 어떻게 보이는지 보지 못한다고 말할 수는 없습니다.


2
질문에 대답하지 않은 경우 -1입니다.

죄송합니다. 레이아웃을 의미하지 않았습니다. 항목입니다. 나는 표 형식 데이터를 추측

1
-1 질문에 대답하지 않음-질문은 웹 사이트의 최적 디자인 또는 모범 사례에 대해 이야기하지 않습니다. "SEO에 영향을 미칩니 까?"

2

<table>s 대 <div>s는 SEO 결과에 거의 영향을 미치지 않습니다. 그러나으로 제목과 키워드를 넣어하면 <h1>, <h2>, <h3>, 등 태그 도움이 될 것입니다.


2

Google은 코드의 모양에 순위를 매기 지 않습니다. 그들은 당신의 방문자가 그것에 잘 반응하는 것만 걱정합니다.

사이트가 사용자를 위해 작동하는 한 마크 업을 구성하는 방법에 대한 Google의 처벌은 없습니다.

반면에, 사용자가 귀하의 사이트가 마음에 들지 않거나 사이트가 작동하지 않으면 사이트를 떠나게됩니다. 사용자가 사이트를 방문한 후 결과 페이지로 돌아와서 경쟁 업체를 클릭하면 Google에서 알려줍니다. 그렇게되면 순위가 떨어집니다


1

검색 엔진은 테이블 및 / 또는 CSS와 관련하여 기본 설정이 없으며 동일한 페이지에서 문제없이 사용할 수 있습니다.

실제로 푸시하고 싶다면 페이지 로딩 시간을 염두에 두어야한다고 생각합니다. 애드워즈 품질 평가 점수의 알려진 요소이며 Google이 SERP에서 사용자 행동을 확인한 증거가 있기 때문에 이탈률이 높은 경우 (고객이 페이지로드 시간에 초조 한 경우) 순위. div와 CSS는 테이블보다 빠르게로드됩니다.


1

좋아, 여기 거래가있다.

테이블은 레이아웃이 아니라 테이블 형식 데이터를위한 것입니다. 시각 장애인이 사용하는 구형 휴대 전화와 텍스트 기반 브라우저 모두에서 접근성을 문제로 삼고 있습니다.

이제 Google의 알고리즘이 가장 확실하게 고려합니다. 구체적인 알고리즘을 모르지만 누군가 휴대 전화를 사용하는 경우 Google이 휴대 전화에 더 적합한 결과를 제공한다고 생각합니다. 따라서 사용하면 많은 잠재 방문자를 잃을 수 있습니다 레이아웃을위한 테이블.

레이아웃에 따라 검색 엔진이 어떤 텍스트와 단락이 관련되어 있는지 판단하기 어려울 수도 있습니다. 이것은 당신의 순위에 좋지 않을 수 있지만, 너무 많지는 않을 것입니다. 그러나 CSS 레이아웃을 사용하면 페이지의 주요 내용이 맨 위에 오게하는 것이 쉬워 항상 도움이됩니다.

셋째, 레이아웃에 표를 사용하면로드 된 사이트의 모든 페이지에 대해 많은 HTML 마크 업이 복제됩니다. 이 중복은 페이지로드 시간에 약간의 영향을 미치더라도 페이지로드 시간에 영향을 주지만 Google은 다른 엔진 중에서도로드 시간을 사이트 순위를 결정하는 지표 중 하나로 사용하는 것으로 알려져 있습니다.

전체적으로, 나는 주요 검색 엔진 순위의 차이가 그렇게 크지 않다고 생각합니다. 확실한 장점은 사용에있다 div레이아웃의 CSS하지만,에서 언급 한 바와 같이 이 게시물 하고있다 않는 한 따라서, 행동의 추천 과정이어야한다 진짜로 (거의 없음) 테이블 경로를가는 좋은 이유는.


대답이 아닌 추측처럼 들립니다.
Danubian Sailor

1

예, 테이블 디자인은 SEO에 좋지 않습니다.

SEO 최적화를 위해해야 ​​할 가장 좋은 일은 봇이 귀하의 사이트를 장님으로 읽는 것입니다.

따라서 테이블 디자인을 사용하면 컨텐츠를 올바르게 선형화 할 수 없으며 맨 위에 무엇이 있고 무엇이 아닌지 알 수 없습니다.

사이트가 준수 할 것을 시도 섹션 508 (볼 이 글 과에 대한 유효성 검사기에 대한) WCAG 로부터 WAI ( 여기 걸릴 모양 검증을)와 같은 도구를 사용하여 그것을 읽으려고 살쾡이 으로 (또는 선형화 후 웹 개발자 예를 들어 Firefox의 툴바 ).

(x) HTML 의 문법 ( <p>문단, <table>표 형식의 내용은 ...)을 더 많이 존중 할수록 접근성과 SEO가 향상됩니다.

따라서 <table>디자인이 아닌 표 형식 데이터에 사용 하고 syles 등이 <h1>아닌 첫 번째 제목 제목으로 <span>사용하고 <h3>텍스트를 더 대담하게하고 더 크게 만들기 위해 일부를 사용하지 말고 첫 번째와 두 번째 제목을 넣으십시오. <h2>웹 페이지가 아닌 문서 구조에서 이전 섹션 의 하위 섹션을 만들어야합니다 .

쉽게하기 위해 중요한 것은 문서 흐름 을 알고 사용하는 것 입니다.


1
이것이 어떻게 질문에 대답하는지 모르겠습니다. OP는 SEO 영향에 대해 물었으므로 두 번째 문장 이하의 모든 내용은 소리가 들리지 않으며 첫 번째 두 문장은 너무 적습니다.
Danubian Sailor

나는 문제에 대해 이야기 할 때 해결책을 제시하는 것이 당신이하는 것처럼 부정적이고 적극적으로 이야기하는 훨씬 더 좋은 방법이라고 배웠다. 그래서 내가 제공 한 솔루션을 통해 테이블이 SEO에 어떻게 그리고 왜 나쁜지 쉽게 알 수 있다고 생각합니다. IMHO, 아니, 그것은 소음이 아닙니다 (소음 = 소음?), 그것은 내 요점을 증명하고 같은 경우 문제에 대한 해결책을 제공하는 방법입니다.
파스칼 Qyy

0

HTML 테이블은 양식과 같은 테이블 형식 데이터로 자연스럽게 흐르는 테이블 형식 데이터 및 데이터 집합 (입력 및 출력)에 사용해야합니다. 레이아웃에만 사용하는 것은 바람직하지 않습니다.

SEO와 Google에 관해서는 Google이 위와 동일한 논리를 적용한다고 생각합니다. 어떤 경우에도 제목과 단락을 사용하는 적절한 구조보다는 텍스트 구조를 텍스트 구조에 깊게 중첩시키는 것이 좋습니다.


0

SEO는 페이지 (콘텐츠, 품질, 최신 정보, 유틸리티) 및 HTML 요소에 포함 된 방식과 관련이 있습니다.

랩핑 / 작성 HTML은 컨텐츠에 적합한 태그를 선택합니다. 예를 들어, 하나의 h1 요소 내에 모든 텍스트를 줄 바꿈하는 것은 의미가 없으며 필드 또는 제출 버튼이없는 양식에 텍스트를 넣습니다.

다시 말하지만 표 데이터에는 테이블을 사용하십시오. 이러한 맥락에서 그들은 의미가 있습니다. 다른 상황에서는 (레이아웃 만 만드는 것과 같은) 그렇지 않습니다.

콘텐츠의 색인이 제대로 작성되지 않아 이러한 유형의 오용은 SEO에 좋지 않습니다. 향상되고 깨끗하며 바로 포인트 마크 업을 통해 더 나은 페이지 순위를 얻을 수 있습니다.


0

HTML 테이블은 SEO에 적합합니다.

나는 수년간 DIV를 사용했습니다. 그런 다음 실험으로 웹 사이트 중 하나의 테이블을 레이아웃으로 사용하기로 결정했습니다. 키워드 순위가 올라갔습니다. 테이블을 사용하기 위해 웹 사이트를 하나씩 다시 작성했습니다. 모든 경우에 SEO가 도움이되었습니다.

웹 스놉과 "SEO를 향상시키는 10 가지 주요 방법"기사가 말한 내용에도 불구하고 자신의 테스트를 수행하지 않고서도 최고의 SEO 사례를 발견 할 수는 없습니다.

태그가 무엇을 의미하는지 상관하지 않고 결과에 관심이 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.