ตาราง HTML แย่สำหรับ SEO หรือไม่


26

นักออกแบบหลายคนกีดกันการใช้ตาราง แต่ฉันมีเลย์เอาต์ที่ฉันจะใช้โครงสร้าง div เพิ่มเติมเพื่อให้ได้สิ่งที่ทำได้ง่ายด้วยโต๊ะ

ตารางไม่ดีสำหรับเครื่องมือค้นหาหรือไม่

แก้ไข: ฉันจะใช้ CSS สำหรับตารางเพื่อให้ HTML สะอาด


คุณช่วยอธิบายความต้องการของคุณเพื่อที่เราจะแนะนำทางเลือกให้กับตาราง ( ถ้าจำเป็น )
Gabriele Petrioli

2
คุณอาจพบที่น่าสนใจนี้

1
และ snobs เดียวกันค่อนข้างมีความสุขที่จะใช้ผิดรายการสำหรับเมนูหน้า! ตารางเป็นไปตามคำจำกัดความเกี่ยวกับเลย์เอาต์ไม่ใช่เนื้อหา มันไม่ใช่แท็กสเปรดชีต มีเค้าโครงแบบไดนามิกมากมายที่เป็นไปไม่ได้ที่จะทำกับ css แต่เป็นไปได้กับตาราง ผู้คนจำนวนมากใช้ทางลัดในการมีหน้าความกว้างคงที่ แต่นี่แย่กว่าการเข้าถึง ใช่เนื้อหาควรแยกออกจากเลย์เอาต์ แต่นี่ไม่ใช่เหตุผลที่จะแยกตารางออกจากปฏิกิริยาการกระตุกเข่า ใช้พวกเขาในที่ที่เหมาะสมเป็นที่ยอมรับอย่างสมบูรณ์
JamesRyan

คำตอบ:


15

เท่าที่เกี่ยวกับ SEO เครื่องมือค้นหาไม่สนใจ อย่างไรก็ตามแนวคิดก็คือการแยกการออกแบบจากเนื้อหา ตารางควรใช้อย่างเคร่งครัดสำหรับข้อมูลแบบตาราง div สำหรับโครงร่าง การใช้ตารางเพื่อวัตถุประสงค์ในการออกแบบผสมมาร์กอัพของคุณเข้ากับองค์ประกอบเลย์เอาต์ซึ่งถือว่าเป็นการปฏิบัติที่ไม่ดี


7

ตาราง HTML เป็นสิ่งที่ดี:

  • แสดงวันที่เหมือนตาราง

ข้อมูลที่ไม่ใช่ตารางแสดงเป็นตาราง HTML ไม่ดีสำหรับ:

  • ผู้ที่มีปัญหาด้านร่างกายเพราะต้องใช้โปรแกรมอ่านหน้าจอ (ซึ่งใช้งานได้ไม่ดีกับตารางที่ซ้อนกัน)
  • เครื่องมือค้นหาต้องการเว็บไซต์ที่สร้างขึ้นสำหรับผู้คนและเว็บไซต์ที่เข้าถึงได้เป็นหนึ่งในนั้น

หากต้องการดูเว็บไซต์ของคุณเป็นเครื่องมือค้นหาพยายามที่จะเข้าชมได้กับเบราว์เซอร์ข้อความเช่นELinksหรือแมวป่าชนิดหนึ่ง


2
โปรดทราบว่าโปรแกรมอ่านหน้าจอเข้าใกล้เว็บเพจจากมุมที่คล้ายกันมากกับบ็อตของเครื่องมือค้นหา

2

มันเคยถูกกล่าวมาก่อนแล้วและฉันจะพูดอีกครั้ง

Tabular data- ใช้ตาราง

Layout- ใช้ Divs

ฉันมีเลย์เอาต์ที่ฉันจะใช้โครงสร้าง div มากขึ้นเพื่อให้ได้สิ่งที่ทำได้ง่ายๆด้วยตาราง

ฟังดูเหมือนคุณกำลังพยายามตัดมุมหรือทำให้งานเสร็จให้ง่ายขึ้น ไม่ว่าในกรณีใดมีข้อยกเว้นบางประการที่การใช้ตารางอาจมีความสำคัญแต่หากไม่ดูว่าการออกแบบมีลักษณะอย่างไรฉันก็ไม่สามารถพูดได้


