60 ข้อกำหนดการออกแบบและพัฒนาเว็บไซต์ที่คุณควรทราบ

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

การเรียนรู้ศัพท์แสงนั้นไม่ง่ายเสมอไป การพัฒนาและออกแบบเว็บเป็นอุตสาหกรรมที่กว้างขวางและมีองค์ประกอบที่แตกต่างกันมากมาย อาจเป็นเรื่องยากที่จะทราบว่าจะเริ่มต้นอย่างไรเมื่อเรียนภาษา

แต่อย่ากลัวไป – ในคู่มือนี้ เราจะใช้คำและวลีในการพัฒนาเว็บที่สำคัญที่สุดบางคำและอธิบายคำและวลีเหล่านั้นในเงื่อนไขของคนธรรมดา

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

คำและวลีในการพัฒนาเว็บที่นักพัฒนาเว็บต้องการให้คุณทราบ

301 การเปลี่ยนเส้นทาง

301 เป็นการเปลี่ยนเส้นทางถาวรของหน้าเว็บ การเปลี่ยนเส้นทางประเภทนี้ส่งผ่านพลังการจัดอันดับทั้งหมดไปยังหน้าที่เปลี่ยนเส้นทางใหม่

404

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

การเข้าถึง

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

อัลกอริทึม

อัลกอริทึมคือชุดของกฎสำหรับโค้ดที่ต้องปฏิบัติตาม

อาแจ็กซ์

ย่อมาจาก Asynchronous JavaScript และ XML, AJAX ใช้ในการสร้างเว็บแอปพลิเคชัน ไม่ใช่ ภาษาโปรแกรม

เอพีไอ

Application Programming Interface หรือที่เรียกว่า API สามารถใช้เชื่อมต่อแอพภายนอกกับเว็บไซต์ได้ ตัวอย่างเช่น หากคุณต้องการเชื่อมต่อ MailChimp กับ WordPress API จะทำให้สิ่งนี้เป็นไปได้

ด้านหลัง

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

ลิงก์ย้อนกลับ

ลิงก์จากไซต์อื่นกลับมาที่ไซต์ของคุณ ลิงก์ย้อนกลับสามารถช่วยปรับปรุงการจัดอันดับของเครื่องมือค้นหาของคุณ

อัตราตีกลับ

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

จุดพัก

จุดพักคือจุดที่เนื้อหาเว็บไซต์จะปรับขนาดหน้าจอต่างๆ ขนาดหน้าจอเหล่านี้รวมถึงสมาร์ทโฟน แท็บเล็ต และเดสก์ท็อป

เบราว์เซอร์

ซอฟต์แวร์ที่ใช้ในการเข้าถึงอินเทอร์เน็ต รวมถึง Google Chrome, Internet Explorer, Firefox และ Opera เพียงไม่กี่ชื่อ!

บั๊ก

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

แคช

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

ซ.ม

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

การแปลง

Conversion คือเป้าหมายของเว็บไซต์ของคุณ นั่นอาจเป็นการซื้อสินค้า สมัครอีเมล ดาวน์โหลด หรืออะไรก็ตามที่คุณตั้งเป้าไว้!

คุ้กกี้

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

CRM ย่อมาจาก Customer Relationship Management ในแง่ของการพัฒนาเว็บ เป็นซอฟต์แวร์ที่ใช้ในการรวบรวมข้อมูลเกี่ยวกับผู้ใช้

ซีเอสเอส

ตัวย่อสำหรับ Cascading Style Sheet CSS คือโค้ดที่สั่งให้เบราว์เซอร์แสดงหน้าเว็บสำหรับผู้ใช้ จัดรูปแบบองค์ประกอบภาพทั้งหมด รวมทั้งแบบอักษรและสี

ซี.ที.เอ

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

ซีทีอาร์

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

DevOps

DevOps ย่อมาจาก Development Operations เป็นเวิร์กโฟลว์ที่ทำให้แผนกต่างๆ รวมถึงฝ่ายพัฒนา ฝ่ายไอที และฝ่ายประกันคุณภาพ อยู่ในหน้าเดียวกัน

