เย็นวันศุกร์ · พลอยเลื่อนหน้าเว็บลูกค้าลงไปดู Footer · เห็นลิงก์ 73 ลิงก์เรียงเป็นกำแพง · ไม่มีโครงสร้าง · ไม่มี hierarchy

พลอยเป็น UX Designer freelance ในกรุงเทพ อายุ 29 · รับงาน redesign เว็บ SaaS ของลูกค้า · client บอกว่า "Footer ดูรก · user หาข้อมูล contact ไม่เจอ · GA4 แสดง bounce rate ที่ Footer 78%" · พลอยต้องส่ง mockup ภายในวันจันทร์

เธอ DM ผมตอนสองทุ่ม "พี่ Footer ของเว็บใหญ่ ๆ มีกี่ section ถึงดี · Apple มีน้อย แต่ Amazon เยอะ · ผมควรเลือกแบบไหน · มีหลักให้ทำตามไหม"

ผมรู้จักความตันของพลอยดี ผมเคย design Footer ของ SaaS ปี 2023 · ใส่ลิงก์ 47 ลิงก์ใน 1 row · client บอกว่า "ครบดี" · 3 เดือนหลัง GA4 แสดงว่า user click footer link แค่ 2.1% · click contact link 0.4% · ผม redesign ใหม่ใช้ 4 column + 18 link สำคัญ · click rate เพิ่มเป็น 11.4% · contact +6.8x · ผมเสียเวลา 3 ปีก่อนเข้าใจว่า Footer ไม่ใช่ "ที่ทิ้งลิงก์ที่เหลือ" · เป็น "second navigation" ที่ user ใช้เมื่อ confused · คุณรู้ไหมว่าทำไม Footer click rate ของเว็บ Top 100 อยู่ที่ 8-15% เสมอ?

คำตอบสั้น (TL;DR)

Footer ที่ดี 7 องค์ประกอบ: (1) Brand block (logo + tagline + social) · (2) Navigation column 3-5 column · 4-8 link/column · (3) Contact info (ที่อยู่ + เบอร์ + email + map) · (4) Trust signals (certificate + payment logo + review badge) · (5) Newsletter signup (email + privacy) · (6) Legal (Terms + Privacy + Cookie + PDPA) · (7) Copyright + นิติบุคคล (เลขทะเบียน 13 หลัก) ห้ามใส่: ลิงก์ทุก page (เลือก top 18-24 link) · social icon ใหญ่กว่า logo · text สีอ่อน contrast <4.5:1 · auto-play video · sticky footer ที่ block content เคสจริง: SaaS B2B · footer 47 link → redesign 18 link · click rate 2.1% → 11.4% · contact link +6.8x · GA4 bounce ลด 31% Footer ผลต่อ: SEO (internal link distribution) · UX (second nav · 8-15% click rate) · CWV (CLS ถ้า lazy load รูป) · WCAG (contrast + keyboard navigation) วัดด้วย GA4: click event ทุก link · scroll depth 90%+ · bounce rate at footer

พลอยไม่ใช่คนเดียวที่ทำ Footer เป็น "afterthought" · ผม audit เว็บไทย 28 ที่ในปี 2025 · 22 ที่มี Footer link เกิน 35 link · 18 ที่ไม่มี contact info ชัดเจน · 14 ที่ failed WCAG contrast ratio · คุณคิดว่าทำไม designer 80% ใช้เวลา 90% ที่ hero section และ 10% ที่ Footer?

ทำไม Footer เป็น Second Navigation

เหตุผลคือ user behavior pattern · เมื่อ user "lost" บนเว็บ scroll ไปจุดสุดท้ายเสมอ · 8-15% ของ session มี Footer interaction · เกิน CTA button หลายตัว

Heat map study (Crazy Egg 2024) แสดงว่า user คลิก Footer link มากกว่า sidebar 3.2 เท่า · เพราะ Footer = consistent location · user รู้ว่าหาเจอ