2
-1 สำหรับการไม่ตอบคำถาม

ขอโทษฉันไม่ได้หมายถึงเค้าโครง มันมีไว้สำหรับรายการ ฉันเดาข้อมูลตาราง

1
-1 สำหรับการไม่ตอบคำถาม - คำถามไม่ได้พูดถึงการออกแบบเว็บไซต์ที่ดีที่สุดหรือแม้แต่แนวปฏิบัติที่ดี มันมุ่งเน้นไปที่ "มันมีผลกระทบต่อ SEO หรือไม่

2

<table>s กับ<div>s จะมีผลเพียงเล็กน้อยหรือไม่มีผลต่อผลลัพธ์ SEO ของคุณ แต่ใส่ชื่อและคำหลักในของคุณ<h1>, <h2>, <h3>ฯลฯ .. แท็กจะช่วยให้


2

Google ไม่สนใจจุดประสงค์ในการจัดอันดับว่าโค้ดของคุณเป็นอย่างไร พวกเขาเพียง แต่สนใจว่าผู้เยี่ยมชมของคุณมีปฏิกิริยาต่อมัน

ตราบใดที่ไซต์ของคุณใช้งานได้กับผู้ใช้ของคุณจะไม่มีบทลงโทษจาก Google ในการจัดโครงสร้างมาร์กอัปของคุณ

ในทางกลับกันเมื่อผู้ใช้พบว่าไซต์ของคุณไม่น่าสนใจหรือเมื่อไซต์ไม่ทำงานพวกเขาก็จะจากไป Google จะแจ้งให้ทราบเมื่อผู้ใช้กลับมาที่หน้าผลลัพธ์หลังจากเยี่ยมชมเว็บไซต์ของคุณและคลิกที่คู่แข่งของคุณ การจัดอันดับของคุณลดลงเมื่อสิ่งนั้นเกิดขึ้น


1

เสิร์ชเอ็นจิ้นไม่มีความชอบเมื่อพูดถึงตารางและ / หรือ CSS และคุณสามารถใช้ทั้งสองอย่างในหน้าเดียวกันได้โดยไม่มีปัญหา

หากคุณต้องการผลักดันมันฉันคิดว่าเวลาในการโหลดหน้าเว็บเป็นสิ่งที่คุณควรคำนึงถึง เป็นปัจจัยที่ทราบกันดีในคะแนนคุณภาพของ AdWords และมีหลักฐานแน่ชัดว่า Google ได้ตรวจสอบพฤติกรรมของผู้ใช้ใน SERPs ดังนั้นหากพวกเขาเห็นอัตราการละทิ้งสูง (ลูกค้ามีความอดทนกับเวลาในการโหลดหน้าเว็บ) คุณอาจสูญเสีย การจัดอันดับ Divs และ CSS โหลดเร็วกว่าตาราง


1

ตกลงนี่คือข้อตกลง

ต้องบอกว่าตารางนั้นมีความหมายสำหรับข้อมูลแบบตารางไม่ใช่โครงร่าง คุณกำลังทำให้เกิดปัญหาการเข้าถึงทั้งในโทรศัพท์มือถือรุ่นเก่าและเบราว์เซอร์ที่ใช้ข้อความซึ่งใช้งานโดยผู้พิการทางสายตา

ตอนนี้อัลกอริทึมของ Google คำนึงถึงเรื่องนี้อย่างแน่นอน ฉันไม่ทราบอัลกอริทึมเฉพาะ แต่ฉันจะเดาว่าเมื่อมีคนอยู่ในโทรศัพท์มือถือ Google ให้ผลลัพธ์ที่รู้ว่าเหมาะสมกับโทรศัพท์มือถือมากกว่าดังนั้นคุณอาจสูญเสียผู้เยี่ยมชมที่มีศักยภาพมากหากคุณใช้ ตารางสำหรับเค้าโครง