ชื่อโดเมน

นี่คือที่อยู่เว็บของคุณ ตัวอย่างเช่น ชื่อโดเมนของเราคือ cminds.com

ไอคอน Favicon

ไอคอน Favicon เป็นไอคอนขนาดเล็กที่แสดงถัดจากชื่อเว็บไซต์ของคุณในแท็บเบราว์เซอร์ที่เปิดอยู่

เขตข้อมูล

หากคุณกรอกแบบฟอร์ม คุณจะเห็นฟิลด์ต่างๆ เป็นเกณฑ์สำหรับการรวบรวมข้อมูล เช่น ชื่อ ที่อยู่อีเมล และตำแหน่งที่ตั้ง

ไฟร์วอลล์

ไฟร์วอลล์เป็นมาตรการรักษาความปลอดภัยที่สร้างกำแพงกั้นระหว่างเครือข่ายของคุณกับทราฟฟิกขาเข้า

พับ

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

ส่วนหน้า

Front-End เป็นส่วนหนึ่งของเว็บไซต์ที่ผู้เข้าชมสามารถดูได้ เป็นวิธีที่พวกเขาโต้ตอบกับไซต์ของคุณ

เอฟทีพี

ตัวย่อสำหรับ File Transfer Protocol FTP เป็นวิธีการแลกเปลี่ยนไฟล์ระหว่างเครื่องคอมพิวเตอร์ แต่ที่สำคัญกว่านั้น คือวิธีอัปโหลดเว็บไซต์ไปยังเวิลด์ไวด์เว็บ

กุย

GUI ย่อมาจากส่วนติดต่อผู้ใช้แบบกราฟิก ประกอบด้วยวัตถุต่างๆ เช่น ไอคอน เคอร์เซอร์ และปุ่มต่างๆ

โฮสติ้ง

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

HTML

ย่อมาจาก Hypertext Markup Language เป็นภาษาเขียนโค้ดที่ใช้กันอย่างแพร่หลายซึ่งเป็นรากฐานสำหรับเว็บไซต์จำนวนมาก

HTTPS

Hypertext Transfer Protocol ปลอดภัย ตามชื่อที่แนะนำ HTTPS เป็นเวอร์ชันที่ปลอดภัยของ HTTP ซึ่งเป็นโปรโตคอลที่ใช้สำหรับการส่งข้อมูลระหว่างเว็บเบราว์เซอร์และเว็บไซต์

จาวาสคริปต์

JavaScript เป็นภาษาเข้ารหัสอีกประเภทหนึ่ง – 'ภาษาฝั่งไคลเอ็นต์' เป็นวิธีที่นักพัฒนาเพิ่มการทำงานอัตโนมัติและภาพเคลื่อนไหวลงในหน้าเว็บ

แลนดิ้งเพจ

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

ข้อมูลเมตา

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

เมตาแท็ก

เมตาแท็กเป็นที่บรรจุข้อมูลเมตา

มือถือก่อน

รูปแบบการพัฒนาเว็บไซต์ที่ให้ความสำคัญกับการออกแบบสำหรับอุปกรณ์พกพา

การนำทาง

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

โอทีบี

OOTB ย่อมาจาก Out of the Box ทุกสิ่งที่แกะกล่องออกมาก็พร้อมใช้โดยไม่จำเป็นต้องปรับแต่งหรือกำหนดค่าใดๆ

โอเพ่นซอร์ส

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

เทมเพลตหน้า

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

พี.เอช.พี

PHP เป็นภาษาเขียนโค้ดอีกภาษาหนึ่ง ประมวลผลบนเว็บเซิร์ฟเวอร์ PHP ถือเป็นภาษาฝั่งเซิร์ฟเวอร์

เสียบเข้าไป

ปลั๊กอินคือแอปพลิเคชันของบุคคลที่สามที่ขยายการทำงานของเว็บไซต์ WordPress ของคุณ ที่ CreativeMinds เราเชี่ยวชาญด้านปลั๊กอิน WordPress

การเปลี่ยนเส้นทาง

