Các bảng HTML có hại cho SEO không?


26

Rất nhiều nhà thiết kế không khuyến khích việc sử dụng bảng nhưng tôi có bố cục trong đó tôi sẽ sử dụng nhiều cấu trúc div hơn để đạt được điều gì đó đơn giản với bảng ..

Là bảng xấu cho công cụ tìm kiếm?

chỉnh sửa: Tôi sẽ sử dụng CSS cho bảng để giữ HTML sạch.


Bạn có thể mô tả nhu cầu của bạn để chúng tôi có thể đề xuất các lựa chọn thay thế cho các bảng ( nếu cần ).
Gabriele Petrioli

2
Bạn có thể thấy điều này thú vị .

1
và những kẻ hợm hĩnh tương tự cũng rất vui khi sử dụng sai danh sách cho các menu trang! Các bảng theo định nghĩa để làm với bố cục, không phải nội dung. Nó không phải là một thẻ bảng tính. Có nhiều bố cục động không thể thực hiện với css nhưng có thể với bảng. Rất nhiều người sử dụng phím tắt để có một trang có chiều rộng cố định nhưng điều này còn tệ hơn nhiều đối với khả năng truy cập. Có nội dung nên được tách biệt khỏi bố cục nhưng đây không phải là lý do để loại trừ các bảng trong phản ứng giật đầu gối. Sử dụng chúng ở nơi thích hợp là hoàn toàn chấp nhận được.
JamesRyan

Câu trả lời:


15

Đối với SEO, công cụ tìm kiếm không quan tâm. Tuy nhiên, ý tưởng là tách thiết kế khỏi nội dung. Các bảng nên được sử dụng nghiêm ngặt cho dữ liệu dạng bảng, div để bố trí. Sử dụng bảng cho mục đích thiết kế trộn lẫn đánh dấu của bạn với các yếu tố bố cục, được coi là thực tiễn xấu.


7

Bảng HTML là tốt:

  • hiển thị ngày giống như bảng

Dữ liệu không phải bảng được trình bày dưới dạng bảng HTML có hại cho:

  • những người thách thức về thể chất vì họ phải sử dụng trình đọc màn hình (không hoạt động tốt với các bảng lồng nhau)
  • công cụ tìm kiếm thích các trang web được tạo cho mọi người và các trang web có thể truy cập là một trong số đó

Để xem trang web của bạn khi các công cụ tìm kiếm cố gắng truy cập nó bằng trình duyệt văn bản như ELinks hoặc lynx .


2
Tất nhiên lưu ý rằng trình đọc màn hình tiếp cận trang web từ một góc rất giống với trình duyệt của bot công cụ tìm kiếm.

2

Điều đó đã được nói trước đây và tôi sẽ nói lại lần nữa.

Tabular data- Sử dụng bảng

Layout- Sử dụng Div

Tôi có một bố cục trong đó tôi sẽ sử dụng nhiều cấu trúc div hơn để đạt được điều gì đó đơn giản với một bảng ..

Âm thanh như bạn đang cố gắng cắt góc hoặc giúp bạn hoàn thành công việc dễ dàng hơn . Trong mọi trường hợp, có một vài trường hợp ngoại lệ trong đó việc sử dụng bảng có thể rất quan trọng nhưng không xem thiết kế trông như thế nào, tôi không thể nói.


2
-1 vì không trả lời câu hỏi.

xin lỗi, tôi không có ý bố trí Đó là cho các mục. Tôi đoán dữ liệu dạng bảng

1
-1 vì không trả lời câu hỏi - câu hỏi không nói về thiết kế tối ưu của trang web, hoặc thậm chí là các thực tiễn tốt. Nó hoàn toàn tập trung vào "Nó có ảnh hưởng đến SEO?"

2

<table>s so với <div>s sẽ có ít hoặc không ảnh hưởng đến kết quả SEO của bạn. Tuy nhiên, đặt tiêu đề và từ khóa vào bạn <h1>, <h2>, <h3>, vv .. thẻ sẽ giúp.


2

Google không quan tâm đến mục đích xếp hạng mã của bạn trông như thế nào. Họ chỉ quan tâm rằng khách truy cập của bạn phản ứng tốt với nó.