ขึ้นอยู่กับเลย์เอาต์ของคุณคุณอาจทำให้มันยากสำหรับเสิร์ชเอ็นจิ้นในการพิจารณาว่าข้อความและย่อหน้าใดที่เกี่ยวข้อง สิ่งนี้อาจไม่ดีสำหรับการจัดอันดับของคุณ แต่อาจไม่มากเกินไป อย่างไรก็ตามด้วยการจัดวาง CSS มันง่ายกว่าที่จะตรวจสอบให้แน่ใจว่าเนื้อหาหลักของหน้าเว็บของคุณอยู่ใกล้ด้านบนซึ่งจะช่วยได้เสมอ

ประการที่สามการใช้ตารางสำหรับเลย์เอาต์มาร์กอัป HTML ซ้ำมากสำหรับทุกหน้าในไซต์ของคุณที่โหลด การทำซ้ำนี้จะมีผลต่อความเร็วในการโหลดหน้าเว็บของคุณแม้ว่าจะเป็นเพียงเล็กน้อยเท่านั้น แต่ Google เป็นหนึ่งในเครื่องมืออื่น ๆ ที่ทราบกันดีว่าใช้ความเร็วในการโหลดเป็นหนึ่งในตัวชี้วัดในการกำหนดอันดับของเว็บไซต์

โดยรวมแล้วฉันไม่คิดว่าความแตกต่างในการจัดอันดับของเสิร์ชเอ็นจิ้นจะดีมาก มีข้อได้เปรียบที่แน่นอนในการใช้divs CSS สำหรับโครงร่างตามที่ระบุไว้ในโพสต์นี้และดังนั้นจึงควรเป็นแนวทางปฏิบัติที่แนะนำเว้นแต่จะมีเหตุผลที่ดีมากสำหรับการกำหนดเส้นทางตาราง (ซึ่งไม่ค่อยมี)


ฟังดูเหมือนการเก็งกำไรสำหรับฉันไม่ใช่คำตอบ
Danubian Sailor

1

ใช่การออกแบบตารางนั้นไม่ดีสำหรับ SEO

สิ่งที่ดีที่สุดในการเพิ่มประสิทธิภาพ SEO คือการพิจารณาว่าบอทอ่านเว็บไซต์ของคุณเป็นคนตาบอด

ดังนั้นเมื่อคุณใช้การออกแบบตารางมันเป็นไปไม่ได้ที่จะทำให้เนื้อหาของคุณเป็นเส้นตรงอย่างเหมาะสมและเป็นไปไม่ได้ที่จะรู้ว่าอะไรอยู่ด้านบนและอะไรที่ไม่

พยายามที่จะทำเว็บไซต์ให้สอดคล้องกับมาตรา 508 (ดูบทความนี้เกี่ยวกับเครื่องมือตรวจสอบมัน) และWCAGจากWAI ( ลองดูที่นี่สำหรับการตรวจสอบ) และพยายามที่จะอ่านมันด้วยเครื่องมือเช่นLynxหรือหลังจากเชิงเส้น (ที่กับนักพัฒนาเว็บ แถบเครื่องมือของ Firefox โดยตัวอย่าง)

ยิ่งคุณเคารพไวยากรณ์ ( <p>สำหรับย่อหน้า, <table>สำหรับเนื้อหาตาราง ... ), ของ (x) HTML ยิ่งเพิ่มการเข้าถึงและ SEO

ดังนั้นใช้<table>สำหรับข้อมูลแบบตารางไม่ใช่สำหรับการออกแบบใช้<h1>เป็นหัวเรื่องหัวเรื่องแรกไม่ใช่ a <span>กับ syles เป็นต้นและอย่าใช้บางอย่าง<h3>เพื่อทำให้ข้อความของคุณโดดเด่นยิ่งขึ้นและใหญ่ขึ้น แต่เนื่องจากคุณใส่หัวเรื่องแรกและหัวเรื่องที่สอง ชื่อและคุณต้องสร้างส่วนย่อยของ<h2>ส่วนก่อนหน้าในโครงสร้างของเอกสารของคุณ (ไม่ใช่หน้าเว็บของคุณ)

สิ่งสำคัญที่จะทำมันง่ายที่จะรู้และใช้การไหลของเอกสาร


