ศูนย์รวมลิงก์ข้อมูลแบบทางการ
สำหรับ GitHub Pages • โครงสร้างอ่านง่าย

TGData Store
หน้าพอร์ทัลสำหรับรวมลิงก์ • จัดหมวด • ค้นหาได้ไว

หน้านี้ออกแบบให้ดูเรียบและเป็นระบบคล้าย “ศูนย์ข้อมูลของหน่วยงาน” เหมาะสำหรับใช้เป็นหน้าหลัก (Landing) เพื่อพาผู้ใช้ไปยังแหล่งข้อมูลต่าง ๆ พร้อมแนวทางการจัดวางลิงก์ให้ดูมีบริบทและไม่รก

เริ่มต้นใช้งาน
อ่านแนวทางสั้น ๆ และเปิดรายการลิงก์ทั้งหมด
ไปที่ Directory

แนวทางจัดวางลิงก์ให้ดูเป็นระบบ

การทำหน้า Directory ที่ดีไม่ใช่แค่ “รวมลิงก์” แต่ควรทำให้ผู้ใช้เข้าใจว่าแต่ละลิงก์มีไว้ทำอะไร วิธีที่นิยมในเว็บสไตล์หน่วยงานคือ: แยก “ทางลัดหลัก”, แสดง “รายการทั้งหมด”, และมี “ปุ่มทางออกหลัก” พร้อมการอ้างอิงในเนื้อหาเป็นครั้งคราว เช่น Data HK เพื่อให้ลิงก์ดูเป็นธรรมชาติและมีเหตุผลในการคลิก

1) กำหนดหมวดหมู่ให้ชัด

แยกข้อมูลหลัก/ลอตเตอรี่/ทรัพยากรอื่น ๆ จะทำให้หน้าอ่านง่ายและลดความสับสน

2) วางลิงก์สำคัญไว้ด้านบน

ลิงก์ที่คนคลิกบ่อยควรอยู่ในเมนูหรือส่วน “ทางลัด” เพื่อให้เข้าถึงได้ทันที

3) รักษาความเรียบร้อย

ใช้รูปแบบปุ่ม/การ์ดเหมือนกันทั้งหน้า จะทำให้ดูเป็นทางการและน่าเชื่อถือ

Directory: รายการลิงก์ทั้งหมด

ส่วนนี้เป็นรายการลิงก์ภายนอกทั้งหมดที่คุณให้มา (คงเดิม 100%) จัดเป็นช่อง ๆ แบบพอร์ทัล เพื่อให้ไล่ดูได้เร็ว

External Directory คลิกเพื่อเปิดลิงก์ (เปิดแท็บใหม่)

การอ้างอิงลิงก์ในบทความ

ถ้าต้องใส่ลิงก์ในเนื้อหา ให้เลือกแทรกเฉพาะจุดที่เกี่ยวข้องจริง ๆ เพื่อความเป็นธรรมชาติ ตัวอย่างการอ้างอิงเพิ่มเติม: Angkanet

  • ใส่ลิงก์ในย่อหน้าที่มีบริบท
  • หลีกเลี่ยงการวางลิงก์ถี่เกินไป
  • ใช้ Directory เป็นรายการหลัก

มาตรฐานความปลอดภัย

การเปิดลิงก์แท็บใหม่ใช้ rel="noopener noreferrer" เพื่อความปลอดภัย (คงรูปแบบนี้ไว้ได้สำหรับลิงก์ภายนอก)

  • หน้าเดียวจบ เหมาะกับ GitHub
  • โครงสร้างหัวข้อชัด
  • อ่านง่ายทั้งมือถือและเดสก์ท็อป

ทางออกหลัก (CTA)

ปุ่มนี้ตั้งให้เป็นจุดทางออกหลักของหน้า เพื่อให้ผู้ใช้กดไปปลายทางได้ทันที โดยไม่ต้องเลื่อนหาลิงก์ในรายการยาว

Paito SDY
คลิกเพื่อเข้าหน้าปลายทาง
เปิด Paito SDY