ฉันมักจะสะดุดกับคำถามนี้ (คำถามค่อนข้างง่าย) เมื่อสร้างเช่นบล็อก Wordpress ฉันควรตัดพาดหัวซึ่งควรเป็นลิงก์ใน<a>องค์ประกอบจุดยึดหรือควรเป็นวิธีอื่น และทำไม?
(1) :
<a href="foo">
<h1>bar</h1>
</a>
(2) :
<h1>
<a href="foo">bar</a>
</h1>
ฉันมักจะทำตาม(1)เสมอเนื่องจากดูเหมือนว่ามีเหตุผลมากขึ้นสำหรับฉันที่พาดหัวถูกห่อด้วยลิงก์
มันสร้างความแตกต่างในเช่น SEO หรือไม่? จะสะท้อนการจัดอันดับ SEO หรือไม่?
คำตอบ:
ก่อน HTML5:
Anchor ต้องอยู่ในส่วนหัวคุณไม่สามารถใส่องค์ประกอบระดับบล็อกไว้ในจุดยึดได้และเบราว์เซอร์ส่วนใหญ่จะไม่แสดงผลอย่างน่าเชื่อถือ 100% หากคุณทำเช่นนั้น
ใน HTML5:
มันไม่สำคัญว่าใช้แล้วแต่อย่างใดอย่างหนึ่งทำให้ส่วนใหญ่ความหมายของความรู้สึก น่าจะเป็นคนแรก
โปรดจำไว้ว่าหากเอกสารของคุณใช้ HTML4 DTD เอกสารจะไม่ตรวจสอบความถูกต้องและอาจแสดงผลไม่ถูกต้องเนื่องจากใช้กฎเดิมที่จุดยึดไม่สามารถมีองค์ประกอบระดับบล็อกได้ ใช้ตัวเลือกแรกใน HTML5 เท่านั้น XHTML เทียบเท่ากับ HTML4 แต่ฉันไม่แน่ใจ 100% เกี่ยวกับ XHTML1.1 (ลองดูว่าใช้ได้ไหม)
หากคุณใช้ HTML 4.01 DTD (ไม่แน่ใจเกี่ยวกับการเปลี่ยนผ่าน แต่แน่นอนว่าเข้มงวดมาก) องค์ประกอบจุดยึดจะต้องปรากฏในองค์ประกอบส่วนหัว ตรวจสอบประเภทหลักของคุณหากคุณไม่ทราบว่าคุณกำลังใช้ DTD ใดอยู่ (สมมติว่าคุณมีรหัสซึ่งคุณต้องการเพื่อให้รหัสของคุณถือว่าถูกต้อง) ประเภทของ HTML5 มีลักษณะดังนี้:
<!DOCTYPE HTML>
ประเภท 4.01 คือ:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
ฉันขอแนะนำให้ทำความคุ้นเคยกับ DTD ด้วยตัวเองหากคุณจะทำงานกับ 4.01 มันจะตอบคำถามประเภทนี้ทั้งหมด
อันดับแรกดีที่สุดสำหรับ SEO เพราะดัชนีของ Google นั้นง่ายมาก