Logo Piases
Checklist ส่วนประกอบของเว็บไซต์ เมื่อสร้างเว็บไซต์ใหม่

Checklist ส่วนประกอบของเว็บไซต์ เมื่อสร้างเว็บไซต์ใหม่

January 9, 2025
3 min read
Table of Contents

Checklist ส่วนประกอบของเว็บไซต์ สำหรับใช้ส่วนตัวเมื่อเราสร้างเว็บไซต์ขึ้นมาใหม่

ในบทความนี้เราไม่ได้จะมาสอนหรือตีกรอบส่วนประกอบของเว็บไซต์หรือองค์ประกอบของเว็บไซต์แต่อย่างใด แต่ทั้งหมดนี้เป็นเพียง Checklist ของส่วนประกอบของเว็บไซต์เมื่อเราสร้างเว็บไซต์ขึ้นมาใหม่ 1 เว็บไซต์เท่านั้น

โดย Checklist นี้เกิดขึ้นจากความเหนื่อยล้าจากการที่ต้องนั่งนึกว่าเว็บไซต์ใหม่ยังขาดอะไรอยู่บ้าง เมื่อสร้างเว็บไซต์ขึ้นมาใหม่ จากการที่ต้องสร้างเว็บขึ้นมาใหม่อยู่บ่อย ๆ ดังนั้นแล้วหากจะเรียก Checklist นี้ว่าเป็นองค์ประกอบของเว็บไซต์หรือส่วนประกอบของเว็บไซต์ก็อาจจะไม่ถูกต้องเสียทีเดียว และอาจเรียกได้ว่าเป็น Checklist สิ่งที่ต้องทำทั้งหมดเมื่อสร้างเว็บไซต์ขึ้นมาสักเว็บไซต์หนึ่ง

ทั้งนี้ Checklist นี้จะไม่นับรวมไปถึง Hosting, Database, Domain, DNS, SSL, และ CDN ตลอดจนรายละเอียดในการเลือกสิ่งเหล่านี้

สำหรับใครก็ตามที่ผ่านเข้ามาอ่าน อาจลองนำ Checklist นี้ไปปรับใช้กับการสร้างเว็บไซต์ของคุณ โดยเพิ่มสิ่งที่ต้องการ และลดสิ่งที่ไม่ต้องการ

และแน่นอนว่าในบทความนี้ไม่ได้มีไว้เพื่อตอบคำถามตาม Textbook อย่างเช่น องค์ประกอบของเว็บไซต์ มี 4 ส่วนมีอะไรบ้าง


Logo and Design

  1. Logo / Dark Logo
  2. Profile Logo
  3. Icon
  4. Favicon
  5. Manifest Icon (If there is any)
  6. Design Language
  7. Color Palette
  8. Fonts
  9. Link Color & decoration
  10. Button
  11. Hover color

ข้อ 2, 3, 4, 5 อาจใช้ร่วมกัน ขึ้นอยู่กับการดีไซน์


  • Header Menu
  • Mobile Menu
  • Home Link
  • Tools (If there is any)
  • Call to Action (If there is any)
  • ส่วนสำหรับสมาชิก (If there is any)

  • Footer Menu และ/หรือ Important Links
  • Tools (If there is any)
  • ประกาศ Copyright (optional)
  • Social Icon
  • Call to Action (If there is any)
  • ส่วนสำหรับสมาชิก (If there is any)

Post

องค์ประกอบของหน้าบทความ การเลือกใช้จะแตกต่างกันตามลักษณะของเว็บไซต์

  • H1 for Title
  • Subtitle / คำโปรย
  • Feature Image
  • Category และ/หรือ Tags
  • Primary Category
  • Publish Date
  • Modified Date
  • Author (และ Co-author)
  • Author Box (optional)
  • Breadcrumbs
  • Frontend Breadcrumbs (optional)
  • Table of Contents
  • Related Posts
  • Back to top (optional)
  • Previous/Next Post (optional)
  • Sidebar (optional)

Pages

  • หน้าแรก
  • About
  • Privacy Policy
  • Contact (optional)
  • Terms & Conditions (optional)
  • หน้าของแต่ละ Tag
  • หน้าของแต่ละ Category
  • หน้ารวม Tags (optional)
  • หน้ารวม Categories (optional)

Tags และ Categories ขึ้นอยู่กับวิธีการจัด Taxonomy ของเว็บไซต์


Basic SEO

  • Sitemap.xml
  • RSS Feed
  • Meta tag
  • Meta description

ในกรณีของเว็บไซต์ที่สร้างขึ้นด้วย WordPress สิ่งเหล่านี้มักจะมาพร้อมกับ SEO Tools อยู่แล้ว


WordPress

กรณีที่เป็นเว็บไซต์ WordPress

  • Disable XML-RPC
  • แก้ Nice Name เพื่อป้องกันการแสดง username จริงใน Slug และ API
  • Cache
  • SEO Tools
  • Disable REST API (Optional)
  • Under Attack Mode สำหรับหน้า Login (Optional)