นักออกแบบหลายคนกีดกันการใช้ตาราง แต่ฉันมีเลย์เอาต์ที่ฉันจะใช้โครงสร้าง div เพิ่มเติมเพื่อให้ได้สิ่งที่ทำได้ง่ายด้วยโต๊ะ
ตารางไม่ดีสำหรับเครื่องมือค้นหาหรือไม่
แก้ไข: ฉันจะใช้ CSS สำหรับตารางเพื่อให้ HTML สะอาด
นักออกแบบหลายคนกีดกันการใช้ตาราง แต่ฉันมีเลย์เอาต์ที่ฉันจะใช้โครงสร้าง div เพิ่มเติมเพื่อให้ได้สิ่งที่ทำได้ง่ายด้วยโต๊ะ
ตารางไม่ดีสำหรับเครื่องมือค้นหาหรือไม่
แก้ไข: ฉันจะใช้ CSS สำหรับตารางเพื่อให้ HTML สะอาด
คำตอบ:
เท่าที่เกี่ยวกับ SEO เครื่องมือค้นหาไม่สนใจ อย่างไรก็ตามแนวคิดก็คือการแยกการออกแบบจากเนื้อหา ตารางควรใช้อย่างเคร่งครัดสำหรับข้อมูลแบบตาราง div สำหรับโครงร่าง การใช้ตารางเพื่อวัตถุประสงค์ในการออกแบบผสมมาร์กอัพของคุณเข้ากับองค์ประกอบเลย์เอาต์ซึ่งถือว่าเป็นการปฏิบัติที่ไม่ดี
ตาราง HTML เป็นสิ่งที่ดี:
ข้อมูลที่ไม่ใช่ตารางแสดงเป็นตาราง HTML ไม่ดีสำหรับ:
หากต้องการดูเว็บไซต์ของคุณเป็นเครื่องมือค้นหาพยายามที่จะเข้าชมได้กับเบราว์เซอร์ข้อความเช่นELinksหรือแมวป่าชนิดหนึ่ง
มันเคยถูกกล่าวมาก่อนแล้วและฉันจะพูดอีกครั้ง
Tabular data
- ใช้ตาราง
Layout
- ใช้ Divs
ฉันมีเลย์เอาต์ที่ฉันจะใช้โครงสร้าง div มากขึ้นเพื่อให้ได้สิ่งที่ทำได้ง่ายๆด้วยตาราง
ฟังดูเหมือนคุณกำลังพยายามตัดมุมหรือทำให้งานเสร็จให้ง่ายขึ้น ไม่ว่าในกรณีใดมีข้อยกเว้นบางประการที่การใช้ตารางอาจมีความสำคัญแต่หากไม่ดูว่าการออกแบบมีลักษณะอย่างไรฉันก็ไม่สามารถพูดได้
<table>
s กับ<div>
s จะมีผลเพียงเล็กน้อยหรือไม่มีผลต่อผลลัพธ์ SEO ของคุณ แต่ใส่ชื่อและคำหลักในของคุณ<h1>
, <h2>
, <h3>
ฯลฯ .. แท็กจะช่วยให้
Google ไม่สนใจจุดประสงค์ในการจัดอันดับว่าโค้ดของคุณเป็นอย่างไร พวกเขาเพียง แต่สนใจว่าผู้เยี่ยมชมของคุณมีปฏิกิริยาต่อมัน
ตราบใดที่ไซต์ของคุณใช้งานได้กับผู้ใช้ของคุณจะไม่มีบทลงโทษจาก Google ในการจัดโครงสร้างมาร์กอัปของคุณ
ในทางกลับกันเมื่อผู้ใช้พบว่าไซต์ของคุณไม่น่าสนใจหรือเมื่อไซต์ไม่ทำงานพวกเขาก็จะจากไป Google จะแจ้งให้ทราบเมื่อผู้ใช้กลับมาที่หน้าผลลัพธ์หลังจากเยี่ยมชมเว็บไซต์ของคุณและคลิกที่คู่แข่งของคุณ การจัดอันดับของคุณลดลงเมื่อสิ่งนั้นเกิดขึ้น
เสิร์ชเอ็นจิ้นไม่มีความชอบเมื่อพูดถึงตารางและ / หรือ CSS และคุณสามารถใช้ทั้งสองอย่างในหน้าเดียวกันได้โดยไม่มีปัญหา
หากคุณต้องการผลักดันมันฉันคิดว่าเวลาในการโหลดหน้าเว็บเป็นสิ่งที่คุณควรคำนึงถึง เป็นปัจจัยที่ทราบกันดีในคะแนนคุณภาพของ AdWords และมีหลักฐานแน่ชัดว่า Google ได้ตรวจสอบพฤติกรรมของผู้ใช้ใน SERPs ดังนั้นหากพวกเขาเห็นอัตราการละทิ้งสูง (ลูกค้ามีความอดทนกับเวลาในการโหลดหน้าเว็บ) คุณอาจสูญเสีย การจัดอันดับ Divs และ CSS โหลดเร็วกว่าตาราง
ตกลงนี่คือข้อตกลง
ต้องบอกว่าตารางนั้นมีความหมายสำหรับข้อมูลแบบตารางไม่ใช่โครงร่าง คุณกำลังทำให้เกิดปัญหาการเข้าถึงทั้งในโทรศัพท์มือถือรุ่นเก่าและเบราว์เซอร์ที่ใช้ข้อความซึ่งใช้งานโดยผู้พิการทางสายตา
ตอนนี้อัลกอริทึมของ Google คำนึงถึงเรื่องนี้อย่างแน่นอน ฉันไม่ทราบอัลกอริทึมเฉพาะ แต่ฉันจะเดาว่าเมื่อมีคนอยู่ในโทรศัพท์มือถือ Google ให้ผลลัพธ์ที่รู้ว่าเหมาะสมกับโทรศัพท์มือถือมากกว่าดังนั้นคุณอาจสูญเสียผู้เยี่ยมชมที่มีศักยภาพมากหากคุณใช้ ตารางสำหรับเค้าโครง
ขึ้นอยู่กับเลย์เอาต์ของคุณคุณอาจทำให้มันยากสำหรับเสิร์ชเอ็นจิ้นในการพิจารณาว่าข้อความและย่อหน้าใดที่เกี่ยวข้อง สิ่งนี้อาจไม่ดีสำหรับการจัดอันดับของคุณ แต่อาจไม่มากเกินไป อย่างไรก็ตามด้วยการจัดวาง CSS มันง่ายกว่าที่จะตรวจสอบให้แน่ใจว่าเนื้อหาหลักของหน้าเว็บของคุณอยู่ใกล้ด้านบนซึ่งจะช่วยได้เสมอ
ประการที่สามการใช้ตารางสำหรับเลย์เอาต์มาร์กอัป HTML ซ้ำมากสำหรับทุกหน้าในไซต์ของคุณที่โหลด การทำซ้ำนี้จะมีผลต่อความเร็วในการโหลดหน้าเว็บของคุณแม้ว่าจะเป็นเพียงเล็กน้อยเท่านั้น แต่ Google เป็นหนึ่งในเครื่องมืออื่น ๆ ที่ทราบกันดีว่าใช้ความเร็วในการโหลดเป็นหนึ่งในตัวชี้วัดในการกำหนดอันดับของเว็บไซต์
โดยรวมแล้วฉันไม่คิดว่าความแตกต่างในการจัดอันดับของเสิร์ชเอ็นจิ้นจะดีมาก มีข้อได้เปรียบที่แน่นอนในการใช้div
s CSS สำหรับโครงร่างตามที่ระบุไว้ในโพสต์นี้และดังนั้นจึงควรเป็นแนวทางปฏิบัติที่แนะนำเว้นแต่จะมีเหตุผลที่ดีมากสำหรับการกำหนดเส้นทางตาราง (ซึ่งไม่ค่อยมี)
ใช่การออกแบบตารางนั้นไม่ดีสำหรับ SEO
สิ่งที่ดีที่สุดในการเพิ่มประสิทธิภาพ SEO คือการพิจารณาว่าบอทอ่านเว็บไซต์ของคุณเป็นคนตาบอด
ดังนั้นเมื่อคุณใช้การออกแบบตารางมันเป็นไปไม่ได้ที่จะทำให้เนื้อหาของคุณเป็นเส้นตรงอย่างเหมาะสมและเป็นไปไม่ได้ที่จะรู้ว่าอะไรอยู่ด้านบนและอะไรที่ไม่
พยายามที่จะทำเว็บไซต์ให้สอดคล้องกับมาตรา 508 (ดูบทความนี้เกี่ยวกับเครื่องมือตรวจสอบมัน) และWCAGจากWAI ( ลองดูที่นี่สำหรับการตรวจสอบ) และพยายามที่จะอ่านมันด้วยเครื่องมือเช่นLynxหรือหลังจากเชิงเส้น (ที่กับนักพัฒนาเว็บ แถบเครื่องมือของ Firefox โดยตัวอย่าง)
ยิ่งคุณเคารพไวยากรณ์ ( <p>
สำหรับย่อหน้า, <table>
สำหรับเนื้อหาตาราง ... ), ของ (x) HTML ยิ่งเพิ่มการเข้าถึงและ SEO
ดังนั้นใช้<table>
สำหรับข้อมูลแบบตารางไม่ใช่สำหรับการออกแบบใช้<h1>
เป็นหัวเรื่องหัวเรื่องแรกไม่ใช่ a <span>
กับ syles เป็นต้นและอย่าใช้บางอย่าง<h3>
เพื่อทำให้ข้อความของคุณโดดเด่นยิ่งขึ้นและใหญ่ขึ้น แต่เนื่องจากคุณใส่หัวเรื่องแรกและหัวเรื่องที่สอง ชื่อและคุณต้องสร้างส่วนย่อยของ<h2>
ส่วนก่อนหน้าในโครงสร้างของเอกสารของคุณ (ไม่ใช่หน้าเว็บของคุณ)
ควรใช้ตาราง HTML สำหรับข้อมูลตารางและชุดข้อมูล (อินพุตรวมถึงเอาต์พุต) ที่ไหลตามธรรมชาติเช่นเดียวกับข้อมูลตารางเช่นฟอร์ม ไม่อนุญาตให้ใช้สำหรับการจัดวางเท่านั้น
สำหรับ SEO และ Google ฉันเชื่อว่า Google ใช้ตรรกะเดียวกันกับข้างต้นไม่ว่าในกรณีใด ๆ การซ้อนข้อมูลเชิงข้อความในโครงสร้างดังกล่าวแทนที่จะใช้โครงสร้างที่เหมาะสมโดยใช้ส่วนหัวและย่อหน้าทำงานได้ดีขึ้น
ในหน้า SEO นั้นเกี่ยวข้องกับเนื้อหา (คุณภาพความสดใหม่ยูทิลิตี้) และวิธีที่มันถูกรวมไว้ในองค์ประกอบ HTML
การตัด / เขียน HTML กำลังเลือกแท็กที่เหมาะสมสำหรับเนื้อหา มันไม่สมเหตุสมผลตัวอย่างเช่นห่อข้อความทั้งหมดไว้ในองค์ประกอบ h1 เดียวคุณแค่ใส่ข้อความลงในแบบฟอร์มโดยไม่มีฟิลด์หรือปุ่มส่ง
ที่กล่าวว่าฉันจะทำซ้ำ: ใช้ตารางสำหรับข้อมูลตาราง ในบริบทนี้พวกเขามีเหตุผล ในบริบทอื่น ๆ (เช่นการสร้างเลย์เอาต์เท่านั้น) มันไม่
การใช้ในทางที่ผิดประเภทนี้ไม่ดีสำหรับ SEO เนื่องจากเนื้อหาไม่ได้รับการจัดทำดัชนีอย่างเหมาะสมคุณสามารถบรรลุการจัดอันดับบนหน้าเว็บที่ดีขึ้นผ่านการปรับปรุงที่สะอาดและตรงไปตรงมาร์กอัป
ตาราง HTML เหมาะสำหรับการทำ SEO
ฉันใช้ DIV เป็นเวลาหลายปี จากนั้นในการทดลองฉันตัดสินใจใช้ตารางบนหนึ่งในเว็บไซต์ของฉันเพื่อจัดวาง อันดับคำหลักของฉันพุ่งขึ้น ฉัน redid เว็บไซต์ของฉันทีละตารางเพื่อใช้ ในทุกกรณี SEO ได้รับประโยชน์
แม้จะมีสิ่งที่ snobs เว็บและบทความ "สิบอันดับแรกในการปรับปรุง SEO ของคุณ" กล่าวว่าคุณจะไม่ค้นพบวิธีปฏิบัติ SEO ที่ดีที่สุดโดยไม่ต้องทำการทดสอบของคุณเอง
ฉันไม่สนใจว่าแท็กจะหมายถึงอะไรฉันสนใจเรื่องผลลัพธ์