เช่นเดียวกับ 301 ที่กล่าวถึงก่อนหน้านี้ การเปลี่ยนเส้นทางคือการที่ผู้ใช้ถูกส่งต่อจาก URL หนึ่งไปยังอีก URL หนึ่ง กรณีการใช้งานทั่วไปสำหรับการเปลี่ยนเส้นทางมาจากเว็บไซต์เก่าไปยังเว็บไซต์ใหม่

การออกแบบที่ตอบสนอง

แง่มุมที่สำคัญมากขึ้นเรื่อยๆ ของการออกแบบเว็บ การออกแบบที่ตอบสนองตามอุปกรณ์คือการออกแบบที่ให้ความสำคัญกับหน้าจอที่พวกเขากำลังดูอยู่

ปณิธาน

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

RSS

Really Simple Syndication หรือ Rich Site Brief, RSS เป็นวิธีการรวมเนื้อหา ค้นหาข้อมูลเพิ่มเติมเกี่ยวกับ RSS ในบล็อกของเรา

SAAS

ซอฟต์แวร์เป็นบริการ SAAS เป็นแพลตฟอร์มคลาวด์พื้นฐานที่ช่วยให้ผู้ใช้สามารถแชร์ไฟล์ได้ นึกถึง Google Drive หรือ Dropbox

SEO

อีกคำย่อที่เป็นที่นิยมในบล็อกของเรา: การเพิ่มประสิทธิภาพกลไกค้นหา เป็นแนวทางปฏิบัติในการเพิ่มประสิทธิภาพเนื้อหาของคุณสำหรับเครื่องมือค้นหา ซึ่งรวมถึงการใช้กลยุทธ์คำหลักและเทคนิคอื่นๆ

เซิร์ฟ

SERP ย่อมาจาก Search Engine Results Page นี่คือหน้าผลลัพธ์ที่คุณเห็นเมื่อคุณพิมพ์ข้อความค้นหาลงในเครื่องมือค้นหา เช่น Google หรือ Bing

ฝั่งเซิร์ฟเวอร์

ฝั่งเซิร์ฟเวอร์หมายถึงสคริปต์ที่ทำงานบนเว็บเซิร์ฟเวอร์ ไม่ใช่เบราว์เซอร์ของผู้ใช้

สไลเดอร์

แบนเนอร์รูปภาพ – มักจะวางไว้บนหน้าแรก

แผนผังเว็บไซต์

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

ใบรับรอง SSL

เห็นแม่กุญแจข้าง URL ของเราไหม นั่นแสดงว่าไซต์ของเราปลอดภัยด้วยใบรับรอง Secure Sockets Layer เป็นโปรโตคอลความปลอดภัยที่จำเป็นสำหรับการสื่อสารแบบเข้ารหัส

UI

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

URL

ตัวระบุทรัพยากรเครื่องแบบ เป็นที่อยู่แบบเต็มของหน้าเว็บไซต์

การใช้งาน

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

ประสบการณ์การใช้งาน

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

วิดเจ็ต

วิดเจ็ตคือแอปพลิเคชันที่อนุญาตให้มีคุณลักษณะและฟังก์ชันเพิ่มเติมบนเว็บไซต์

โครงลวด

Wireframe คือโครงร่างของเว็บไซต์ เป็นหนึ่งในขั้นตอนแรกในกระบวนการพัฒนาเว็บ ซึ่งจะสร้างขึ้นเมื่อโครงการดำเนินไป

WYSIWYG

สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ – เป็นชื่อของเครื่องมือ CMS ที่ช่วยให้คุณสามารถใช้รูปแบบข้อความและกราฟิกได้โดยอัตโนมัติ

XML

XML ย่อมาจาก Extensible Markup Language เป็นชุดของกฎสำหรับการเข้ารหัสเอกสารที่ทั้งมนุษย์และคอมพิวเตอร์สามารถอ่านได้

ตอนนี้เรากำลังพูดถึง!

การทำความคุ้นเคยกับคำและวลีในการพัฒนาเว็บเหล่านี้สามารถช่วยในการสื่อสารเมื่อทำงานกับนักพัฒนาได้อย่างแท้จริง

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