Miễn là trang web của bạn hoạt động cho người dùng của bạn, sẽ không có hình phạt nào từ Google về cách bạn cấu trúc đánh dấu của mình.

Mặt khác, khi người dùng thấy trang web của bạn không hấp dẫn hoặc khi nó không hoạt động, họ sẽ rời đi. Google sẽ thông báo khi người dùng quay lại trang kết quả sau khi truy cập trang web của bạn và nhấp vào đối thủ cạnh tranh của bạn. Thứ hạng của bạn giảm khi điều đó xảy ra


1

Các công cụ tìm kiếm không có ưu tiên khi nói đến bảng và / hoặc CSS và thậm chí bạn có thể sử dụng cả hai trên cùng một trang mà không gặp sự cố.

Nếu bạn thực sự muốn đẩy nó, tôi cho rằng thời gian tải trang là điều cần lưu ý. Đây là một yếu tố được biết đến trong Điểm chất lượng của AdWords và chắc chắn có bằng chứng về việc Google kiểm tra hành vi của người dùng trong SERPs, vì vậy nếu họ thấy tỷ lệ bỏ qua cao (khách hàng không kiên nhẫn với thời gian tải trang), bạn có thể mất đi bảng xếp hạng. Divs và CSS tải nhanh hơn bảng.


1

Ok, đây là thỏa thuận.

Phải nói rằng, các bảng có nghĩa là cho dữ liệu dạng bảng, không phải bố cục. Bạn đang làm cho khả năng truy cập trở thành một vấn đề trên cả điện thoại di động cũ và các trình duyệt dựa trên văn bản được sử dụng bởi người khiếm thị.

Bây giờ, thuật toán của Google chắc chắn sẽ tính đến điều đó. Tôi không biết thuật toán cụ thể, nhưng tôi đoán rằng khi ai đó sử dụng điện thoại di động, Google sẽ đưa ra kết quả phù hợp với điện thoại di động - vì vậy bạn có thể mất rất nhiều khách truy cập tiềm năng nếu bạn sử dụng một bảng để bố trí.

Tùy thuộc vào bố cục của bạn, bạn cũng có thể gây khó khăn cho công cụ tìm kiếm để xác định văn bản và đoạn nào có liên quan đến văn bản nào. Điều này có thể xấu cho thứ hạng của bạn, nhưng có lẽ không quá nhiều. Tuy nhiên, với bố cục CSS, dễ dàng hơn để đảm bảo rằng nội dung chính của trang của bạn ở gần đầu trang, điều này luôn giúp ích.

Thứ ba, sử dụng các bảng để bố trí sao chép rất nhiều đánh dấu HTML cho mỗi trang trong trang web của bạn được tải. Sự trùng lặp này sẽ ảnh hưởng đến thời gian tải trang của bạn, ngay cả khi chỉ là một chút, nhưng Google, trong số các công cụ khác, được biết là sử dụng thời gian tải như một trong những số liệu của họ trong việc xác định thứ hạng trang web.

Nói chung, tôi không nghĩ rằng sự khác biệt trong xếp hạng công cụ tìm kiếm chính sẽ là tuyệt vời. Tuy nhiên, có những lợi thế nhất định khi sử dụng divCSS để bố trí, như đã lưu ý trong bài viết này , và do đó nó nên là hướng hành động được đề xuất, trừ khi có một lý do thực sự tốt để đi theo lộ trình bảng (mà hiếm khi có).


Âm thanh như một suy đoán cho tôi, không phải là một câu trả lời.
Thủy thủ Danubian

1

Có, thiết kế bảng rất tệ cho SEO

Điều tốt nhất để làm cho tối ưu hóa SEO là cân nhắc rằng một bot đọc trang web của bạn như một người mù.

Vì vậy, khi bạn sử dụng thiết kế bảng, không thể tuyến tính hóa chính xác nội dung của bạn và không thể biết cái gì ở trên cùng và cái gì không.

Hãy thử thực hiện một trang web phù hợp với phần 508 (xem bài viết này về trình xác nhận cho nó) và WCAG từ WAI ( xem tại đây để xác thực) và thử đọc nó bằng công cụ như Lynx hoặc sau khi tuyến tính hóa (với Nhà phát triển web Thanh công cụ của Firefox bằng ví dụ).

