สวัสดีค่ะทุกคน ขอบอกก่อนเลยว่าเราเป็นดีไซน์เนอร์ในทีม HugWeb ทำเว็บมาได้ราวปีนึง อยากมาเล่าสิ่งที่เราพลาดเองตอนทำเว็บให้ลูกค้า เผื่อใครกำลังทำเว็บหรือมีเว็บอยู่แล้วจะได้ไม่เจอแบบเดียวกัน
เรื่องมันเริ่มจากเว็บนึงที่เราภูมิใจมาก เป็นเว็บธุรกิจคอมมูนิตี้ สีสวย รูปสวย ลูกค้าชอบ ส่งงานไปแบบมั่นใจสุด ๆ ผ่านไปซักพัก ลูกค้าทักมาถามว่า "ทำไมพิมพ์ชื่อร้านใน Google แล้วไม่เจอเว็บเลย"
ตอนนั้นเราตอบไม่ได้ พอไปนั่งไล่ดูถึงรู้ว่าหลายอย่างที่เราทำเพื่อความสวย มันทำให้ Google อ่านเว็บไม่ออก เลยสรุปมาเป็น 5 ข้อนี้
1. เอาตัวหนังสือสำคัญไปฝังไว้ในรูป
แบนเนอร์หน้าแรกที่มีชื่อร้านกับสโลแกนตัวใหญ่ ๆ เราทำเป็นรูปทั้งแผ่น เพราะคุมฟอนต์กับตำแหน่งได้เป๊ะ แต่ Google มองเห็นแค่ว่า "มีรูปอยู่หนึ่งรูป" ข้อความที่สำคัญที่สุดของเว็บเลยหายไปเฉย ๆ
-> ตอนนี้เราแก้โดยให้รูปเป็นแค่พื้นหลัง แล้ววางข้อความจริงทับด้านบน หน้าตาเหมือนเดิมเกือบทุกอย่าง
2. เลือกขนาดหัวข้อตามความสวย ไม่ใช่ตามความสำคัญ
เราเคยใช้หัวข้อใหญ่สุดกับคำว่า "Welcome" เพราะมันดูสวย แล้วไปใช้หัวข้อเล็กกับชื่อร้าน แบบนี้เท่ากับบอก Google ว่าเว็บนี้เกี่ยวกับคำว่า Welcome
-> หัวข้อใหญ่สุดควรมีอันเดียว และควรบอกว่าเราคือใคร ทำอะไร อยู่ที่ไหน เช่น "ร้านกาแฟเลิฟลี่ ย่านสีลม " ส่วนขนาดตัวอักษรค่อยไปปรับในดีไซน์ได้
3. รูปหน้าแรกไฟล์ใหญ่มาก
ดีไซน์เนอร์ชอบรูปคม ๆ เราเคยใส่รูปที่ไฟล์ใหญ่หลาย MB ไว้หน้าแรก เปิดบนคอมที่ออฟฟิศก็เร็วดี แต่ลูกค้าส่วนใหญ่เปิดจากมือถือด้วยเน็ตมือถือ รอนานจนกดออกก่อน และ Google ก็ดูเรื่องความเร็วด้วย
-> ตอนนี้เราย่อรูปให้กว้างแค่เท่าที่แสดงจริง เซฟเป็น WebP แล้วบีบให้เหลือไม่กี่ร้อย KB ตาเปล่าแทบไม่เห็นความต่าง (ทีม dev คอยให้คำแนะนำเรื่องนี้มา เพิ่งรู้)
4. ไม่ตั้งชื่อรูป ไม่ใส่คำอธิบายรูป
รูปในเว็บเราเคยชื่อ IMG_4521.jpg ทั้งเว็บ และไม่ได้ใส่คำอธิบายรูป (alt text) เลยสักรูป (รูปมันเยอะเลยขี้เกียจตั้ง) ทั้งที่รูปเมนู รูปหน้าร้าน รูปสินค้า เป็นสิ่งที่คนค้นหาบ่อยมาก
-> แค่เปลี่ยนชื่อไฟล์เป็นแบบ latte-art-lovelycafe.jpg และเขียนคำอธิบายสั้น ๆ ว่ารูปคืออะไร ก็ช่วยให้ Google และคนที่ใช้โปรแกรมอ่านหน้าจอเข้าใจรูปได้
5. หน้าแรกขายอารมณ์ แต่ไม่มีคำที่ลูกค้าพิมพ์ค้นจริง
หน้าแรกเราเคยมีแต่ประโยคสวย ๆ อย่าง "กาแฟที่เข้าใจคุณ" แต่ไม่มีคำว่า "ร้านกาแฟ" หรือชื่อย่านอยู่ตรงไหนเลย ทั้งที่ลูกค้าจะพิมพ์ว่า "ร้านกาแฟ สีลม" ไม่ใช่ "กาแฟที่เข้าใจคุณ"
-> ตอนนี้ก่อนออกแบบ เราจะถามเจ้าของร้านว่าลูกค้าน่าจะพิมพ์คำว่าอะไรตอนหาร้านแบบนี้ แล้วใส่คำนั้นไว้ในหัวข้อกับย่อหน้าแรก ประโยคสวย ๆ ยังใส่ได้ แค่ต้องมีคำที่คนค้นอยู่ด้วย
เช็กเว็บตัวเองแบบง่าย ๆ ใน 5 นาที
- ลองลากคลุมตัวหนังสือบนแบนเนอร์หน้าแรก ถ้าลากไม่ได้ แปลว่ามันเป็นรูป
- เปิดเว็บบนมือถือด้วยเน็ตมือถือ (ปิด WiFi) แล้วดูว่ารอนานแค่ไหน
- ลองใช้ PageSpeed Insights ของ Google ใส่ชื่อเว็บแล้วดูคะแนนฝั่งมือถือ
- พิมพ์ site:ชื่อเว็บของเรา ใน Google เพื่อดูว่า Google รู้จักเว็บเรากี่หน้า
ขอบอกไว้ตรง ๆ
5 ข้อนี้ไม่ได้ทำให้เว็บขึ้นหน้าแรกทันที การติดอันดับยังขึ้นกับเนื้อหา รีวิว อายุเว็บ และคู่แข่งในย่านเดียวกันด้วย แต่ 5 ข้อนี้คือพื้นฐานที่ถ้าพลาด ต่อให้ทำอย่างอื่นดีแค่ไหน Google ก็อ่านเว็บเราไม่ออกตั้งแต่แรก
และไม่ได้แปลว่าความสวยไม่สำคัญนะ ดีไซน์ที่ดีทำให้คนอยู่ในเว็บนานและอยากติดต่อ ส่วน SEO ทำให้คนหาเราเจอตั้งแต่แรก เราว่าสองอย่างนี้ไปด้วยกันได้ แค่ต้องคิดตั้งแต่ตอนเริ่มออกแบบ ไม่ใช่มาแก้ทีหลังแบบเรา ไม่งั้นก็งานเหนื่อยแก้ไม่รู้จบเลย
ใครเคยเจออะไรคล้าย ๆ กันมาเล่าได้นะ หรือถ้าอยากให้ช่วยดูว่าเว็บตัวเองพลาดข้อไหน บอกประเภทธุรกิจมาในคอมเมนต์ได้เลย เดี๋ยวเรามาตอบ
5 นิสัยดีไซน์เนอร์ที่ทำร้าย SEO แบบไม่รู้ตัว (เราทำมาครบทุกข้อ)
เรื่องมันเริ่มจากเว็บนึงที่เราภูมิใจมาก เป็นเว็บธุรกิจคอมมูนิตี้ สีสวย รูปสวย ลูกค้าชอบ ส่งงานไปแบบมั่นใจสุด ๆ ผ่านไปซักพัก ลูกค้าทักมาถามว่า "ทำไมพิมพ์ชื่อร้านใน Google แล้วไม่เจอเว็บเลย"
ตอนนั้นเราตอบไม่ได้ พอไปนั่งไล่ดูถึงรู้ว่าหลายอย่างที่เราทำเพื่อความสวย มันทำให้ Google อ่านเว็บไม่ออก เลยสรุปมาเป็น 5 ข้อนี้
1. เอาตัวหนังสือสำคัญไปฝังไว้ในรูป
แบนเนอร์หน้าแรกที่มีชื่อร้านกับสโลแกนตัวใหญ่ ๆ เราทำเป็นรูปทั้งแผ่น เพราะคุมฟอนต์กับตำแหน่งได้เป๊ะ แต่ Google มองเห็นแค่ว่า "มีรูปอยู่หนึ่งรูป" ข้อความที่สำคัญที่สุดของเว็บเลยหายไปเฉย ๆ
-> ตอนนี้เราแก้โดยให้รูปเป็นแค่พื้นหลัง แล้ววางข้อความจริงทับด้านบน หน้าตาเหมือนเดิมเกือบทุกอย่าง
2. เลือกขนาดหัวข้อตามความสวย ไม่ใช่ตามความสำคัญ
เราเคยใช้หัวข้อใหญ่สุดกับคำว่า "Welcome" เพราะมันดูสวย แล้วไปใช้หัวข้อเล็กกับชื่อร้าน แบบนี้เท่ากับบอก Google ว่าเว็บนี้เกี่ยวกับคำว่า Welcome
-> หัวข้อใหญ่สุดควรมีอันเดียว และควรบอกว่าเราคือใคร ทำอะไร อยู่ที่ไหน เช่น "ร้านกาแฟเลิฟลี่ ย่านสีลม " ส่วนขนาดตัวอักษรค่อยไปปรับในดีไซน์ได้
3. รูปหน้าแรกไฟล์ใหญ่มาก
ดีไซน์เนอร์ชอบรูปคม ๆ เราเคยใส่รูปที่ไฟล์ใหญ่หลาย MB ไว้หน้าแรก เปิดบนคอมที่ออฟฟิศก็เร็วดี แต่ลูกค้าส่วนใหญ่เปิดจากมือถือด้วยเน็ตมือถือ รอนานจนกดออกก่อน และ Google ก็ดูเรื่องความเร็วด้วย
-> ตอนนี้เราย่อรูปให้กว้างแค่เท่าที่แสดงจริง เซฟเป็น WebP แล้วบีบให้เหลือไม่กี่ร้อย KB ตาเปล่าแทบไม่เห็นความต่าง (ทีม dev คอยให้คำแนะนำเรื่องนี้มา เพิ่งรู้)
4. ไม่ตั้งชื่อรูป ไม่ใส่คำอธิบายรูป
รูปในเว็บเราเคยชื่อ IMG_4521.jpg ทั้งเว็บ และไม่ได้ใส่คำอธิบายรูป (alt text) เลยสักรูป (รูปมันเยอะเลยขี้เกียจตั้ง) ทั้งที่รูปเมนู รูปหน้าร้าน รูปสินค้า เป็นสิ่งที่คนค้นหาบ่อยมาก
-> แค่เปลี่ยนชื่อไฟล์เป็นแบบ latte-art-lovelycafe.jpg และเขียนคำอธิบายสั้น ๆ ว่ารูปคืออะไร ก็ช่วยให้ Google และคนที่ใช้โปรแกรมอ่านหน้าจอเข้าใจรูปได้
5. หน้าแรกขายอารมณ์ แต่ไม่มีคำที่ลูกค้าพิมพ์ค้นจริง
หน้าแรกเราเคยมีแต่ประโยคสวย ๆ อย่าง "กาแฟที่เข้าใจคุณ" แต่ไม่มีคำว่า "ร้านกาแฟ" หรือชื่อย่านอยู่ตรงไหนเลย ทั้งที่ลูกค้าจะพิมพ์ว่า "ร้านกาแฟ สีลม" ไม่ใช่ "กาแฟที่เข้าใจคุณ"
-> ตอนนี้ก่อนออกแบบ เราจะถามเจ้าของร้านว่าลูกค้าน่าจะพิมพ์คำว่าอะไรตอนหาร้านแบบนี้ แล้วใส่คำนั้นไว้ในหัวข้อกับย่อหน้าแรก ประโยคสวย ๆ ยังใส่ได้ แค่ต้องมีคำที่คนค้นอยู่ด้วย
เช็กเว็บตัวเองแบบง่าย ๆ ใน 5 นาที
- ลองลากคลุมตัวหนังสือบนแบนเนอร์หน้าแรก ถ้าลากไม่ได้ แปลว่ามันเป็นรูป
- เปิดเว็บบนมือถือด้วยเน็ตมือถือ (ปิด WiFi) แล้วดูว่ารอนานแค่ไหน
- ลองใช้ PageSpeed Insights ของ Google ใส่ชื่อเว็บแล้วดูคะแนนฝั่งมือถือ
- พิมพ์ site:ชื่อเว็บของเรา ใน Google เพื่อดูว่า Google รู้จักเว็บเรากี่หน้า
ขอบอกไว้ตรง ๆ
5 ข้อนี้ไม่ได้ทำให้เว็บขึ้นหน้าแรกทันที การติดอันดับยังขึ้นกับเนื้อหา รีวิว อายุเว็บ และคู่แข่งในย่านเดียวกันด้วย แต่ 5 ข้อนี้คือพื้นฐานที่ถ้าพลาด ต่อให้ทำอย่างอื่นดีแค่ไหน Google ก็อ่านเว็บเราไม่ออกตั้งแต่แรก
และไม่ได้แปลว่าความสวยไม่สำคัญนะ ดีไซน์ที่ดีทำให้คนอยู่ในเว็บนานและอยากติดต่อ ส่วน SEO ทำให้คนหาเราเจอตั้งแต่แรก เราว่าสองอย่างนี้ไปด้วยกันได้ แค่ต้องคิดตั้งแต่ตอนเริ่มออกแบบ ไม่ใช่มาแก้ทีหลังแบบเรา ไม่งั้นก็งานเหนื่อยแก้ไม่รู้จบเลย
ใครเคยเจออะไรคล้าย ๆ กันมาเล่าได้นะ หรือถ้าอยากให้ช่วยดูว่าเว็บตัวเองพลาดข้อไหน บอกประเภทธุรกิจมาในคอมเมนต์ได้เลย เดี๋ยวเรามาตอบ