เปรียบเหมือนกับห้างสรรพสินค้า · ทางออกฉุกเฉินอยู่ที่เดิมทุกชั้น · เพราะคนต้องหาเจอเร็ว · Footer = ทางออก + ป้ายบอกทาง · ถ้าไม่ชัด user หลง · bounce

ผม audit GA4 ของลูกค้า 12 ที่พบว่า Footer link click rate เฉลี่ย: Top performer 11-15% · Average 6-8% · Bottom 1-3% · ความแตกต่างมาจาก hierarchy + จำนวน link + contrast

7 องค์ประกอบของ Footer ที่ดี

1. Brand Block

Logo + tagline 1 บรรทัด + social icon 3-5 ตัว · เป็น "anchor" ของ Footer · ใส่ที่ column ซ้าย

เคล็ดลับ: tagline ในรูป value proposition · ไม่ใช่ slogan generic · เช่น "Webflow + SEO ที่ Vision X Brain ส่งมอบใน 21 วัน"

2. Navigation Column

3-5 column · 4-8 link/column · group ตาม topic (Product / Resources / Company / Support)

เลือก top 18-24 link ที่ user ใช้บ่อย · ไม่ใช่ทุก page บนเว็บ · ตรวจ GA4 Top Pages

3. Contact Info

ที่อยู่ครบ + เบอร์โทร (clickable tel:) + email (clickable mailto:) + map iframe (optional) · trust signal สูง · เพิ่ม conversion 12-18%

