คำศัพท์ที่ควรรู้ก่อนเป็นเจ้าของ เว็บไซต์

เว็บไซต์ เป็นเครื่องมือที่ช่วยสร้างภาพลักษณ์ให้กับองค์กร บริษัท ให้ดูน่าเชื่อถือรวมถึงการให้ข้อมูลประชาสัมพันธ์ข่าวสารต่างๆให้กับผู้ที่สนใจ ดังนั้นการทำ เว็บไซต์ จึงเป็นที่นิยมในหลายๆบริษัท หากคุณเองก็คือหนึ่งในผู้ที่มีความคิดอยากจะเริ่มต้นทำเว็บไซต์ แต่ก็ต้องกังวลว่าจะสามารถสื่อสาร พูดคุย กับผู้ให้บริการได้ถูกต้องหรือไม่ เพราะการทำเว็บไซต์ จะมีคำศัพท์ต่างๆ มากมาย เช่น URL , Domain Name , Web Page , Home Page  ซึ่งคำเหล่านี้หากคุณไม่ได้คุ้นชินกับการทำเว็บไซต์แล้วละก็ คุณก็จะรู้สึกว่าการทำเว็บไซต์นั้นยาก ไม่รู้ว่าคำเหล่านี้หมายถึงอะไร จะสื่อสารกับผู้ให้บริการทำเว็บไซต์ก็กลัวไม่เข้าใจ  

ดังนั้น วันนี้เราจึงรวบรวมคำศัพท์ที่จะช่วยให้คุณเข้าใจความหมายในแต่ละคำได้ถูกต้อง ก่อนอื่นเลยเราจะมาทำความเข้าใจภาพรวมของเว็บไซค์กันก่อน  

1.เว็บไซต์ (Website) 

 คือ แหล่งที่เก็บรวบรวมข้อมูลสื่อหลากหลายรูปแบบเช่น ภาพ เสียง ข้อความ ไฟล์ต่างๆ  วีดีโอ โดยในเว็บไซต์จะประกอบด้วย

  • โฮมเพจ (Home Page)   คือ หน้าแรกของเว็บไซต์
  • เว็บเพจ (Web Page)      คือ หน้าต่างๆที่อยู่บนเว็บไซต์ ที่ใช้แสดงข้อมูล โดยทุกหน้าจะเชื่อมต่อกัน

2. โดเมนเนม (Domain Name) 

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

ตัวอย่างเช่น   www.Codex.co.th

  • ชื่อของเว็บไซต์ คือ   Codex   
  • นามสกุลโดเมน  คือ  .co.th    
รูปภาพตัวอย่าง การอธิบาย ชื่อเว็บไซต์ และ นามสกุลโดเมน
  • แล้ว Subdomain คืออะไร ?

Subdomain : คือ การที่เราแบ่งชื่อเว็บไซต์ออกเป็น sub หรือ หมวดหมู่ย่อย ๆ ออกมา โดย Domain name ปกติจะมีรูปแบบเช่น www.codex.co.th แต่รูปแบบของ Subdomain รูจะมีรูปแบบดังนี้  www.service.codex.co.th คำว่า Service ที่ได้ทำตัวหนาไว้นั้น คือ Subdomain นั้นเอง

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

3.เว็บเบราว์เซอร์  (Web Browser) :

 โปรแกรมที่ใช้ในการเข้าถึงข้อมูลและเชื่อมต่อกับเว็บไซต์ต่างๆ เช่น Google Chrome ,  Safari , Mozilla Firefox ,  Microsoft edge เป็นต้น

Google Chrome ,  Safari , Mozilla Firefox ,  Microsoft edge

4. เว็บเซิร์ฟเวอร์ (Web Server)  

เครื่องคอมพิวเตอร์ซึ่งให้บริการที่เก็บเว็บไซต์ (Server) แล้วให้ผู้ใช้เรียกชมหน้าเว็บไซต์ได้ผ่านทางเว็บเบราว์เซอร์ ดังนั้นภาพรวมหากเปรียบเสมือนร้านหนังสือ 1 ร้านจะมีรูปแบบดังนี้

  • เว็บเซิร์ฟเวอร์    :              ร้านหนังสือที่รวบรวมหนังสือไว้หลายๆเล่ม
  • เว็บเบราว์เซอร์  :              บรรณารักษ์
  • เว็บไซต์                :              หนังสือ  1 เล่ม
  • โดเมนเนม            :              ชื่อหนังสือ
  • โฮมเพจ                 :              ปกหนังสือ
  • เว็บเพจ                 :              หน้าต่างๆ ภายในหนังสือ     

เมื่อเข้าใจภาพรวมของเว็บไซต์แล้วเราจะมาทำความรู้จักกับคำศัพท์อื่นๆที่คุณจะต้องได้เจอเมื่อเริ่มทำเว็บไซต์

5. URL  (Uniform Resource Locator)  :

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

  • HTTP  (ย่อมาจาก Hypertext Transfer Protocol เป็นโปรโตคอลสำหรับสื่อสาร แลกเปลี่ยน ข้อมูล)
  • ชื่อเว็บไซต์ (ชื่อโดเมนเนม Domain Name)
  • นามสกุลเว็บไซต์   
  • ชื่อหน้าเว็บเพจ (Web page)

