-
เมื่อสองปีที่แล้ว ฉันเริ่มติดต่อกับ SEO ความคลั่งไคล้ในการเรียนรู้ในเวลานั้นทำให้ฉันเข้าชมฟอรัมและบล็อกในประเทศต่างๆ และใช้วิธีการทั้งหมดที่ฉันไม่รู้ว่ามีประโยชน์หรือไร้ประโยชน์ในการฝึกฝนของฉัน แต่เมื่อเวลาผ่านไป การเรียนรู้อย่างลึกซึ้ง ฉันเริ่มสงสัยถึงวิธีการต่างๆ ที่แพร่กระจายบนอินเทอร์เน็ต เมื่อวิธีการที่รู้จักกันดีในการส่งลิงก์ การเขียนบทความเล็กๆ น้อยๆ การเรียงคีย์เวิร์ด ฯลฯ หมดลง ฉันก็ยังสู้มันไม่ได้ ในการจัดอันดับและปริมาณการใช้ข้อมูล ในเวลาเดียวกัน ฉันก็เหนื่อยมากเช่นกัน " ดูเหมือนว่าข้ามคืนจู่ๆ ก็ชัดเจนขึ้นมาว่าฉันกำลังทำอะไรอยู่ นั่นไม่ใช่ SEO ที่ดีที่สุดหรอกเหรอ?
พูดตามตรง การศึกษาของฉันค่อนข้างปิด ฉันยังไม่ถึงสถานะ "SEO ที่ดีที่สุดคือไม่มี SEO" และฉันก็ไม่มีประสบการณ์ในทางปฏิบัติ SEO ที่ดีมาก สิ่งที่ฉันมักจะนึกถึงคือจะทำให้งานปัจจุบันของฉันดีขึ้นได้อย่างไร เมื่อรวมเข้ากับ SEO แล้ว ถ้าจะให้นิยามของ SEO ตอนนี้ก็คงจะเป็น: เครือข่าย + ฮาร์ดแวร์ + โปรแกรม + โครงสร้างเว็บไซต์ + มาตรฐานเว็บ + เนื้อหา + ผู้คนบนอินเทอร์เน็ตกำลังพูดถึงแนวคิด "เนื้อหาคือราชา" "แต่ปัจจัยอื่นๆ อีกมากมายจะถูกละเลย หากจะอธิบายปัจจัยเหล่านี้อย่างละเอียด คาดว่าหนังสือเล่มหนามากสามารถตีพิมพ์ได้ บทความนี้เพียงต้องการแบ่งปันกับคุณถึงผลกระทบของมาตรฐานเว็บต่อ SEO
ข้อความเริ่มต้น:
เพื่อทำความเข้าใจความสัมพันธ์ระหว่างมาตรฐานเว็บกับ SEO ก่อนอื่นคุณต้องเข้าใจก่อนว่า "มาตรฐานเว็บ" คืออะไร ฉันเดาว่าคุณคงตรวจสอบเอกสารคำอธิบายมากมายบนอินเทอร์เน็ตแล้ว แต่ฉันไม่ต้องการ เพื่อเรียนรู้จากอินเทอร์เน็ต ฉันจะคัดลอกย่อหน้าให้คุณ แต่สุดท้ายแล้ว ฉันก็ยังไม่เข้าใจมาตรฐานเว็บ คุณต้องเริ่มต้นด้วยการสร้างหน้าเว็บพื้นฐาน:
ตัวอย่างเช่น หากฉันต้องการเขียนหน้าเว็บที่ง่ายที่สุด ฉันต้องใช้แท็ก html เช่น หากต้องการเน้นข้อความ ฉันต้องใช้แท็ก <strong> หากต้องการเปลี่ยนสีข้อความ ฉัน ต้องเพิ่มแท็ก <font color="color"> ฉันต้องการเริ่มย่อหน้าใหม่ ดังนั้นฉันจึงต้องใช้แท็ก < > ฉันไม่สามารถใช้แท็กที่ไม่มีความหมาย <jacu> เพื่อเน้นข้อความได้ เนื่องจากมี ไม่มีแท็กดังกล่าวเลย และเบราว์เซอร์ไม่สามารถแยกวิเคราะห์ได้ ดังนั้นสมาคม W3C (เวิลด์ไวด์เว็บ) องค์กร) จึงลุกขึ้นและกล่าวกับผู้ปฏิบัติงานอินเทอร์เน็ตทั่วโลกว่า "ทุกคนมีความคิดเห็นบ้าง มารวมป้ายกำกับเหล่านี้กัน อันไหนอันไหน ใช้ได้และอันไหนใช้ไม่ได้ แล้วทุกคนก็จะให้คำอธิบายที่เป็นหนึ่งเดียวกันและสมเหตุสมผล เพื่อให้ทุกคนเข้าใจว่าป้ายกำกับเหล่านี้ใช้ทำอะไร" หลังจากพูดคุยกันนับครั้งไม่ถ้วน เป็นผลให้ในที่สุดมีการแนะนำมาตรฐาน HTML 1.0 หลังจากการปรับเปลี่ยนและอัปเดตในภายหลัง มาตรฐานเว็บเพิ่มเติมก็ค่อยๆ พร้อมใช้งาน เช่น HTML 2.0 .html 4.01 ซึ่งเป็น xmhtml1.0/1.1 ที่ใช้กันมากที่สุดในหน้าเว็บของทุกคน และมาตรฐาน xmhtml 2.0 ที่ยังไม่ได้เผยแพร่อย่างเป็นทางการ ของหน้าเว็บ ประโยคดังกล่าว:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
นี่เป็นการกำหนดโมเดลเอกสารของคุณจริงๆ ซึ่งอธิบายโดยใช้มาตรฐาน xhtml 1.0
แต่ต่อมาเลย์เอาต์ของหน้าเว็บมีความซับซ้อนมากขึ้นเรื่อยๆ มันเป็นไปไม่ได้เลยที่จะสร้างเพจที่สวยงามเพียงแค่อาศัยแท็ก HTML เหล่านี้ ก็ต้องอาศัยความช่วยเหลือจากเครื่องมืออื่นๆ บ้าง รูปภาพ 20px หรือฉันต้องการเว้นวรรคข้อความ 5px มันยากมากที่จะบรรลุผลโดยอาศัย HTML ในเวลานี้ W3C ไม่สามารถอยู่นิ่งๆ ได้อีกต่อไป ดังนั้นจึงลุกขึ้นและพูดว่า: "เรามากำหนดบางสิ่งเพิ่มเติมเพื่อให้บรรลุฟังก์ชันนี้กันดีกว่า" หลังจากการพูดคุยกันนับครั้งไม่ถ้วน มาตรฐาน CSS 1.0 ก็ถูกปล่อยออกมา เมื่อใช้สิ่งนี้ คุณจะสามารถบรรลุการชดเชยเนื้อหา การเว้นวรรค และเอฟเฟกต์อื่นๆ ได้อย่างง่ายดาย หลังจากการพัฒนา เราได้เป็น CSS 2.0 และ CSS 3.0 ทุกคนต้องปฏิบัติตามมาตรฐานนี้เมื่อกำหนดสไตล์ด้วย CSS
ต่อมาผู้คนค้นพบว่าการใช้ html และ CSS เพียงอย่างเดียวยังไม่สมบูรณ์แบบ มันขาดการโต้ตอบระหว่างอินเทอร์เฟซระหว่างมนุษย์กับคอมพิวเตอร์และไม่สามารถบรรลุเอฟเฟกต์ไดนามิกได้ มันจะดีกว่านี้ถ้าเราสามารถย้ายสิ่งต่าง ๆ บนหน้าเว็บได้ ดังนั้น w3c จึงแนะนำมาตรฐาน emascript ซึ่งกำหนดอินเทอร์เฟซโมเดลออบเจ็กต์เอกสาร ไวยากรณ์ ฯลฯ ตัวอย่างเช่น จาวาสคริปต์ที่ใช้กันทั่วไปเป็นไปตามมาตรฐาน emascript
ตกลง ตอนนี้ทุกอย่างดูเหมือนจะสมบูรณ์แบบ ด้วยมาตรฐาน html, มาตรฐาน css และมาตรฐาน emascript ในที่สุดเราก็สามารถสร้างหน้าเว็บที่สวยงามได้ เรารวบรวมมาตรฐานเหล่านี้ไว้ด้วยกันเพื่อสร้างมาตรฐานเว็บ
ตัวอย่างเช่น ส่วนของ html เขียนแบบนี้
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<หัว>
<title>สาธิต</title>
</หัว>
<ร่างกาย>
<p><font color="#ff0000">เนื้อหาข้อความ</font><p>
<img src="x.jpg" />
<ดล>
<dt><h1>ชื่อเรื่อง</h1></dt>
<dd>เนื้อหา</dd>
<dd>เนื้อหา</dd>
<ดล>
<b>เนื้อหา</b>
</ร่างกาย>
โค้ดนี้เป็นไปตามมาตรฐานเว็บหรือไม่ มาวิเคราะห์โค้ดเหล่านี้อีกครั้งในบรรทัดแรก คุณกำหนดว่าประเภทเอกสารของคุณคือ xhtml 1.0 ซึ่งหมายความว่าแท็ก html ทั้งหมดของคุณจะต้องเขียนตามมาตรฐานนี้ ของเนื้อหา ในแท็ก <p> แท็กแบบอักษรเลิกใช้แล้วในมาตรฐานนี้ และแอตทริบิวต์สีก็เลิกใช้แล้วในแท็กนี้ ดังนั้นย่อหน้านี้จึงไม่สอดคล้องกับมาตรฐานเว็บ ลองดูที่ <img> แอตทริบิวต์ align กำหนดการจัดตำแหน่งของรูปภาพ แต่แอตทริบิวต์ alt หายไป ในมาตรฐาน xhtml 1.0 จะต้องกำหนดแอตทริบิวต์ alt ดังนั้นโค้ดนี้ไม่สอดคล้องกับมาตรฐาน 1.0 , dt กำหนดหัวเรื่อง แท็ก <h1> ซ้อนกัน ตามที่กำหนดโดย xhtml 1.0 ไม่อนุญาตให้ซ้อนแท็ก <h1> ในแท็ก <dt> ดังนั้นจึงไม่เป็นไปตามมาตรฐาน 1.0 ดูที่แท็ก <b> สุดท้าย ขอบคุณพระเจ้า แท็กนี้สอดคล้องกับมาตรฐานเว็บในที่สุด แต่ w3c ได้กล่าวไว้ เราจะเก็บความหมายของป้ายกำกับนี้ไว้ชั่วคราว อย่างไรก็ตาม เราขอแนะนำให้คุณใช้แท็ก <strong> ซึ่งมีความหมายมากกว่า ในมาตรฐานใหม่ในภายหลัง เราอาจยกเลิกแท็ก <b> ที่เป็นแท็กมาตรฐาน เกี่ยวกับข้อจำกัดของมาตรฐาน HTML โปรดตรวจสอบเอกสารที่เกี่ยวข้อง
พูดถึงเรื่องนั้น. ฉันคิดว่าทุกคนเข้าใจ หน้านี้ไม่ได้สอดคล้องกับมาตรฐาน xmhtml 1.0 ดังนั้นจึงไม่สอดคล้องกับมาตรฐานเว็บอย่างแน่นอน ส่วนว่าจะเป็นไปตามมาตรฐานเว็บหรือไม่นั้น ทั้งหมดขึ้นอยู่กับเวอร์ชันที่คุณกำหนด แต่โค้ดนี้สามารถแยกวิเคราะห์ได้ตามปกติ เบราว์เซอร์ เพราะเราได้กล่าวไปแล้ว ดังที่ได้กล่าวไปแล้ว มาตรฐานทั้งหมดเข้ากันได้ แต่มันไม่เป็นไปตามมาตรฐานที่คุณกำหนดในตอนนี้ แล้วฉันจะทำให้โค้ดนี้สอดคล้องกับมาตรฐานเว็บของฉันได้อย่างไร มีเพียงสองวิธีเท่านั้น 1. ลดมาตรฐานของโมเดลเอกสารของคุณ (ซึ่งอาจก่อให้เกิดปัญหามากขึ้น) 2. แก้ไขโค้ดของคุณใหม่ เช่น การใส่สีในแอตทริบิวต์ style, img บวกกับแอตทริบิวต์ alt ในการเปรียบเทียบ เรายินดีที่จะเลือกส่วนที่สองมากกว่า พิมพ์.
มีคำอธิบายบนอินเทอร์เน็ต: web standard = div + css ไม่สามารถใช้เค้าโครงตารางได้ หลังจากอ่านบทความข้างต้นแล้วเราก็เข้าใจได้ไม่ยาก แนวคิดนี้ทำให้เกิดความสับสนและเป็นเรื่องทั่วไปมากเกินไป ไม่สามารถพูดได้ว่าหน้าเว็บที่มีเค้าโครงตารางไม่เป็นไปตามมาตรฐานของเว็บ W3C ไม่เคยกำหนดว่าการใช้เค้าโครงตารางไม่เป็นไปตามมาตรฐาน แท็ก <table> จะเป็นแท็กมาตรฐานในทุกเวอร์ชันเสมอ แม้ว่าเราทุกคนจะใช้ div สำหรับเลย์เอาต์ แต่เราต้องเข้าใจ: แนวทางปฏิบัติที่ผู้อื่นแนะนำนั้นไม่เท่ากับมาตรฐาน
ตามที่กล่าวไว้ข้างต้น มาตรฐานเว็บขึ้นอยู่กับเวอร์ชันที่เรากำหนดเมื่อเขียน html/css/js ตัวอย่างเช่น หาก html ของฉันใช้มาตรฐาน xhtml 1.0 ดังนั้น html ของฉันก็ควรเป็นไปตามมาตรฐาน xhtml 1.0 ด้วย แต่ดูเหมือนจะไม่เป็นเช่นนั้น เกือบ 99.999% ของหน้าเว็บบนอินเทอร์เน็ตไม่สามารถผ่านการตรวจสอบได้ มีข้อผิดพลาดประเภทใดประเภทหนึ่งอยู่เสมอ .org สามารถผ่านการตรวจสอบได้ ใช่แล้ว เพื่อนๆ ที่สนใจสามารถทดสอบได้ ณ จุดนี้ บทความของเราดูเหมือนจะถึงทางตันแล้ว เนื่องจากหน้าเว็บจำนวนมากไม่สอดคล้องกับมาตรฐานของเว็บ พวกเขาจึงสามารถได้รับการจัดอันดับและการเข้าชมที่ดีได้ มาตรฐานเว็บ เกี่ยวอะไรกับ SEO เราต้องเริ่มจากโครงสร้าง html และการแยกวิเคราะห์
การออกแบบเว็บไซต์เน้นการแยกโครงสร้าง (html) และการนำเสนอ (css) เราสามารถเข้าใจแนวคิดของพวกเขาด้วยวิธีนี้ โครงสร้างเป็นบ้าน. เป็นชั้นวางของที่ทำจากคอนกรีตเสริมเหล็กและอิฐประสิทธิภาพคือการตกแต่งและดัดแปลงโครงสร้างเหมือนกับการตกแต่งการติดตั้งพื้นและการฉาบปูนและทาสีผนังบ้าน หากไม่มีโครงสร้าง ประสิทธิภาพจะไม่มีค่าประสิทธิภาพที่แท้จริง ซึ่งเป็นเหตุผลว่าทำไม <font color="#ccc" size="12">ข้อความ</font> หรือแท็กหรือคุณสมบัติดังกล่าว เพราะสำหรับโครงสร้างแล้ว มันเหมือนกับประสิทธิภาพมากกว่า มันควรจะอยู่ในเลเยอร์การนำเสนอ นั่นก็คือ CSS ถ้าเราใช้แท็กฟอนต์บนเพจ xhtml 1.0 อันที่จริงมันก็สามารถแยกวิเคราะห์ได้อย่างถูกต้องเช่นกัน เพราะอย่างที่เรากล่าวไว้ในบทความแรก มาตรฐานนั้นรองรับการส่งต่อ .
มาทำความเข้าใจว่าเบราว์เซอร์และเครื่องมือค้นหาแยกวิเคราะห์ html ของเราอย่างไร ทำไมเราถึงพูดถึงเบราว์เซอร์ที่นี่ เพราะในความคิดของฉัน เครื่องมือค้นหาและเบราว์เซอร์ใช้วิธีการเดียวกันโดยประมาณเมื่อทำการรวบรวมข้อมูลหน้าเว็บ หลังจากลงมา การแยกวิเคราะห์ HTML เริ่มต้นขึ้น ซึ่งในที่สุดจะแยกวิเคราะห์ทั้งหน้าเป็นแผนผัง DOM ที่มีโหนดความสัมพันธ์ระหว่างพ่อแม่และลูกที่เข้มงวด แล้วนำเสนอให้ผู้ใช้ทราบ เช่น เมื่อฉันเขียนโค้ดต่อไปนี้:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<หัว>
<title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>
<div id="ด้านบน">
<h1>นี่คือชื่อ<h1>
<img src="xx.jpg"/>
<p>นี่คือ<strong>ข้อความ</strong><p>
</div>
<div id="คอนเทนเนอร์">
<h2>นี่คือชื่ออื่น</h2>
<p>นี่คือ<strong>ข้อความ</strong></p>อื่น
</div>
</ร่างกาย>
</html>
คุณจะเห็นว่านี่คือส่วนหนึ่งของ html ภายใต้มาตรฐานการเปลี่ยนผ่าน xhtml 1.0 มีข้อผิดพลาดมากมาย (ข้อผิดพลาดได้แก่: แท็ก <h1> ใน div แรกไม่มีแท็กปิด img ไม่มีแอตทริบิวต์ alt แท็ก <p> และไม่มีแท็กปิด) แต่ถ้าคุณใส่โค้ดนี้ในเบราว์เซอร์และดำเนินการ คุณจะเห็นผลที่ถูกต้อง แท็ก P ยังใช้งานได้และสามารถแสดงรูปภาพได้ เราแปลกใจมากว่าทำไมโค้ดนี้ถึงไม่มีแท็กที่ถูกต้อง แต่ทำไมจึงสามารถแยกวิเคราะห์ได้อย่างถูกต้องในเบราว์เซอร์ ถ้าเราถือว่าโค้ดนี้ไม่ผิด ถูกต้องแล้ว โครงสร้าง dom ควรเป็นดังนี้ (รูปที่ 1)
อัปโหลดและดาวน์โหลดไฟล์แนบ (16.49 KB) เวลา 16:58 น. ของเมื่อวาน
เหตุใดเบราว์เซอร์จึงสามารถแยกวิเคราะห์โค้ดที่ไม่ถูกต้องได้อย่างถูกต้อง และดูเหมือนว่าจะสามารถ "เดา" เจตนาที่แท้จริงของรหัสข้อผิดพลาดได้ หลักการคือเบราว์เซอร์ใช้โหมดการวิเคราะห์พจนานุกรมและโหมดการจัดเรียง (html tidy) เมื่อสร้างแผนผังแท็ก พูดง่ายๆ ก็คือ เบราว์เซอร์จะจับคู่แท็กและแอตทริบิวต์ทั้งหมดกับข้อมูลในพจนานุกรมในตัว หากการจับคู่เป็นเรื่องปกติ การจับคู่นั้นจะถูกแยกวิเคราะห์โดยตรง เพียงเปิดใช้งานโหมดการตกแต่ง โหมดการตกแต่งจะวิเคราะห์โค้ดที่ผิดพลาดของคุณและแก้ไข ตัวอย่างเช่น แท็ก <h1> และ <p> ที่ส่วนท้ายของด้านบนจะถูกเปลี่ยนเป็นแท็กปิดโดยอัตโนมัติ หรือหากคุณเขียน คู่แท็ก <jiacu> ข้อความ</ jiacu> สิ่งนี้ไม่สามารถจับคู่ได้เลยและไม่สามารถซ่อมแซมได้ มันจะล้างคู่แท็กที่ไม่ถูกต้องโดยตรง เหลือเพียงข้อความที่อยู่ภายใน แน่นอนว่าเมื่อเรียกดูแยกวิเคราะห์ HTML เป็นแผนผัง DOM จะไม่เปลี่ยนซอร์สโค้ด HTML ของคุณ มันเป็นเพียงการดำเนินการแยกวิเคราะห์ ดังนั้น หลายครั้งหากเราไม่ตรวจสอบข้อผิดพลาด HTML บนหน้าเว็บของเรา เราจะไม่พบข้อผิดพลาดเหล่านี้ . เพราะเบราว์เซอร์ได้แก้ไขให้เราโดยอัตโนมัติ โดยทั่วไปแล้ว เบราว์เซอร์จะรับประกันความเข้ากันได้อย่างสมบูรณ์กับข้อผิดพลาดใน HTML แก้ไขให้ถูกต้องถ้ามันสามารถช่วยคุณได้ หากสามารถล้างแท็กหรือแอตทริบิวต์ที่ซ้ำซ้อนได้ แท็กเหล่านั้นจะถูกล้างออก หากไม่สามารถล้างและแก้ไขได้ แท็กจะถูกลบออกโดยอัตโนมัติเพื่อให้คุณมั่นใจได้ว่าจะแสดงได้ตามปกติ
อย่างไรก็ตาม "โหมดการจัดระเบียบ" ไม่ได้มีอำนาจทุกอย่าง เราไม่สามารถคาดหวังให้เบราว์เซอร์ช่วยเราแก้ไขข้อผิดพลาดทั้งหมดได้ หลายครั้งที่หน้าเว็บของเราซ้อนกันลึกลงเรื่อยๆ โดยมีแท็กและเนื้อหามากขึ้นเรื่อยๆ บางครั้งเมื่อ เบราว์เซอร์ไม่สามารถแก้ไขแท็กได้ สิ่งเดียวที่ทำได้คือ "ลบแท็กทั้งหมดภายในบล็อกข้อผิดพลาดและเก็บเฉพาะเนื้อหาเท่านั้น"
จากมุมมองของเครื่องมือค้นหา ก่อนที่จะวิเคราะห์เนื้อหา หลักการจะเหมือนกับเบราว์เซอร์ ซึ่งจำเป็นต้องสร้างแผนผัง DOM ที่สมบูรณ์ เมื่อแผนผังนี้เสร็จสมบูรณ์แล้วเท่านั้นที่เครื่องมือค้นหาจะกำหนดความสัมพันธ์ของบริบทในหน้านั้นได้ แท็กที่ถ่วงน้ำหนัก (เช่น <strong>, <h1>) ของคุณจะถูกใช้ในเพจ รวมถึงตำแหน่งการจัดจำหน่าย ฯลฯ อย่างไรก็ตาม เสิร์ชเอ็นจิ้นให้ความสำคัญกับแนวคิดของ "บล็อกเนื้อหา" มากขึ้นเมื่อแยกวิเคราะห์ นั่นคือ หนึ่งแท็กต่อบล็อก ยังคงเป็นตัวอย่าง html ข้างต้น เมื่อเครื่องมือค้นหากำลังสร้างแผนผัง DOM นี้ เมื่อแยกวิเคราะห์แท็ก <h1> ใน div แรก พบว่ามีข้อผิดพลาด เมื่อแยกวิเคราะห์แท็ก P ก็พบข้อผิดพลาดอื่นในขณะนี้ สร้างแผนผัง A DOM นี้อย่างถูกต้อง มันจะเปิดใช้งานโหมดการตกแต่ง แต่โหมดในขณะนี้อาจไม่ช่วยคุณแก้ไขข้อผิดพลาด แต่ใน "บล็อก" ค้นหาบล็อกที่เหนือกว่า (โหนด) ของบล็อกข้อผิดพลาด (โหนด) (หากยังคงมีข้อผิดพลาดที่ระดับบน ให้ค้นหาระดับบนต่อไป) หากไม่มีข้อผิดพลาดในบล็อกระดับบน ให้ดำเนินการย่อยทั้งหมด -บล็อกและบล็อกย่อยในบล็อกระดับบนนี้จะถูกค้นหา แท็กที่ผิดพลาดทั้งหมดในบล็อกย่อยจะถูกลบออก กล่าวคือ แท็กที่ผิดพลาดทั้งหมดภายใน <div id="top"> จะถูกลบออก ต้นไม้ที่สร้างขึ้นดังแสดงในรูปที่ 2 ด้านบน (แก้ไขปี 2554.4.5: มีข้อผิดพลาดเล็กน้อยในรูปที่ 2 มีแท็ก img ใต้แท็ก div ทางด้านซ้าย)
ด้วยวิธีนี้ เราจะเห็นว่าแท็ก <h1> และ <strong> ที่เราเขียนอย่างระมัดระวังหายไปหลังจากการแยกวิเคราะห์ และ "น้ำหนัก" ของบล็อกทั้งหมดได้เปลี่ยนไป ตามหลักการของการแยกวิเคราะห์ HTML เราสามารถดึงบางส่วนเข้ามาได้อย่างง่ายดาย บทสรุป:
1. เมื่อระดับโหนดหน้าเพิ่มมากขึ้น เราต้องระมัดระวังเป็นพิเศษเกี่ยวกับข้อผิดพลาดระดับป้ายกำกับ ยิ่งใกล้กับโหนดบนสุดมากเท่าไร เราก็ยิ่งต้องระมัดระวังมากขึ้นเท่านั้น เช่น เราควรเขียนแท็กปิดท้ายให้น้อยลง ร้ายแรงต่อ SEO
2. ไม่ว่าคุณจะใช้เลย์เอาต์แบบใด ยิ่งระดับการซ้อนโหนดน้อยลงก็ยิ่งดีเท่านั้น ประการแรก มันสามารถลดภาระในเครื่องมือค้นหาเมื่อแยกวิเคราะห์โหนด ประการที่สอง จะง่ายกว่าสำหรับเครื่องมือค้นหาในการกำหนดความสัมพันธ์ (บริบท) ระหว่างโหนด , การถ่วงน้ำหนักของคำหลักเป็นสิ่งสำคัญ
3. เมื่อแอตทริบิวต์ของป้ายกำกับสามารถถูกแทนที่ด้วย CSS ได้ ให้ย้ายแอตทริบิวต์เหล่านั้นไปที่ CSS ให้มากที่สุด
4. ทั้งเบราว์เซอร์และเครื่องมือค้นหาอนุญาตให้มีข้อผิดพลาด html แต่ html มาตรฐานนั้นง่ายกว่าอย่างเห็นได้ชัดเพื่อให้ได้อันดับที่ดีขึ้นภายใต้เงื่อนไขภายนอกที่เหมือนกัน
ฉันใช้เวลาเขียนบทความนี้เกือบสี่ชั่วโมง บางส่วนยังไม่ค่อยละเอียดนัก ฉันจะแบ่งปันในบทความที่สาม
แหล่งที่มาของบทความ: Lightyear Forum (โปรดระบุลิงก์แหล่งที่มาและผู้แต่งเมื่อพิมพ์ซ้ำ)
ผู้เขียนบทความ: newyhj