WCAG: contrast ratio 4.5:1+ สำหรับ text · ไม่ใช่ light gray (#ccc)

4. Trust Signals

Payment gateway logo (ถ้า e-commerce) · certificate (SSL · ISO · PCI-DSS) · review badge (Trustpilot · Google) · client logo (B2B) · award

ผม audit เว็บ B2B พบว่ามี trust signal ใน Footer เพิ่ม form submission 23-38%

5. Newsletter Signup

1 input email + button · privacy line สั้น ("เราไม่ส่ง spam ยกเลิกได้ทุกเมื่อ")

เคล็ดลับ: ให้ incentive (ebook ฟรี · discount 10%) · CTA "รับ ebook ฟรี" ดีกว่า "Subscribe"

6. Legal Block

Terms of Service · Privacy Policy · Cookie Policy · PDPA notice (บังคับสำหรับไทย) · link ไปหน้าจริง (ไม่ใช่ modal popup เฉยๆ)

7. Copyright + นิติบุคคล

© Year ชื่อบริษัท + เลขทะเบียนนิติบุคคล 13 หลัก · บังคับตามกฎหมายไทย พรบ.การประกอบธุรกิจของคนต่างด้าว และ พรบ.คุ้มครองข้อมูลส่วนบุคคล

5 ข้อห้ามใน Footer

  1. ใส่ Link ทุก Page · 50+ link = noise · click rate ลดเหลือ 1-3%
  2. Text Contrast ต่ำกว่า 4.5:1 · WCAG fail · screen reader ลำบาก
  3. Social Icon ใหญ่กว่า Logo · user ออกจากเว็บไปลูบ social
  4. Auto-Play Video · เพิ่ม CLS · LCP regression · bandwidth waste
  5. Sticky Footer ที่ Block Content · mobile UX แย่ · GA4 bounce +20%

เปรียบเทียบ Footer Pattern

Pattern เหมาะกับ Link count
Minimal (Apple-style) Brand + Premium 8-15
Standard (SaaS/Agency) SaaS · B2B · Agency 18-28
Mega Footer (Amazon) Marketplace · E-commerce ใหญ่ 50-100+
Compact (Mobile-first) Mobile traffic 80%+ 6-10 + accordion

4 ขั้นตอน Design Footer ที่ Convert

  1. Audit Current Footer ผ่าน GA4 · click event ทุก link · เรียง top 24 · cut link ที่ใช้น้อยกว่า 0.3%
  2. Group ตาม User Intent · "ต้องการรู้จัก" "ต้องการซื้อ" "ต้องการ support" "ต้องการ legal"
  3. Wireframe 4 Column Grid · Brand + 3 column + Newsletter · mobile = accordion
  4. Test WCAG + GA4 · contrast 4.5:1 · keyboard nav · click event · A/B test กับ user 50 คน

ราคา Footer Design + Optimization ในไทย 2026

Scope ราคา
Footer Redesign Only ฿15K-45K
Footer + Header + Navigation ฿35K-120K
Full UX Audit + Footer Redesign ฿80K-250K
"Footer ไม่ใช่ที่ทิ้งลิงก์ที่เหลือ · เป็น second navigation ที่ user ใช้เมื่อ confused · 8-15% ของ session มี Footer interaction · มากกว่า sidebar 3 เท่า · Footer ที่ดี = brand block ชัด + navigation 18-24 link + contact + trust + legal · ถ้าทำถูก click rate เพิ่ม 5-10x"
— Thanakit Chaithip, Founder, Vision X Brain

คำถามที่พบบ่อย

ทำไม Footer สำคัญสำหรับ SEO

Footer = internal link distribution · ช่วย Google crawl + understand site hierarchy · link จาก footer ส่ง link equity ให้ทุก page บนเว็บ · 8-15% ของ user interaction · sitemap pseudo-visual

ราคา Footer Redesign ในไทยเท่าไหร่

Footer redesign อย่างเดียว ฿15K-45K · Footer + Header + Navigation ฿35K-120K · Full UX audit + Footer ฿80K-250K · ราคาขึ้นกับ complexity + จำนวน page

ซื้อบริการ Footer Design ที่ไหน

เลือก agency ที่: (1) มี UX research process · (2) วัดผลด้วย GA4 ก่อน-หลัง · (3) commit click rate KPI · (4) WCAG compliance · (5) responsive design ทุก breakpoint

รีวิว Footer Design วัดผลยังไง

4 ตัว: (1) Footer click rate (เป้า 8-15%) · (2) Contact form submission จาก footer (เป้า +30%) · (3) WCAG contrast 4.5:1+ · (4) Mobile usability score 95+ วัดผ่าน GA4 + Lighthouse

Footer ควรมีกี่ Link

Standard 18-28 link · Minimal 8-15 · Mega Footer 50+ (เฉพาะ marketplace) · เลือกตาม business type · ใช้ GA4 audit cut link ที่ใช้น้อยกว่า 0.3% · ห้ามใส่ทุก page ของเว็บ

บริการที่เกี่ยวข้อง

พลอยวันนี้

พลอย redesign Footer ของลูกค้า · จาก 73 link → 22 link · 4 column + brand block + newsletter · WCAG contrast 4.5:1+

3 เดือนหลัง launch: Footer click rate 1.8% → 12.4% · contact form submission +47% · GA4 bounce rate ที่ footer 78% → 34% · client renew contract 12 เดือน · พลอยขึ้นราคาบริการ 1.8x

ผมถามพลอยว่าสิ่งที่ surprise ที่สุดคืออะไร

เธอนิ่งไปนาน แล้วบอกว่า "พี่ ผมเรียนรู้ว่า designer 90% ไม่ดู GA4 ของ Footer · ทำตาม brief ของ client · client เองก็ไม่รู้ว่า Footer สำคัญ · ผมเริ่มเสนอ UX audit ก่อน design ทุก project · ลูกค้า trust มากขึ้น · ราคา project เพิ่ม"

สิ่งที่ทำได้ทันที: เปิด GA4 → Reports → Engagement → Events · filter event_name = click · ดูว่า Footer link ไหนคนคลิกบ่อย · cut link ที่ใช้น้อยกว่า 0.3% · group ที่เหลือเป็น 3-4 column · launch ใน 1 สัปดาห์ · 30 วันหลังดู click rate เพิ่ม 3-5x