1
ฉันไม่เห็นว่าสิ่งนี้ตอบคำถามได้อย่างไร OP ถามเกี่ยวกับผลกระทบของ SEO ดังนั้นทุกอย่างต่ำกว่าประโยคที่สองคือเสียงดังและ 2 ข้อแรกนั้นน้อยเกินไปสำหรับคำตอบ
Danubian Sailor

ฉันได้รับการสอนว่าการแก้ปัญหาเมื่อพูดถึงปัญหาเป็นวิธีที่ดีกว่ามากในการพูดในแง่ลบและก้าวร้าวเช่นเดียวกับคุณ ดังนั้นด้วยวิธีการที่ฉันให้ฉันคิดว่ามันง่ายกว่าที่จะเห็นว่าทำไมตารางจึงไม่ดีสำหรับ SEO IMHO ไม่มันไม่ใช่เสียงรบกวน (noice = เสียงรบกวน?) มันเป็นวิธีที่จะพิสูจน์จุดของฉันและให้การแก้ไขปัญหาในโอกาสเดียวกัน
ปาสกาล Qyy

0

ควรใช้ตาราง HTML สำหรับข้อมูลตารางและชุดข้อมูล (อินพุตรวมถึงเอาต์พุต) ที่ไหลตามธรรมชาติเช่นเดียวกับข้อมูลตารางเช่นฟอร์ม ไม่อนุญาตให้ใช้สำหรับการจัดวางเท่านั้น

สำหรับ SEO และ Google ฉันเชื่อว่า Google ใช้ตรรกะเดียวกันกับข้างต้นไม่ว่าในกรณีใด ๆ การซ้อนข้อมูลเชิงข้อความในโครงสร้างดังกล่าวแทนที่จะใช้โครงสร้างที่เหมาะสมโดยใช้ส่วนหัวและย่อหน้าทำงานได้ดีขึ้น


0

ในหน้า SEO นั้นเกี่ยวข้องกับเนื้อหา (คุณภาพความสดใหม่ยูทิลิตี้) และวิธีที่มันถูกรวมไว้ในองค์ประกอบ HTML

การตัด / เขียน HTML กำลังเลือกแท็กที่เหมาะสมสำหรับเนื้อหา มันไม่สมเหตุสมผลตัวอย่างเช่นห่อข้อความทั้งหมดไว้ในองค์ประกอบ h1 เดียวคุณแค่ใส่ข้อความลงในแบบฟอร์มโดยไม่มีฟิลด์หรือปุ่มส่ง

ที่กล่าวว่าฉันจะทำซ้ำ: ใช้ตารางสำหรับข้อมูลตาราง ในบริบทนี้พวกเขามีเหตุผล ในบริบทอื่น ๆ (เช่นการสร้างเลย์เอาต์เท่านั้น) มันไม่

การใช้ในทางที่ผิดประเภทนี้ไม่ดีสำหรับ SEO เนื่องจากเนื้อหาไม่ได้รับการจัดทำดัชนีอย่างเหมาะสมคุณสามารถบรรลุการจัดอันดับบนหน้าเว็บที่ดีขึ้นผ่านการปรับปรุงที่สะอาดและตรงไปตรงมาร์กอัป


0

ตาราง HTML เหมาะสำหรับการทำ SEO

ฉันใช้ DIV เป็นเวลาหลายปี จากนั้นในการทดลองฉันตัดสินใจใช้ตารางบนหนึ่งในเว็บไซต์ของฉันเพื่อจัดวาง อันดับคำหลักของฉันพุ่งขึ้น ฉัน redid เว็บไซต์ของฉันทีละตารางเพื่อใช้ ในทุกกรณี SEO ได้รับประโยชน์

แม้จะมีสิ่งที่ snobs เว็บและบทความ "สิบอันดับแรกในการปรับปรุง SEO ของคุณ" กล่าวว่าคุณจะไม่ค้นพบวิธีปฏิบัติ SEO ที่ดีที่สุดโดยไม่ต้องทำการทดสอบของคุณเอง

ฉันไม่สนใจว่าแท็กจะหมายถึงอะไรฉันสนใจเรื่องผลลัพธ์

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.