ทำไม Infographic ถึงสำคัญกับ AI เทคนิคการแปลงข้อมูลยาก ๆ ให้บอทอ่านเข้าใจ
วิธีทำ Infographic SEO ให้ AI อ่านข้อมูลในรูปออก ตั้งแต่เขียนคู่ข้อความ จัดหัวข้อประกอบ ตั้งชื่อไฟล์ ไปจนถึงเกณฑ์ว่าเมื่อไรควรใช้ตารางแทนรูป
ทีม NOAH · เผยแพร่ 20 กันยายน 2569 · อัปเดต 20 กันยายน 2569 · อ่าน 14 นาที
สรุปสั้น
- ✓Infographic SEO ไม่ได้หมายถึงการทำรูปให้สวยขึ้น แต่หมายถึงการทำให้ข้อมูลที่อยู่ในรูปมีคู่ข้อความบนหน้าเว็บ เพราะตัวเลขและความสัมพันธ์ที่อยู่ในภาพอย่างเดียวจะไม่ถูกหยิบไปอ้างอิงต่อ
- ✓ระบบอ่านสิ่งรอบ ๆ รูปได้แน่นอนกว่าเนื้อในรูป ได้แก่ ชื่อไฟล์ alt text คำบรรยายใต้ภาพ หัวข้อที่อยู่เหนือภาพ และย่อหน้าที่อยู่ติดกัน จึงควรลงแรงกับห้าจุดนี้ก่อนลงแรงกับการออกแบบ
- ✓คู่ข้อความที่ดีไม่ใช่การบรรยายว่ารูปหน้าตาอย่างไร แต่คือการเขียนข้อสรุปและตัวเลขสำคัญออกมาเป็นประโยคหรือรายการ โดยเฉลี่ยอินโฟกราฟิกหนึ่งชิ้นควรมีคู่ข้อความประมาณ 100-250 คำ
- ✓ถ้าข้อมูลเป็นการเปรียบเทียบตรงไปตรงมาไม่เกินประมาณ 6 แถว 4 คอลัมน์ ให้ใช้ตารางบนหน้าเว็บแทนรูป เพราะตารางถูกอ่านและยกไปตอบได้ทั้งก้อน ส่วนอินโฟกราฟิกเหมาะกับการเล่ากระบวนการ ลำดับเวลา และความสัมพันธ์เชิงพื้นที่
- ✓ยังไม่มีข้อมูลสาธารณะที่ยืนยันได้ว่าระบบ AI อ่านข้อความในภาพได้ครบถ้วนแค่ไหนในภาษาไทย จึงควรออกแบบโดยถือว่าข้อความในรูปอาจไม่ถูกอ่านเลย แล้ววางข้อมูลสำคัญไว้นอกรูปเสมอ
ทีมการตลาดของบริษัทรับเหมาติดตั้งระบบไฟฟ้าใช้เวลาสองสัปดาห์ทำอินโฟกราฟิกสรุปขั้นตอนขออนุญาตติดตั้งโซลาร์รูฟ สวยมาก มีไอคอน มีเส้นเวลา มีตัวเลขวันที่แต่ละขั้นครบ พอโพสต์ลงเว็บแล้วเงียบ ไม่มีใครค้นเจอ และเวลาลูกค้าถามผู้ช่วย AI ว่าขั้นตอนนี้ใช้เวลากี่วัน คำตอบที่ได้ก็อ้างอิงเว็บอื่นที่เขียนเป็นข้อความธรรมดาไม่มีรูปเลยสักรูป
สาเหตุไม่ใช่เพราะรูปไม่ดี แต่เพราะข้อมูลทั้งหมดถูกขังไว้ในไฟล์ภาพ หน้าเว็บนั้นจึงแทบไม่มีข้อความให้ระบบหยิบไปใช้ บทความนี้จะพาดูว่า Infographic SEO ในยุคที่ AI เป็นคนอ่านต้องทำอะไรบ้าง ตั้งแต่เข้าใจว่าระบบเห็นอะไรในรูปจริง ๆ วิธีเขียนคู่ข้อความ การจัดหน้ารอบรูป ไปจนถึงเกณฑ์ว่าเมื่อไรไม่ควรทำรูปเลย ถ้าอยากเห็นภาพรวมของการทำให้สื่อทุกชนิดถูกหยิบไปใช้ อ่านคู่กับ Visual AIO ได้
Infographic SEO คืออะไร และทำไมรูปสวยอย่างเดียวถึงไม่พอ
Infographic SEO คืออะไร
Infographic SEO คือการทำให้ข้อมูลที่นำเสนอในรูปภาพถูกระบบค้นหาและ AI เข้าถึงได้ ด้วยการวางข้อความคู่กันไว้บนหน้าเว็บ ทั้ง alt text คำบรรยายใต้ภาพ หัวข้อที่เกี่ยวข้อง และย่อหน้าที่สรุปตัวเลขสำคัญ หัวใจไม่ได้อยู่ที่การออกแบบให้สวย แต่อยู่ที่การไม่ปล่อยให้สาระสำคัญมีอยู่แค่ในไฟล์ภาพเพียงที่เดียว
เหตุผลที่รูปสวยอย่างเดียวไม่พอคือกลไกการหยิบเนื้อหาไปตอบทำงานกับข้อความเป็นหลัก เมื่อระบบต้องสร้างคำตอบให้ผู้ใช้ มันต้องการประโยคที่อ้างอิงได้ ไม่ใช่ภาพที่ต้องตีความ ถ้าตัวเลขสำคัญของคุณอยู่ในรูปอย่างเดียว ต่อให้คนที่เห็นรูปจะเข้าใจทันที ระบบก็ไม่มีข้อความอะไรให้ยกไปใช้
- อินโฟกราฟิกช่วยคนเข้าใจเร็ว แต่ไม่ได้ช่วยให้ระบบเข้าใจเร็วตามไปด้วยโดยอัตโนมัติ
- หน้าเว็บที่มีแต่รูปกับคำโปรยสองบรรทัด มักถูกมองว่าเป็นหน้าที่มีเนื้อหาน้อยแม้จะมีข้อมูลเยอะก็ตาม
- ไฟล์ภาพที่ถูกแชร์ต่อโดยไม่มีลิงก์กลับ ทำให้ข้อมูลกระจายไปแต่เว็บต้นทางไม่ได้อะไร
- ข้อความในรูปไม่สามารถถูกอ่านออกเสียงต่อในโหมดค้นหาด้วยเสียงได้ ดูเพิ่มที่ Voice Search และ AIO
- รูปขนาดใหญ่ที่ไม่บีบอัดยังทำให้หน้าโหลดช้า ซึ่งเป็นผลเสียซ้อนเข้าไปอีกชั้น
AI เห็นอะไรในอินโฟกราฟิกของคุณบ้าง
สิ่งที่ระบบอ่านได้แน่นอนคือข้อความรอบรูป ส่วนเนื้อในรูปนั้นอ่านได้บ้างแต่ไม่แน่นอน ปัจจุบันโมเดลหลายตัวอ่านข้อความในภาพได้ในระดับหนึ่ง แต่ยังไม่มีข้อมูลสาธารณะที่ยืนยันว่าอ่านภาษาไทยในภาพได้ครบถ้วนแค่ไหน โดยเฉพาะฟอนต์บาง ตัวอักษรบนพื้นสีเข้ม หรือตัวเลขที่วางบนกราฟ วิธีที่ปลอดภัยที่สุดคือออกแบบโดยสมมติว่าข้อความในรูปอาจไม่ถูกอ่านเลย
| องค์ประกอบในชิ้นงาน | ระบบเข้าถึงได้แค่ไหน | ต้องเติมอะไรบนหน้าเว็บ |
|---|---|---|
| หัวเรื่องใหญ่ในรูป | อาจอ่านได้ แต่ไม่ควรพึ่งอย่างเดียว | ทำหัวเรื่องเดียวกันเป็นหัวข้อ h2 หรือ h3 ไว้เหนือรูป |
| ตัวเลขและเปอร์เซ็นต์ในกราฟ | ไม่แน่นอนสูง โดยเฉพาะตัวเลขที่วางทับแท่งกราฟ | เขียนตัวเลขชุดเดียวกันเป็นรายการหรือประโยคใต้รูป พร้อมระบุหน่วยและช่วงเวลา |
| ลำดับขั้นตอนหรือเส้นเวลา | ลำดับก่อนหลังในภาพตีความผิดได้ง่าย | เขียนเป็นรายการเรียงลำดับ 1 ถึง n เป็นข้อความบนหน้า |
| ไอคอนและภาพประกอบ | สื่อความหมายไม่ได้ด้วยตัวเอง | ไม่ต้องบรรยายไอคอน ให้บรรยายความหมายที่ไอคอนแทนอยู่แทน |
| แหล่งที่มาของข้อมูลมุมล่าง | ตัวอักษรเล็กมาก มักอ่านไม่ออก | เขียนแหล่งที่มาเป็นข้อความใต้ภาพด้วยทุกครั้ง |
| ชื่อไฟล์และ alt text | อ่านได้แน่นอน | ตั้งชื่อไฟล์สื่อความหมายและเขียน alt text บรรยายสิ่งที่อยู่ในภาพจริง |
ตารางนี้ให้ข้อสรุปเดียวคือ ยิ่งข้อมูลนั้นสำคัญเท่าไร ยิ่งต้องมีสำเนาของมันอยู่นอกรูปเท่านั้น ไม่ใช่เพราะรูปไม่มีค่า แต่เพราะรูปทำหน้าที่ช่วยคนเข้าใจ ส่วนข้อความทำหน้าที่ให้ระบบอ้างอิง สองอย่างนี้ทำงานคนละหน้าที่และต้องมีทั้งคู่
อย่าใช้อินโฟกราฟิกเป็นที่เก็บเนื้อหาหลักของหน้า
หน้าที่มีรูปหนึ่งใบสรุปทุกอย่างแล้วมีข้อความแค่สองบรรทัด คือหน้าที่แทบไม่มีอะไรให้ระบบหยิบไปตอบ และเมื่อคนนำรูปไปใช้ต่อโดยไม่ให้เครดิต ข้อมูลจะกระจายไปโดยที่เว็บต้นทางไม่ได้รับอะไรกลับมาเลย ให้ถือว่ารูปคือส่วนขยายของเนื้อหา ไม่ใช่ตัวเนื้อหา
หลักการออกแบบอินโฟกราฟิกที่ทั้งคนและบอทใช้ได้
อินโฟกราฟิกที่ทำงานได้ดีในยุค AI คือชิ้นที่ถูกออกแบบมาพร้อมกับข้อความตั้งแต่ต้น ไม่ใช่ออกแบบเสร็จแล้วค่อยมาหาคำบรรยายทีหลัง เพราะเมื่อเริ่มจากข้อมูลเป็นข้อความก่อน คุณจะรู้ทันทีว่าประโยคไหนคือข้อสรุปหลัก แล้วค่อยเลือกว่าจะให้ภาพช่วยเล่าส่วนไหน
อีกหลักที่ใช้ได้เสมอคือหนึ่งชิ้นเล่าหนึ่งเรื่อง อินโฟกราฟิกที่ยัดทั้งสถิติ ขั้นตอน และการเปรียบเทียบรวมไว้ในใบเดียว มักทำให้คู่ข้อความยาวจนไม่มีใครอ่าน และทำให้หัวข้อของหน้าไม่ชัดว่าตอบคำถามอะไรกันแน่ ถ้ามีสามเรื่อง ให้ทำสามชิ้นแล้ววางในหัวข้อที่ต่างกัน
- เริ่มจากเขียนข้อสรุปเป็นประโยคก่อน แล้วค่อยออกแบบภาพจากประโยคนั้น
- หนึ่งชิ้นตอบหนึ่งคำถาม และวางไว้ใต้หัวข้อที่เป็นคำถามนั้นโดยตรง
- ใช้ตัวอักษรขนาดใหญ่พอที่อ่านบนมือถือได้โดยไม่ต้องซูม เพราะคนส่วนใหญ่เปิดจากมือถือ
- ใส่ชื่อแบรนด์และที่อยู่เว็บไว้ในรูปแบบไม่เกะกะ เผื่อรูปถูกแชร์ต่อโดยไม่มีลิงก์
- ถ้าต้องใช้สีแยกความหมาย ให้มีข้อความกำกับด้วย อย่าพึ่งสีเพียงอย่างเดียว
- ส่งออกเป็นไฟล์ที่บีบอัดแล้วและกำหนดความกว้างความสูงไว้ในหน้า เพื่อไม่ให้หน้ากระตุกตอนโหลด
คู่ข้อความของอินโฟกราฟิกควรยาวเท่าไร
คู่ข้อความของอินโฟกราฟิกหนึ่งชิ้นควรอยู่ที่ประมาณ 100-250 คำ ประกอบด้วยประโยคสรุปใจความหนึ่งถึงสองประโยค รายการตัวเลขหรือขั้นตอนสำคัญที่ปรากฏในรูป และหนึ่งประโยคบอกแหล่งที่มาหรือขอบเขตของข้อมูล ถ้าสั้นกว่านี้มักขาดตัวเลขที่ใช้อ้างอิงได้ ถ้ายาวกว่านี้แปลว่าเนื้อหาควรเป็นบทความเต็มโดยมีรูปเป็นส่วนประกอบแทน
ขั้นตอนแปลงข้อมูลยาก ๆ ให้เป็นอินโฟกราฟิกที่บอทอ่านได้
ลำดับด้านล่างใช้ได้กับข้อมูลที่ซับซ้อนทุกประเภท ไม่ว่าจะเป็นขั้นตอนราชการ ตารางเปรียบเทียบสเปกสินค้า หรือผลสำรวจภายในของบริษัทเอง จุดสำคัญคือสองขั้นแรกต้องทำก่อนเปิดโปรแกรมออกแบบเสมอ
ขั้นตอนทำอินโฟกราฟิกให้มีทั้งภาพและข้อความที่ใช้งานได้
- 1
เขียนข้อสรุปหลักออกมาเป็นประโยคเดียว
ถามตัวเองว่าถ้าคนเห็นรูปนี้แล้วจำได้แค่ประโยคเดียว ประโยคนั้นควรเป็นอะไร เช่น ขออนุญาตติดตั้งระบบนี้ใช้เวลารวม 45-60 วัน โดยขั้นที่นานที่สุดคือการรออนุมัติจากการไฟฟ้า ประโยคนี้จะกลายเป็นทั้งหัวเรื่องของรูปและประโยคแรกของคู่ข้อความ
- 2
จัดข้อมูลดิบให้เป็นตารางก่อน
ใส่ข้อมูลลงตารางธรรมดาที่มีหัวคอลัมน์ชัดเจน ขั้นตอนนี้จะบังคับให้เห็นว่าข้อมูลขาดหน่วย ขาดช่วงเวลา หรือขาดแหล่งที่มาตรงไหน ถ้าตารางที่ได้อ่านรู้เรื่องอยู่แล้ว ให้พิจารณาใช้ตารางบนหน้าเว็บแทนการทำรูป
- 3
เลือกรูปแบบการเล่าให้ตรงกับชนิดข้อมูล
ข้อมูลที่เป็นลำดับเวลาใช้เส้นเวลา ข้อมูลที่เป็นขั้นตอนใช้ผังไหล ข้อมูลที่เป็นสัดส่วนใช้แท่งเทียบกัน อย่าเลือกรูปแบบเพราะสวย เพราะรูปแบบที่ผิดชนิดทำให้ทั้งคนและระบบตีความผิดตั้งแต่ต้น
- 4
ออกแบบโดยเผื่อหน้าจอมือถือ
วางเนื้อหาในแนวตั้งและคุมความกว้างให้อ่านได้บนจอเล็ก ถ้าจำเป็นต้องทำแนวนอน ให้แยกเป็นสองชิ้นแทนการย่อจนตัวอักษรเล็กเกินอ่าน
- 5
เขียนคู่ข้อความไว้ใต้รูปทันที
เขียนประโยคสรุปหนึ่งถึงสองประโยค ตามด้วยรายการตัวเลขหรือขั้นตอนที่อยู่ในรูป แล้วปิดด้วยที่มาของข้อมูลและช่วงเวลาที่เก็บ ถ้าเป็นตัวอย่างสมมติให้เขียนกำกับว่าเป็นตัวอย่างอย่างชัดเจน
- 6
ตั้งชื่อไฟล์ เขียน alt text และวางลิงก์ให้ครบ
ตั้งชื่อไฟล์เป็นคำอธิบายสั้น ๆ คั่นด้วยขีด เขียน alt text บรรยายสิ่งที่อยู่ในภาพจริง แล้วลิงก์กลับหน้าต้นทางจากทุกที่ที่นำรูปไปใช้ซ้ำ รายละเอียดวิธีตั้งชื่อดูที่ ตั้งชื่อไฟล์รูปและเขียน Alt Text
ทดสอบด้วยการปิดรูปแล้วอ่านหน้าใหม่
วิธีตรวจว่าคู่ข้อความพอหรือยังคือลองซ่อนรูปออกจากหน้าแล้วอ่านที่เหลือ ถ้ายังเข้าใจข้อสรุปและเห็นตัวเลขสำคัญครบ แปลว่าหน้านี้ใช้งานได้แม้ระบบจะอ่านรูปไม่ออก แต่ถ้าอ่านแล้วงงว่าพูดถึงอะไร แปลว่าเนื้อหาจริงยังถูกขังอยู่ในไฟล์ภาพ ต้องเติมข้อความก่อนเผยแพร่
เขียนคู่ข้อความอย่างไรให้ไม่ซ้ำซ้อนและไม่น่าเบื่อ
คู่ข้อความที่ดีไม่ใช่การบรรยายว่ารูปหน้าตาอย่างไร แต่คือการบอกว่ารูปนั้นสรุปอะไรได้ คนส่วนใหญ่พลาดตรงที่เขียนว่า “ภาพด้านบนแสดงแผนภูมิแท่งสี่แท่งสีน้ำเงิน” ซึ่งไม่มีสาระให้ใครใช้ต่อ สิ่งที่ควรเขียนคือข้อสรุปและตัวเลข เช่น ขั้นตอนไหนใช้เวลานานที่สุดและนานกี่วัน
ตัวอย่างสมมติของบริษัทรับติดตั้งระบบไฟฟ้า คู่ข้อความที่ใช้ได้เขียนแบบนี้ “ขั้นตอนขออนุญาตติดตั้งทั้งหมดมี 5 ขั้น ใช้เวลารวมประมาณ 45-60 วันทำการ ขั้นที่ใช้เวลานานที่สุดคือการรอผลพิจารณาจากหน่วยงานปลายทาง ซึ่งอยู่ที่ 20-30 วันทำการ ส่วนการเตรียมเอกสารและการยื่นคำขอใช้เวลารวมกันไม่เกิน 7 วันทำการ ตัวเลขทั้งหมดเป็นค่าเฉลี่ยจากงานที่บริษัทดำเนินการเอง ไม่ใช่ระยะเวลามาตรฐานที่หน่วยงานประกาศ” จะเห็นว่าอ่านแล้วได้สาระครบโดยไม่ต้องเห็นรูป
- เขียนข้อสรุปก่อน แล้วค่อยลงรายละเอียดตัวเลข ไม่ใช่ไล่อ่านตัวเลขทีละช่องจากซ้ายไปขวา
- ระบุหน่วยและช่วงเวลาเสมอ เช่น วันทำการ บาทต่อชิ้น หรือ ข้อมูลช่วงต้นปี
- บอกที่มาของข้อมูลตรง ๆ ถ้าเป็นตัวเลขภายในของบริษัทให้บอกว่าเป็นตัวเลขภายใน
- ถ้าเป็นตัวอย่างสมมติเพื่อแสดงวิธีคิด ให้เขียนกำกับว่าเป็นตัวอย่าง อย่าปล่อยให้ถูกเข้าใจว่าเป็นสถิติจริง
- จัดรูปแบบข้อมูลที่เทียบกันได้ให้เป็นตารางหรือรายการ เพราะโครงแบบนี้ถูกยกไปตอบง่ายกว่าย่อหน้ายาว ดูแนวทางที่ ใช้ตารางและ Bullet ชิงพื้นที่ AI Snippet
ตั้งชื่อไฟล์ จัดหน้า และทำให้รูปถูกเก็บเข้า index
งานเทคนิคของอินโฟกราฟิกมีไม่กี่จุด แต่ถ้าพลาดจุดใดจุดหนึ่งก็ทำให้ความพยายามทั้งหมดสูญเปล่าได้ หลักคือรูปต้องถูกโหลดจริงในหน้า มีข้อความรอบรูปที่สอดคล้องกัน และมีเส้นทางให้ระบบเดินมาเจอ ตารางด้านล่างเป็นเกณฑ์ที่ตรวจได้ทีละข้อ
| จุดที่ต้องตรวจ | เกณฑ์ที่ใช้ได้ | ผลที่ตามมาถ้าไม่ทำ |
|---|---|---|
| ชื่อไฟล์ | คำอธิบายสั้นเป็นอังกฤษหรือไทยคั่นด้วยขีด ยาวประมาณ 3-6 คำ | ชื่อแบบ img-0012 ไม่ให้สัญญาณใด ๆ เกี่ยวกับเนื้อหาของรูป |
| alt text | บรรยายสิ่งที่อยู่ในภาพจริง ยาวประมาณ 10-20 คำ ไม่ยัดคีย์เวิร์ด | รูปไม่ถูกเข้าใจ และผู้ใช้โปรแกรมอ่านหน้าจอเข้าไม่ถึงเนื้อหา |
| คำบรรยายใต้ภาพ | หนึ่งถึงสองประโยคที่บอกข้อสรุปและที่มาของข้อมูล | เสียตำแหน่งข้อความที่อยู่ใกล้รูปที่สุดและมีน้ำหนักในการตีความ |
| หัวข้อเหนือรูป | เป็นคำถามหรือหัวเรื่องที่ตรงกับสิ่งที่รูปตอบ | ระบบจับคู่ไม่ได้ว่ารูปนี้เกี่ยวกับคำถามใด |
| ขนาดและการโหลด | บีบอัดก่อนอัปโหลด กำหนดความกว้างและความสูงไว้ในหน้า | หน้าโหลดช้าและเลย์เอาต์ขยับ ซึ่งกระทบประสบการณ์ผู้ใช้โดยตรง |
| เส้นทางให้ระบบเจอรูป | รูปอยู่ในหน้า HTML จริง และถูกรวมไว้ใน sitemap ของรูป | รูปที่โหลดด้วยสคริปต์อย่างเดียวอาจไม่ถูกเก็บเข้า index |
ข้อสุดท้ายในตารางเป็นจุดที่เว็บสมัยใหม่พลาดบ่อยที่สุด เพราะระบบจัดการเว็บหลายตัวโหลดรูปด้วยสคริปต์ทั้งหมด ทำให้รูปไม่ปรากฏในโค้ดของหน้าตั้งแต่แรก วิธีตรวจและวิธีทำ sitemap ของรูปอย่างละเอียดอยู่ที่ วิธีทำ Image Sitemap ส่วนการเชื่อมอินโฟกราฟิกเข้ากับโครงเนื้อหาทั้งเว็บ อ่านต่อได้ที่ การวางโครงสร้าง Content Matrix
ข้อมูลกำกับภาพไม่ได้ทำงานแทนข้อความบนหน้า
การใส่ข้อมูลกำกับแบบ structured data ให้รูปช่วยบอกระบบว่ารูปนี้คืออะไรและอยู่ในบริบทใด แต่ไม่ได้ทำให้ข้อมูลในรูปถูกอ่านออก และไม่ได้รับประกันการแสดงผลแบบพิเศษใด ๆ ให้จัดลำดับงานโดยเขียนคู่ข้อความให้ครบก่อน แล้วค่อยเพิ่มข้อมูลกำกับตามทีหลัง แนวทางการวาง schema ทั้งชุดอ่านได้ที่ เทคนิคอัปเดต Structured Data
เมื่อไรควรใช้อินโฟกราฟิก และเมื่อไรควรใช้ตารางแทน
กฎง่าย ๆ คือถ้าข้อมูลเป็นการเปรียบเทียบตรงไปตรงมาและใส่ในตารางได้ภายในประมาณ 6 แถว 4 คอลัมน์ ให้ใช้ตารางบนหน้าเว็บ เพราะตารางเป็นข้อความอยู่แล้ว ถูกยกไปตอบได้ทั้งก้อน และแก้ไขภายหลังได้โดยไม่ต้องเปิดโปรแกรมออกแบบ ส่วนอินโฟกราฟิกจะคุ้มค่าเมื่อความหมายอยู่ที่ความสัมพันธ์เชิงพื้นที่ ลำดับ หรือการไหลของกระบวนการ
- เลือกตารางเมื่อข้อมูลเป็นการเทียบค่าระหว่างตัวเลือก เช่น แพ็กเกจ สเปก หรือเงื่อนไขบริการ
- เลือกรายการเรียงลำดับเมื่อเป็นขั้นตอนที่ทำตามได้ และไม่มีการแตกแขนงระหว่างทาง
- เลือกอินโฟกราฟิกเมื่อมีการแตกแขนง มีเส้นเวลา หรือมีแผนผังที่ต้องเห็นภาพรวมพร้อมกัน
- เลือกอินโฟกราฟิกเมื่อชิ้นงานนั้นจะถูกใช้ซ้ำในสไลด์ ใบเสนอราคา หรือโซเชียล ไม่ใช่ใช้บนเว็บอย่างเดียว
- ถ้าข้อมูลเปลี่ยนบ่อยกว่าไตรมาสละครั้ง ให้ใช้ตาราง เพราะต้นทุนการแก้รูปทุกครั้งสูงเกินคุ้ม
- ถ้าทำทั้งสองอย่างได้ ให้ทำตารางเป็นหลักแล้วใช้รูปเป็นตัวช่วยสรุปภาพรวมด้านบน
ตัวอย่างสมมติที่เห็นชัดคือร้านขายวัสดุก่อสร้าง ข้อมูล “เปรียบเทียบความหนาและราคาของแผ่นยิปซัมสามรุ่น” ควรเป็นตาราง เพราะลูกค้าอยากเทียบตัวเลขและราคาเปลี่ยนบ่อย ส่วน “ขั้นตอนการติดตั้งฝ้าตั้งแต่วัดพื้นที่จนเก็บงาน” ควรเป็นอินโฟกราฟิก เพราะมีลำดับ มีจุดที่ต้องตัดสินใจ และช่างหน้างานเอาไปใช้ต่อได้ การแยกแบบนี้ทำให้แต่ละรูปแบบทำงานในสิ่งที่มันเก่ง
สิ่งที่ไม่ควรทำกับอินโฟกราฟิก
ความผิดพลาดส่วนใหญ่เกิดจากการมองอินโฟกราฟิกเป็นชิ้นงานออกแบบ ไม่ใช่ชิ้นงานข้อมูล ผลคือทีมทุ่มเวลากับความสวยงามแต่ไม่มีใครรับผิดชอบเรื่องความถูกต้องและที่มาของตัวเลข เมื่อรูปถูกแชร์ต่อ ข้อมูลที่ผิดจะเดินทางไปไกลกว่าข้อความที่ผิดเสมอ เพราะคนเชื่อรูปโดยไม่ตรวจสอบ
- ใส่ตัวเลขหรือสถิติที่หาที่มาไม่ได้ลงในรูป เพราะเมื่อถูกอ้างต่อ ความเสียหายกับความน่าเชื่อถือย้อนกลับมาที่แบรนด์
- ทำรูปเป็นตารางราคาแล้วไม่เขียนราคาเป็นข้อความ ทำให้ลูกค้าที่ค้นหาราคาไม่เจอหน้าเว็บนี้เลย
- ใช้ตัวอักษรเล็กจนอ่านบนมือถือไม่ได้ ทั้งที่ผู้อ่านส่วนใหญ่เปิดจากมือถือ
- เอาอินโฟกราฟิกชิ้นเดียวไปวางซ้ำหลายหน้าโดยไม่เปลี่ยนบริบท ทำให้หลายหน้าดูเหมือนกันจนแยกไม่ออก
- เขียน alt text เป็นคีย์เวิร์ดเรียงกันแทนคำบรรยาย ซึ่งไม่ช่วยอะไรและเข้าข่ายทำเกินพอดี ดูเส้นแบ่งได้ที่ Over-optimization
- ฝังข้อมูลติดต่อสำคัญไว้ในรูปอย่างเดียว เช่น เบอร์โทรหรือเวลาทำการ ทำให้คัดลอกไม่ได้และกดโทรไม่ได้
ถ้าจะจำเพียงข้อเดียวจากหัวข้อนี้ ให้จำว่าอะไรก็ตามที่สำคัญพอจะใส่ในรูป ก็สำคัญพอที่จะต้องมีอยู่เป็นข้อความบนหน้าเว็บด้วย การทำงานซ้ำสองรอบนี้ฟังดูเสียเวลา แต่ใช้เวลาเพิ่มจริงแค่ไม่กี่นาทีต่อชิ้น เทียบกับการที่ข้อมูลทั้งชุดไม่ถูกหยิบไปใช้เลยแล้วถือว่าคุ้มมาก
ควรทำอินโฟกราฟิกกี่ชิ้นต่อบทความหนึ่งเรื่อง+
ส่วนใหญ่หนึ่งถึงสองชิ้นก็พอ และควรวางไว้ในหัวข้อที่รูปช่วยอธิบายได้จริง ไม่ใช่วางไว้ต้นบทความเพื่อความสวยงาม บทความที่มีรูปสรุปเยอะเกินไปมักทำให้ผู้อ่านข้ามเนื้อหาและทำให้คู่ข้อความแต่ละชิ้นตื้นลง ถ้าพบว่าต้องใช้เกินสามชิ้นในบทความเดียว มักแปลว่าเนื้อหานั้นควรแตกเป็นหลายบทความ
ให้คนอื่นนำอินโฟกราฟิกไปใช้ต่อได้ไหม+
ให้ได้และมักเป็นผลดี แต่ควรกำหนดเงื่อนไขไว้ชัดว่าต้องให้เครดิตและลิงก์กลับมาหน้าต้นทาง วิธีที่ใช้ได้จริงคือเขียนย่อหน้าสั้นใต้รูปว่าอนุญาตให้นำไปใช้ต่อโดยระบุที่มา และใส่ชื่อเว็บไว้ในรูปด้วย เพราะเมื่อรูปถูกบันทึกแล้วส่งต่อในแชท ข้อความรอบรูปจะหายไปหมด เหลือแต่สิ่งที่อยู่ในภาพ
ไฟล์แบบไหนเหมาะกับอินโฟกราฟิกมากกว่ากัน+
ถ้างานมีตัวอักษรเยอะและเส้นคม ไฟล์แบบเวกเตอร์จะให้ตัวอักษรคมกว่าและมักมีขนาดเล็กกว่า แต่ถ้าระบบจัดการเว็บที่ใช้อยู่รองรับไม่ดี การส่งออกเป็นไฟล์ภาพทั่วไปที่บีบอัดแล้วก็เพียงพอ สิ่งที่สำคัญกว่าชนิดไฟล์คือขนาดไฟล์ที่ไม่ใหญ่เกินจนหน้าโหลดช้า และการมีข้อความคู่กันอยู่บนหน้าเสมอ
อัปเดตข้อมูลในอินโฟกราฟิกเก่าอย่างไรไม่ให้เสียอันดับ+
แก้ไฟล์รูปแล้วอัปโหลดทับที่อยู่เดิมถ้าทำได้ เพื่อไม่ให้ลิงก์ที่ชี้มาเสีย จากนั้นแก้คู่ข้อความใต้รูปให้ตรงกับตัวเลขใหม่ และระบุวันที่ปรับปรุงไว้ในคำบรรยาย ถ้าจำเป็นต้องเปลี่ยนที่อยู่ไฟล์ ให้อัปเดตลิงก์ในทุกหน้าที่อ้างถึง และตรวจว่า sitemap ของรูปชี้ไปที่อยู่ใหม่แล้ว
ต้องแปลอินโฟกราฟิกเป็นภาษาอังกฤษด้วยไหม+
ทำเมื่อมีผู้อ่านภาษาอังกฤษจริงและมีคนดูแลเนื้อหาสองภาษาได้ต่อเนื่องเท่านั้น ถ้าทำ ให้แยกเป็นคนละไฟล์และคนละหน้า ไม่ใช่ใส่สองภาษาซ้อนกันในรูปเดียวซึ่งทำให้ตัวอักษรเล็กลงและอ่านยากทั้งสองภาษา ส่วนคู่ข้อความก็ต้องแปลตามไปด้วย ไม่ใช่แปลแค่ตัวรูป
เปลี่ยนข้อมูลที่ยังอยู่แต่ในรูปให้กลายเป็นเนื้อหาที่ค้นเจอ
NOAH ช่วยวางโครงบทความภาษาไทยพร้อมหัวข้อและชุด FAQ เพื่อให้ข้อมูลที่คุณสรุปไว้ในอินโฟกราฟิกมีคู่ข้อความบนหน้าเว็บอย่างครบถ้วน ลองเริ่มจากชิ้นงานที่ทีมคุณภูมิใจที่สุดหนึ่งชิ้น
เริ่มฟรี 3 บทความ