ตัวอย่างเช่น  https://codex.co.th/website/pricing    

รูปภาพตัวอย่าง การอธิบาย URL

6. SSL  (Security Socket Layer) 

 เป็นใบรับรองความปลอดภัยทางอิเล็กทรอนิกส์บนมาตรฐาน ที่อนุมัติให้แก่เว็บไซต์โดย CA (Certificate Authority)  โดยใบรับรองจะช่วยสร้างความน่าเชื่อถือให้แก่เว็บไซต์ เนื่องจากข้อมูลทั้งหมด ที่ผู้เยี่ยมชมเว็บไซต์กรอกบนหน้าเว็บ จะถูกเข้ารหัสเพื่อปกป้องข้อมูล อาทิเช่น ข้อมูลส่วนตัว รหัสผ่าน หมายเลขบัตรเครดิต จึงทำให้การใช้งาน SSL Certificates แพร่หลาย โดยเฉพาะอย่างยิ่ง สำหรับเว็บไซต์ อีคอมเมิร์ช หรือเว็บไซต์ขององค์กรที่ต้องการสร้างความมั่นใจให้แก่ลูกค้า

7. Responsive Design  

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

devices mock-up scene travel blog 3d rendering

8. UX  ( User Experience )

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

9. UI ( User Interface )  

การออกแบบที่จะช่วยให้ดึงดูดผู้ใช้งาน เน้นไปที่ความสวยงาม การใช้สี ตัวอักษร ความสวยงามของ หน้าตาเว็บไซต์  ซึ่ง UX UI จะทำงานรวมกันตัวอย่าง เช่น

UI ( User Interface )UX  User Experience )     
ขนาดปุ่มมีขนาดที่เล็ก สีกลืนไปกับพื้นหลัง  ผู้ใช้งานกดคลิกปุ่มยาก มองหาปุ่มไม่เจอ
ตัวหนังสือเล็กจนเกินไป   ผู้ใช้งานอ่านข้อความได้ลำบาก

ดังนั้น UX  UI บนเว็บไซต์ในปัจจุบันจึงสำคัญเพราะมีผลต่อผู้ใช้งานโดยตรง

10. HTML & CSS  

  • HTML (Hypertext Markup Language)  ภาษาหลักที่ใช้ในการเขียนเว็บเพจ กำหนดการแสดงผลสิ่งต่างๆที่แสดงอยู่บนเว็บเพจ
  • CSS  คือ (Cascading Style Sheet)  ภาษาที่ใช้สำหรับตกแต่งเอกสาร HTML ให้มีหน้าตา สีสัน ระยะห่าง พื้นหลัง เส้นขอบและอื่นๆ ตามที่ต้องการ
รูปภาพตัวอย่างอธิบายความแตกต่างระหว่าง HTML กับ CSS

11. CMS   (Content Management System) 

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

12. SEO (Search Engine Optimization) 

 การปรับแต่งโครงสร้างหน้าตาเว็บไซต์ การเขียนเนื้อหา ใส่ Keyword หรือคำค้นหาที่คุณต้องการหรือเกี่ยวข้องกับธุรกิจของคุณ  ซึ่งผลลัพธ์ของปรับแต่งเว็บไซต์ของการทำ SEO จะทำให้ของผลการค้นหา ด้วย Keyword  เว็บไซต์ของคุณติดอันดับอยู่ในลำดับต้นๆ ของเว็บ Search Engine เช่น เว็บ Google, Bing

13. Call to Action (CTA)  

ปุ่มกระตุ้นความรู้สึกให้ผู้เข้าชมคลิก หรือกดเข้าไป เพื่อดำเนินไปตามสู่วัตถุประสงค์ ที่ผู้จัดทำปุ่ม มุ่งหวังไว้ เช่น ให้สมัครสมาชิก ให้ซื้อสินค้า หรือการส่งต่อเนื้อหา ด้วยเหตุผลเหล่านี้จึงทำให้ Call to Action (CTA) เป็นเครื่องมือที่มีความสำคัญในการทำการตลาดออนไลน์ให้ประสบความสำเร็จ

14. Front-end  

การพัฒนาโปรแกรมในส่วนของหน้าบ้าน (ส่วนที่ทุกคนสามารถมองเห็นได้ของเว็บไซต์ หรือแอปพลิเคชัน)

15. Back-end  

การพัฒนาโปรแกรมในส่วนของหลังบ้าน (ส่วนของการทำงานเบื้องหลัง เช่น  ฐานข้อมูล และโครงสร้างพื้นฐาน)

รูปภาพตัวอย่างอธิบายความแตกต่างระหว่าง Front end กับ CSS

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

ที่มา / อ้างอิง

https://1ab.in/aboutus.php

https://www.ic-myhost.com/domain-name-articles/domain-name-%E0%B8%84%E0%B8%B7%E0%B8%AD.html

https://www.porar.com/ssl-whatis.html

https://www.seo.co.th/seo-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3

https://www.am2bmarketing.co.th/content-marketing-article/call-action-tool-success-online-marketing/

https://blog.openlandscape.cloud/front-end

Leave a Reply

Your email address will not be published. Required fields are marked *