Bạn càng tôn trọng ngữ pháp ( <p>dành cho đoạn văn, <table>đối với nội dung dạng bảng ...), của (x) HTML, nó càng cải thiện khả năng truy cập VÀ SEO của nó.

Vì vậy, sử dụng <table>cho dữ liệu dạng bảng, không phải cho thiết kế, sử dụng <h1>làm tiêu đề đầu tiên không phải là <span>với syles, v.v. và không sử dụng một số <h3>chỉ để làm cho văn bản của bạn đậm hơn và lớn hơn, nhưng vì bạn đặt tiêu đề đầu tiên và thứ hai tiêu đề và bạn cần tạo một phần phụ của phần trước <h2>trong cấu trúc tài liệu của bạn (không phải trang web của bạn).

Một điều quan trọng để làm điều đó dễ dàng là biết và sử dụng luồng tài liệu .


1
Tôi không thấy cách này trả lời câu hỏi. OP đã hỏi về tác động của SEO, vì vậy mọi thứ bên dưới câu thứ hai là một tiếng ồn và 2 câu đầu quá ít để trả lời.
Thủy thủ Danubian

Tôi đã được dạy rằng cung cấp một giải pháp khi nói về một vấn đề là một cách tốt hơn nhiều để nói chuyện tiêu cực và tích cực như bạn làm. Vì vậy, thông qua giải pháp tôi cung cấp, tôi nghĩ rằng sẽ dễ dàng hơn để xem cách thức và lý do tại sao các bảng có hại cho SEO. IMHO, không, đó không phải là tiếng ồn (noice = noise?), Đó là một cách để chứng minh quan điểm của tôi và cung cấp giải pháp cho một vấn đề trong cùng một dịp.
Pascal Qyy

0

Các bảng HTML nên được sử dụng cho dữ liệu dạng bảng và tập dữ liệu (đầu vào cũng như đầu ra) chảy tự nhiên dưới dạng dữ liệu dạng bảng như biểu mẫu. Chỉ sử dụng chúng để bố trí là không thể.

Đối với SEO và Google, tôi tin rằng Google áp dụng logic tương tự như trên, trong mọi trường hợp lồng thông tin văn bản vào sâu trong cấu trúc như vậy, thay vì với cấu trúc phù hợp sử dụng các tiêu đề và đoạn văn hoạt động tốt hơn.


0

SEO trên trang có liên quan đến nội dung (chất lượng, độ mới, tiện ích) và cách nó được gói gọn trong các yếu tố HTML.

Gói / soạn HTML là chọn đúng thẻ cho nội dung. Chẳng có nghĩa gì, chẳng hạn, bao bọc tất cả văn bản trong một phần tử h1, bạn chỉ đặt văn bản vào một biểu mẫu không có trường cũng không có nút gửi.

Điều đó nói rằng, tôi sẽ lặp lại: sử dụng bảng cho dữ liệu dạng bảng. Trong bối cảnh này, họ có ý nghĩa. Trong các bối cảnh khác (như chỉ để bố trí), chúng không.

Loại lạm dụng này rất tệ cho SEO vì nội dung không được lập chỉ mục đúng - bạn có thể đạt được thứ hạng trên trang tốt hơn thông qua đánh dấu nâng cao, rõ ràng và đi thẳng vào điểm đánh dấu.


0

Bảng HTML rất tốt cho SEO.

Tôi đã sử dụng DIV trong nhiều năm. Sau đó, như một thử nghiệm, tôi quyết định sử dụng các bảng trên một trong các trang web của mình để bố trí. Thứ hạng từ khóa của tôi tăng vọt. Tôi làm lại từng trang web của mình để sử dụng bảng. Trong mọi trường hợp SEO được hưởng lợi.

Bất chấp những gì web hợm hĩnh và các bài viết "Mười cách hàng đầu để cải thiện SEO của bạn" nói, bạn sẽ không bao giờ khám phá các thực tiễn SEO tốt nhất mà không thực hiện các bài kiểm tra của riêng bạn.

Tôi thực sự không quan tâm thẻ có nghĩa là gì, tôi quan tâm đến kết quả.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.