Cách tốt nhất để cấu trúc tài liệu HTML cho SEO và khả năng truy cập là gì?

Question

Cách được khuyến nghị để cấu trúc html bao gồm điều hướng để nó vẫn SEO'able và có thể truy cập.

Ví dụ, cấu trúc nên được nhiều như thế của một tài liệu:

1. Skip to content (liên kết, ẩn bởi CSS)
2. Navigation
3. Content
4. nội dung khác (tay phải panes vv)

hoặc:

1. Skip to navigation (liên kết, ẩn bởi CSS)
2. Content
3. Navigation
4. nội dung khác (panes tay phải vv)

Rõ ràng CSS được sử dụng để kiểm soát việc bố trí, nhưng chương trình và trình đọc màn hình bỏ qua CSS.

Answer 1

Tôi đã được yêu cầu di chuyển điều hướng sau nội dung của khách hàng trước đây, nhưng tôi không nghĩ rằng điều đó đã giúp ích cho họ nhiều. Tôi thường làm theo cấu trúc đầu tiên bạn đề cập ở trên.

Một số lời khuyên ngẫu nhiên:

• Giữ tuân thủ tiêu chuẩn đánh dấu của bạn, hợp lệ và đơn giản.
• Đừng nhồi nhét từ khóa hoặc bất kỳ thứ gì.
• Đối xử với các tiêu đề như chúng cần được xử lý. Đảm bảo chỉ có 1 thẻ h1. Sử dụng tiêu đề một cách tiết kiệm trên trang (Google - trong bản PDF tải xuống).
• Sử dụng thuộc tính tiêu đề trên neo và thuộc tính alt trên hình ảnh (nhưng chỉ khi hình ảnh cần văn bản tương đương với một số người dùng).
• Sử dụng rel = "nofollow" để chuyển hướng PR tới các trang bạn thực sự muốn họ truy cập.
• Giữ nội dung duy nhất cho mỗi trang.
• Sử dụng các công cụ quản trị trang web của Google và các công cụ của MSN và Yahoo !.
• Xây dựng, gửi và duy trì các tệp sitemap.xml.

Answer 2

Bất kỳ trang nào không có nội dung được lưu trữ trong Flash hoặc tương tự đều có thể thực hiện được SEO. Trình thu thập dữ liệu web có xu hướng loại bỏ mọi thứ và đọc trang dưới dạng luồng văn bản. Một số chú ý đến từ khóa của bạn, việc sử dụng chúng trong văn bản nội dung, H1 & Thẻ H2, tiêu đề trang và thậm chí cả tên miền nhưng tôi không nghĩ rằng chúng bị ảnh hưởng bởi thứ tự cấu trúc trang.

Answer 3

Điều tốt nhất bạn có thể làm là di chuyển nội dung của bạn càng gần đầu trang càng tốt. Tôi sẽ đề nghị cấu trúc này:

1. Bỏ qua liên kết
2. Content
3. Nội dung khác (panes bên tay phải và như vậy)
4. Navigation

Answer 4

Giảm mọi thứ khác khác thì nội dung là tối thiểu nhất có thể.

Điều hướng rất ngắn, thêm liên kết đến trang điều hướng đầy đủ/hoặc/tải nó bằng AJAX.

Không có "Nội dung khác". Nếu bạn đặt bất kỳ thứ gì trên trang, chúng phải có liên quan. Ngoài ra, chúng nên được sắp xếp theo quan hệ của chúng.

Answer 5

Thường được coi là "tốt nhất" để giúp nội dung của bạn ở gần đầu trang nhất có thể. Vì vậy, về mặt kỹ thuật, ví dụ thứ hai của bạn là tốt nhất. Liên kết bỏ qua đến nội dung là một liên lạc tốt đẹp cho người đọc màn hình, và trạng thái của CSS bố trí là những gì họ đang có, không ai sẽ begrudge bạn đặt một số chuyển hướng đơn giản ở đầu tài liệu của bạn. Tôi chắc chắn không nghĩ rằng nó sẽ làm tổn thương Google PageRank của bạn.

Answer 6

Là người dùng trình đọc màn hình, tôi không quan tâm đến vị trí điều hướng trên trang. Điều giúp ích nhiều nhất là có nội dung được liệt kê theo tiêu đề, ví dụ câu hỏi này ở mức h2 và câu trả lời bắt đầu ở cấp độ h2 tiếp theo. Trình đọc màn hình cung cấp các phím cho phép bạn bỏ qua theo tiêu đề vì vậy tôi thấy rằng điều hướng tiêu đề nhanh hơn sau đó tìm liên kết điều hướng bỏ qua và nhấn enter trên đó.