1 of 16

โครงการอบรมแนวทางการจัดทำเว็บไซต์ที่ดี v2

สำนักวิทยบริการและเทคโนโลยีสารสนเทศ

2 of 16

ทำไมถึงต้องมีเว็บไซต์ที่ดี ?

  1. เพื่อให้ข้อมูลข่าวสารส่งต่อไปถึงกลุ่มเป้าหมายให้มากที่สุด
    1. เมื่อถาม AI แล้ว AI แนะนำเว็บไซต์ของเรา
    2. เมื่อค้นหาข้อมูลบน Google แล้วเจอเว็บไซต์ของเราก่อน
    3. เว็บไซต์ที่เกี่ยวข้องอื่น ๆ link มาที่เว็บไซต์เรา
  2. เพื่อสร้างความพึงพอใจและภาพลักษณ์ที่ดี ให้กลุ่มเป้าหมาย
    • มี Content เป็นประโยชน์ น่าสนใจ
    • ได้รับประสบการณ์ที่ดีในการใช้เว็บไซต์�(Good user experience)

3 of 16

ในเว็บไซต์ควรมีเนื้อหาอะไรบ้าง

  1. ข้อมูลเกี่ยวกับหน่วยงาน ความเป็นมา โครงสร้างหน่วยงาน ผู้บริหาร บุคลากร
  2. หลักสูตร สาขาวิชาที่เปิดสอน รายละเอียดหลักสูตร จุดเด่น
  3. ช่องทางการสมัครเข้าศึกษาต่อ วิธีการ เงื่อนไข คุณสมบัติผู้สมัคร
  4. ข่าวสารเด่น วิชาการ งานวิจัย รางวัลที่ได้รับ Campaign ต่าง ๆ
  5. ข่าวทั่วไป การบริการสังคม ข่าวอื่น ๆ
  6. เมนูอื่น ๆ e-service ติดต่อ นักศึกษา ศิษย์เก่า บุคลากร อื่น ๆ

4 of 16

ประเภทหน้าเว็บไซต์ (page)

  1. หน้าแรก (home)
    1. แสดงเนื้อหาสำคัญ คลิกอ่านเพิ่มเติม
    2. Popup
  2. หน้าเว็บไซต์ (page)
    • เช่น เกี่ยวกับ หลักสูตร ติดต่อ
  3. ข่าว (single post)
    • หน้าข่าว เน้นอ่านเนื้อหาง่าย / ไม่ใช้ elementor
  4. คลังข่าว (archives)
    • หน้ารวม card ข่าว

5 of 16

โครงสร้างของหน้าเว็บไซต์

  1. เมนู (navigation) / header
  2. Hero / slide
  3. Section
  4. Card ข่าว
  5. Footer
  6. popup

6 of 16

navigation

hero

7 of 16

section

8 of 16

card

9 of 16

footer

10 of 16

popup

11 of 16

เปรียบเทียบเทคโนโลยี การจัดทำเว็บไซต์

ของเดิม

WordPress

Theme Sydney

SiteOrigin (4/10)

ของใหม่ (แนะนำ)

WordPress

Theme Astra

Elementor (8.3/10)

12 of 16

ขั้นตอนการย้ายไปเว็บไซต์ใหม่

  1. ติดต่อ สวส. แจ้งความต้องการ
  2. ทำการ clone เว็บไซต์เดิม ให้เป็นเว็บไซต์ใหม่ เช่น
    1. bus.rmutp.ac.th > bus.rmutp.ac.th/new2026
  3. จากนั้นทำการปรับเว็บไซต์ new2026 ให้เป็น astra+elementor
  4. เมื่อปรับเสร็จแล้วสลับ เว็บไซต์ใหม่ แทนที่ เว็บไซต์เดิม
    • ผลคือเข้า url bus.rmutp.ac.th จะเจอเว็บไซต์ใหม่
    • เว็บไซต์เดิมย้ายไปเก็บไว้ เช่น bus.rmutp.ac.th/old

13 of 16

เมนู (navigation) / header

  1. Logo / ชื่อเว็บไซต์
  2. เมนูหลัก / เมนูรอง
  3. Off-canvas เมนู
  4. Search
  5. Social media

14 of 16

หน้าแรก (home)

  1. Hero / slide
    1. แสดงเนื้อหาสำคัญสูงสุด
  2. Section / 2 columns
    • แสดงเนื้อหาสำคัญรองลงมา
  3. Card ข่าว

15 of 16

Footer

  1. Copyright
  2. Widget
    1. Logo / slogan
    2. Contact
    3. Social media

16 of 16

แบบสอบถาม