Tôi luôn vấp phải câu hỏi này (câu hỏi khá đơn giản) khi tạo blog Wordpress chẳng hạn. Tôi có nên đặt dòng tiêu đề, cũng phải là một liên kết, trong một <a>phần tử neo , hay nó phải theo cách khác. Và tại sao?
(1) :
<a href="foo">
<h1>bar</h1>
</a>
(2) :
<h1>
<a href="foo">bar</a>
</h1>
Tôi luôn kết thúc (1) , vì nó có vẻ hợp lý hơn đối với tôi, rằng dòng tiêu đề được bao bọc trong một liên kết.
Nó có tạo ra sự khác biệt nào trong SEO không? Nó sẽ phản ánh thứ hạng SEO?
Câu trả lời:
Trước HTML5:
Ký tự liên kết phải nằm bên trong tiêu đề, bạn không thể đặt một phần tử cấp khối bên trong một ký tự liên kết và hầu hết các trình duyệt sẽ không hiển thị nó một cách đáng tin cậy 100% nếu bạn làm như vậy.
Trong HTML5:
Không quan trọng, hãy sử dụng cái nào có ý nghĩa nhất về mặt ngữ nghĩa. Có thể là người đầu tiên.
Hãy nhớ rằng nếu tài liệu của bạn đang sử dụng HTML4 DTD, nó sẽ không xác thực và có thể không hiển thị chính xác vì nó đang sử dụng các quy tắc cũ trong đó một liên kết không được chứa phần tử cấp khối. Chỉ sử dụng tùy chọn đầu tiên trong HTML5. XHTML tương đương với HTML4, tôi không chắc 100% về XHTML1.1 (hãy thử và xem nó có xác thực không).
Nếu bạn đang sử dụng HTML 4.01 DTD (Không chắc chắn về quá trình chuyển tiếp, nhưng chắc chắn là nghiêm ngặt), thì phần tử neo phải xuất hiện bên trong phần tử tiêu đề. Kiểm tra loại tài liệu của bạn nếu bạn không biết mình đang sử dụng loại DTD nào (giả sử bạn có loại tài liệu này, bạn cần mã này để mã của bạn được coi là hợp lệ). Loại tài liệu HTML5 trông giống như sau:
<!DOCTYPE HTML>
Loại tài liệu 4.01 là:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Tôi cũng khuyên bạn nên tự làm quen với DTD nếu bạn định làm việc với 4.01, nó sẽ trả lời tất cả các loại câu hỏi này.
Đầu tiên là tốt nhất cho SEO vì google index rất dễ dàng.