Google Sites คืออะไร?
Google Sites คือเครื่องมือสร้างเว็บไซต์แบบใช้งานผ่านเว็บเบราว์เซอร์ฟรี ซึ่งเป็นส่วนหนึ่งของระบบนิเวศ Google Workspace ช่วยให้บุคคล ทีม โรงเรียน และองค์กรต่างๆ สามารถสร้างเว็บไซต์ที่มีโครงสร้างและหลายหน้าได้โดยไม่ต้องเขียนโค้ด แตกต่างจากเครื่องมือพัฒนาเว็บแบบดั้งเดิม Google Sites ทำงานทั้งหมดภายในบัญชี Google — ไม่เสียค่าโฮสติ้ง ไม่ต้องตั้งค่าโดเมนเพื่อเริ่มต้น และไม่ต้องติดตั้งซอฟต์แวร์ใดๆ เว็บไซต์ที่เผยแพร่แล้วจะถูกโฮสต์บนโครงสร้างพื้นฐานของ Google ในโดเมนย่อยภายใต้ sites.google.com หรือสามารถแมปกับโดเมนที่กำหนดเองได้
ในทางเทคนิคแล้ว Google Sites มีอยู่สองเวอร์ชัน เวอร์ชันดั้งเดิม ซึ่งบางครั้งเรียกว่า "Google Sites คลาสสิก" เปิดตัวในปี 2008 และสร้างขึ้นจากการเข้าซื้อกิจการ JotSpot Google ได้แทนที่ด้วยผลิตภัณฑ์ที่สร้างขึ้นใหม่ทั้งหมด — "Google Sites ใหม่" — เริ่มต้นในปี 2016 และเวอร์ชันคลาสสิกได้ปิดตัวลงอย่างเป็นทางการในปี 2021 บทความนี้จะกล่าวถึงเฉพาะ Google Sites เวอร์ชันปัจจุบันที่ทันสมัยเท่านั้น
เหตุใด Google Sites จึงมีความสำคัญ
Google Sites ครองตำแหน่งเฉพาะกลุ่มที่มีประโยชน์อย่างแท้จริงในวงการสร้างเว็บไซต์ ไม่ได้พยายามแข่งขันกับ Squarespace สำหรับเว็บไซต์แสดงผลงาน หรือกับ WordPress สำหรับการเผยแพร่เนื้อหาจำนวนมาก คุณค่าที่แท้จริงของมันอยู่ที่การใช้งานเฉพาะกลุ่มที่เน้นความเรียบง่าย การผสานรวมกับ Google Workspace และการไม่มีค่าใช้จ่าย มากกว่าความยืดหยุ่นในการออกแบบหรือฟังก์ชันการทำงานขั้นสูง
- ไม่มีค่าใช้จ่ายสำหรับผู้ใช้งานทั่วไป: ผู้ถือบัญชี Google ทุกคนสามารถสร้างและเผยแพร่เว็บไซต์ Google Sites ได้โดยไม่มีค่าใช้จ่าย ไม่มีบริการระดับพรีเมียม ไม่มีเทมเพลตที่ต้องเสียเงิน และไม่มีค่าธรรมเนียมแบนด์วิดท์สำหรับการใช้งานทั่วไป
- การผสานรวม Google Workspace อย่างลงตัว: Google Sites สามารถฝัง Google Docs, Sheets, Slides, Forms, Maps, Calendars, โฟลเดอร์ Drive และวิดีโอ YouTube ลงในหน้าเว็บได้โดยตรง เนื้อหาที่ฝังไว้จะยังคงใช้งานได้และอัปเดตโดยอัตโนมัติเมื่อไฟล์ต้นฉบับเปลี่ยนแปลง ซึ่งเป็นความสามารถที่ไม่มีโปรแกรมสร้างเว็บไซต์ของบุคคลที่สามใดสามารถทำซ้ำได้อย่างราบรื่นเท่านี้
- บริหารจัดการโดยโครงสร้างพื้นฐานของ Google: เว็บไซต์ต่างๆ จะถูกให้บริการผ่าน CDN ระดับโลกของ Google ซึ่งหมายความว่าเว็บไซต์จะโหลดได้อย่างรวดเร็วและได้รับประโยชน์จากความน่าเชื่อถือของระบบ Google โดยไม่ต้องมีการตั้งค่าใดๆ จากเจ้าของเว็บไซต์
- การทำงานร่วมกันที่ออกแบบมาโดยเฉพาะ: หลายคนสามารถแก้ไข Google Site พร้อมกันได้ โดยใช้รูปแบบการแชร์และการอนุญาตแบบเดียวกันกับที่ใช้ใน Google Drive ทำให้ใช้งานได้จริงสำหรับเครือข่ายภายในทีม โครงการในชั้นเรียน และหน้าเว็บของแต่ละแผนก
- ไม่ต้องเสียค่าใช้จ่ายในการบำรุงรักษา: ไม่มีปลั๊กอินให้ต้องอัปเดต ไม่มีแพตช์ความปลอดภัยให้ต้องติดตั้ง และไม่มีการตั้งค่าเซิร์ฟเวอร์ให้ต้องจัดการ Google จัดการทุกอย่างให้โดยที่คุณไม่รู้ตัว
สำหรับครูที่สร้างศูนย์รวมแหล่งข้อมูลสำหรับชั้นเรียน ทีมฝ่ายทรัพยากรบุคคลที่ต้องการเผยแพร่พอร์ทัลนโยบายภายใน หรือองค์กรไม่แสวงผลกำไรขนาดเล็กที่ต้องการสร้างภาพลักษณ์สาธารณะขั้นพื้นฐานโดยไม่มีงบประมาณ Google Sites มักเป็นตัวเลือกที่เหมาะสมที่สุด แม้จะมีข้อจำกัดอยู่บ้าง เช่น การปรับแต่งดีไซน์มีจำกัด ไม่รองรับอีคอมเมิร์ซ และเครื่องมือ SEO มีน้อย แต่สำหรับกลุ่มเป้าหมายแล้ว ข้อจำกัดเหล่านั้นแทบจะไม่สำคัญเลย
วิธีการทำงานของ Google Sites: สถาปัตยกรรมหลัก
การเข้าใจหลักการทำงานทางเทคนิคของ Google Sites จะช่วยให้เราตั้งความคาดหวังได้อย่างถูกต้องเกี่ยวกับสิ่งที่ Google Sites สามารถทำได้และทำไม่ได้
ส่วนติดต่อบรรณาธิการ
Google Sites ใช้โปรแกรมแก้ไขแบบลากและวาง (WYSIWYG: What You See Is What You Get) ซึ่งเข้าถึงได้ทั้งหมดผ่านเว็บเบราว์เซอร์ที่ sites.google.com พื้นที่แก้ไขแบ่งออกเป็นแผงด้านขวาที่มีสามแท็บ ได้แก่ แทรก (Insert), หน้าเว็บ (Pages) และธีม (Themes) และพื้นที่ตรงกลางที่แสดงถึงหน้าเว็บที่กำลังสร้างอยู่
แผงแทรก (Insert) ประกอบด้วยส่วนประกอบพื้นฐานที่ผู้สร้างเว็บไซต์สามารถใช้งานได้:
- กล่องข้อความ — เนื้อหาสำหรับย่อหน้าและหัวข้อพื้นฐาน
- รูปภาพ — ที่อัปโหลดจากอุปกรณ์ ดึงมาจาก Google Drive หรือค้นหาผ่าน Google Image Search
- ฝัง — URL ดิบหรือโค้ด iframe สำหรับเนื้อหาภายนอก
- รายการในไดรฟ์ — เอกสาร, สเปรดชีต, สไลด์, แบบฟอร์ม และโฟลเดอร์ที่ฝังโดยตรงจาก Google Drive
- YouTube — การฝังวิดีโอโดยใช้ URL หรือการค้นหา
- ปฏิทิน แผนที่ แผนภูมิ — การฝังผลิตภัณฑ์ของ Google โดยตรง
- ข้อความที่สามารถพับได้ สารบัญ ปุ่ม ตัวแบ่ง และภาพสไลด์ — องค์ประกอบโครงสร้างการจัดวาง
เนื้อหาจะถูกจัดแบ่งเป็นส่วนๆ ในแต่ละหน้า ส่วนต่างๆ จะเรียงซ้อนกันในแนวตั้งและสามารถจัดเรียงลำดับใหม่ได้โดยการลาก ภายในแต่ละส่วน ระบบจัดวางแบบตารางช่วยให้ผู้สร้างสามารถวางบล็อกเนื้อหาหลายๆ บล็อกเคียงข้างกันได้ ตารางจัดวางนั้นค่อนข้างหยาบเมื่อเทียบกับเครื่องมืออย่าง Webflow หรือแม้แต่ Wix แต่ก็เพียงพอสำหรับการสร้างหน้าเว็บที่ดูสะอาดตาและอ่านง่าย
หน้าเว็บและการนำทาง
Google Sites จัดระเบียบเว็บไซต์เป็นหน้าต่างๆ ซึ่งจัดการผ่านแท็บ Pages สามารถจัดเรียงหน้าต่างๆ เป็นลำดับชั้นอย่างง่ายได้ เช่น หน้าหลักที่มีหน้าย่อยอยู่ภายใต้ เว็บไซต์จะสร้างส่วนหัวนำทางโดยอัตโนมัติตามโครงสร้างหน้าเหล่านี้ อย่างไรก็ตาม ผู้สร้างสามารถควบคุมได้ว่าหน้าใดจะปรากฏในเมนูนำทางและเรียงลำดับอย่างไร ไม่มีระบบเมนูขนาดใหญ่หรือระบบนำทางที่ส่วนท้ายเว็บไซต์ การนำทางเป็นเพียงแถบแนวนอนเดียวที่ด้านบนของทุกหน้า
ธีมและการออกแบบภาพ
แท็บธีมมีธีมภาพสำเร็จรูปให้เลือกใช้จำนวนไม่มาก โดยแต่ละธีมจะควบคุมแบบอักษร จานสี และสไตล์ส่วนหัว ภายในธีมที่เลือก ผู้สร้างสามารถปรับสีหลักและสีรอง และเลือกแบบอักษรจากชุดแบบอักษรที่มีให้เลือกจำกัด ไม่สามารถเข้าถึง CSS ดั้งเดิม ไม่สามารถอัปโหลดแบบอักษรเอง และไม่สามารถแก้ไข HTML ได้โดยตรง นี่เป็นข้อจำกัดที่ตั้งใจไว้ — Google Sites แลกอิสรภาพในการออกแบบกับความเรียบง่ายและความสม่ำเสมอ
การเผยแพร่และการโฮสต์
เมื่อเว็บไซต์พร้อมแล้ว การคลิกปุ่มเผยแพร่จะทำให้เว็บไซต์ใช้งานได้จริง Google Sites มีตัวเลือกการเผยแพร่สองแบบ:
- โดเมนย่อยของ Google: เว็บไซต์จะถูกเผยแพร่ที่ URL ในรูปแบบ sites.google.com/view/your-site-name ซึ่งใช้งานได้ทันที ฟรี และไม่ต้องตั้งค่าใดๆ
- โดเมนแบบกำหนดเอง: เจ้าของเว็บไซต์สามารถเชื่อมโยงโดเมนที่ตนเองเป็นเจ้าของกับ Google Sites ได้โดยการเพิ่มระเบียน CNAME ผ่านผู้ให้บริการจดทะเบียนโดเมน Google จะให้ค่า CNAME ที่เฉพาะเจาะจงเพื่อใช้ โดเมนนั้นจะต้องซื้อและต่ออายุแยกต่างหาก — Google Sites ไม่ได้ขายหรือจัดการโดเมน
เว็บไซต์ Google Sites ที่เผยแพร่ทั้งหมดจะให้บริการผ่าน HTTPS โดยอัตโนมัติ ไม่มีตัวเลือกในการให้บริการเว็บไซต์ Google Sites ผ่าน HTTP ซึ่งเป็นค่าเริ่มต้นที่เหมาะสมจากมุมมองด้านความปลอดภัย
การควบคุมการเข้าถึงและการมองเห็น
Google Sites รองรับการตั้งค่าการมองเห็นสามแบบสำหรับเว็บไซต์ที่เผยแพร่แล้ว:
| การตั้งค่าการมองเห็น | ใครสามารถรับชมได้บ้าง | ตัวอย่างการใช้งานทั่วไป |
|---|---|---|
| สาธารณะ (ทุกคนที่ใช้งานอินเทอร์เน็ต) | ผู้ใช้งานอินเทอร์เน็ตทุกคน ไม่จำเป็นต้องลงชื่อเข้าใช้ | เว็บไซต์ที่บุคคลทั่วไปเข้าถึงได้, เพจขององค์กรไม่แสวงผลกำไร, แหล่งข้อมูลสำหรับชั้นเรียน |
| ใครมีลิงก์บ้าง | ใครก็ตามที่มี URL อยู่แล้ว ไม่จำเป็นต้องลงชื่อเข้าใช้ | หน้าเพจโครงการที่แชร์ร่วมกัน เว็บไซต์กิจกรรมที่มีการเผยแพร่จำกัด |
| บุคคลหรือกลุ่มบุคคลเฉพาะเจาะจง | เฉพาะบัญชี Google ที่ได้รับอนุญาตให้เข้าถึงโดยชัดแจ้งเท่านั้น | พอร์ทัลภายในทีม, อินทราเน็ตของโรงเรียน, เอกสารส่วนตัว |
สำหรับองค์กรที่ใช้ Google Workspace for Education หรือ Google Workspace for Business จะมีตัวเลือกเพิ่มเติมที่จำกัดการเข้าถึงให้เฉพาะสมาชิกในโดเมนขององค์กรเท่านั้น ซึ่งเป็นคุณสมบัติที่สำคัญสำหรับฐานความรู้ภายในและพอร์ทัลด้านทรัพยากรบุคคลที่ไม่ควรเปิดให้บุคคลทั่วไปเข้าถึงได้
วิธีการทำงานของสิทธิ์การแก้ไข
Google Sites ใช้โมเดลการอนุญาตแบบเดียวกับ Google Drive เจ้าของเว็บไซต์สามารถแชร์สิทธิ์การแก้ไขกับผู้ถือบัญชี Google รายอื่นได้ในสามระดับ ได้แก่ ผู้ดู ผู้แก้ไข และเจ้าของ ผู้แก้ไขสามารถแก้ไขเนื้อหาและเผยแพร่การเปลี่ยนแปลงได้ เจ้าของสามารถเปลี่ยนการตั้งค่าการแชร์และลบเว็บไซต์ได้ โมเดลนี้ทำให้การสร้างเว็บไซต์ร่วมกันเป็นเรื่องง่ายสำหรับทีมที่ทำงานอยู่ใน Google Workspace อยู่แล้ว เนื่องจากขั้นตอนการทำงานเหมือนกับการแชร์ Google Doc ทุกประการ
ความสัมพันธ์ระหว่างฉบับร่างและฉบับที่ตีพิมพ์แล้ว
Google Sites แยกเวอร์ชันร่าง (ยังไม่เผยแพร่) ของเว็บไซต์ออกจากเวอร์ชันที่เผยแพร่แล้วอย่างชัดเจน การแก้ไขที่ทำในโปรแกรมแก้ไขจะไม่ปรากฏบนเว็บไซต์จริงจนกว่าเจ้าของจะคลิกเผยแพร่โดยชัดเจน ซึ่งหมายความว่าทีมสามารถทำงานเปลี่ยนแปลงที่สำคัญได้ เช่น การปรับโครงสร้างหน้าเว็บ การอัปเดตเนื้อหา การเพิ่มส่วนใหม่ โดยที่การเปลี่ยนแปลงเหล่านั้นจะไม่ปรากฏให้ผู้เข้าชมเว็บไซต์เห็น นี่เป็นคุณสมบัติการทำงานที่เรียบง่ายแต่สำคัญ ซึ่งช่วยป้องกันการเผยแพร่ผลงานที่ไม่สมบูรณ์โดยไม่ได้ตั้งใจ
อย่างไรก็ตาม ไม่มีระบบบันทึกประวัติเวอร์ชันสำหรับสถานะที่เผยแพร่แล้วในลักษณะเดียวกับที่ WordPress หรือแพลตฟอร์ม CMS อื่นๆ มีฟังก์ชันการย้อนกลับ ตัวแก้ไขจะเก็บประวัติการยกเลิกภายในเซสชัน แต่ไม่มีวิธีใดที่จะย้อนกลับเว็บไซต์ที่เผยแพร่แล้วไปยังสถานะที่เผยแพร่ก่อนหน้าได้หลังจากนั้น นี่เป็นข้อจำกัดที่สำคัญสำหรับเว็บไซต์ที่ความถูกต้องของเนื้อหาเป็นสิ่งสำคัญ
การตอบสนองต่ออุปกรณ์เคลื่อนที่
เว็บไซต์ Google Sites ทุกเว็บมีการออกแบบให้ปรับขนาดได้ตามหน้าจอ (Responsive) โดยค่าเริ่มต้น เค้าโครงจะปรับให้เข้ากับหน้าจอขนาดเล็กโดยอัตโนมัติโดยไม่ต้องตั้งค่าเพิ่มเติมจากผู้สร้างเว็บไซต์ ผู้สร้างสามารถดูตัวอย่างการแสดงผลของเว็บไซต์บนเดสก์ท็อป แท็บเล็ต และมือถือได้โดยใช้ตัวเลือกแสดงตัวอย่างในโปรแกรมแก้ไข การทำงานแบบ Responsive นี้ได้รับการจัดการโดยระบบแสดงผลของ Google อย่างสมบูรณ์ ผู้สร้างเว็บไซต์ไม่สามารถเขียน Media Queries แบบกำหนดเองหรือแก้ไขเค้าโครงแบบ Responsive ด้วยตนเองได้ ซึ่งสะท้อนให้เห็นถึงปรัชญาของแพลตฟอร์มที่เน้นความเรียบง่ายมากกว่าการควบคุม
วิธีการสร้างเว็บไซต์ Google: ขั้นตอนโดยละเอียดทีละขั้นตอน
ในการสร้าง Google Site ให้ไปที่ sites.google.com คลิกปุ่ม + เพื่อสร้างไซต์ใหม่ เลือกเทมเพลตหรือเริ่มจากหน้าว่างเปล่า เพิ่มหน้าเว็บและเนื้อหาโดยใช้ตัวแก้ไขแบบลากและวาง กำหนดค่าการนำทางและการตั้งค่าการแชร์ จากนั้นเผยแพร่ กระบวนการทั้งหมดใช้เวลาน้อยกว่าหนึ่งชั่วโมงสำหรับไซต์พื้นฐาน
ขั้นตอนที่ 1: เข้าสู่ Google Sites และเลือกจุดเริ่มต้นของคุณ
ไปที่ sites.google.com แล้วลงชื่อเข้าใช้ด้วยบัญชี Google ของคุณ หากคุณใช้ Google Workspace ผ่านนายจ้างหรือโรงเรียน ให้ลงชื่อเข้าใช้ด้วยบัญชีนั้นแทน เพราะจะช่วยให้คุณควบคุมการแชร์และพื้นที่จัดเก็บข้อมูลเพิ่มเติมที่เชื่อมโยงกับองค์กรของคุณได้
คุณจะเห็นตัวเลือกสองแบบสำหรับการเริ่มต้น:
- เว็บไซต์เปล่า: ควบคุมการออกแบบได้อย่างเต็มที่ตั้งแต่เริ่มต้น เหมาะที่สุดเมื่อคุณมีวิสัยทัศน์ด้านการออกแบบที่ชัดเจนหรือความต้องการด้านเค้าโครงที่เฉพาะเจาะจง
- แกลเลอรีเทมเพลต: รูปแบบสำเร็จรูปสำหรับพอร์ตโฟลิโอ เว็บไซต์โครงการ อินทราเน็ตของทีม หน้ากิจกรรม และเว็บไซต์ห้องเรียน เทมเพลตช่วยประหยัดเวลาได้อย่างมากและปรับแต่งได้ง่าย
คลิกไอคอน + ขนาดใหญ่ใต้ "เริ่มเว็บไซต์ใหม่" เพื่อเปิดหน้าว่างเปล่า หรือเลื่อนดูแกลเลอรีเทมเพลตแล้วคลิกเทมเพลตใดก็ได้เพื่อเปิดในโปรแกรมแก้ไข คุณสามารถเปลี่ยนเทมเพลตได้ในภายหลัง แต่การทำเช่นนั้นจะแทนที่เค้าโครงปัจจุบันของคุณ ดังนั้นโปรดเลือกอย่างรอบคอบตั้งแต่เริ่มต้น
ขั้นตอนที่ 2: ตั้งชื่อเว็บไซต์และกำหนดชื่อหน้าเว็บ
ที่มุมบนซ้าย ให้คลิก "ป้อนชื่อเว็บไซต์" แล้วพิมพ์ชื่อเว็บไซต์ของคุณ ชื่อนี้จะปรากฏในแท็บเบราว์เซอร์และในผลการค้นหาของ Google หากเว็บไซต์ของคุณเป็นสาธารณะ ดังนั้นโปรดตั้งชื่อให้สื่อความหมายและถูกต้อง นอกจากนี้ ให้คลิกที่หัวข้อขนาดใหญ่บนพื้นที่ทำงานเพื่อตั้งชื่อที่แสดงบนหน้าแรกของคุณ — ซึ่งเป็นอิสระจากชื่อเว็บไซต์
การตั้งชื่อมีความสำคัญต่อการค้นหาได้ง่าย หากคุณกำลังสร้างเว็บไซต์ที่เปิดให้บุคคลทั่วไปเข้าถึง ควรใส่คำหลักที่เกี่ยวข้องลงในชื่อเว็บไซต์ สำหรับเว็บไซต์ภายในทีม ควรใช้ชื่อที่ทีมจะจดจำได้ทันทีเมื่อค้นหาใน Google Drive
ขั้นตอนที่ 3: สร้างโครงสร้างและระบบนำทางของหน้าเว็บ
ในแผงด้านขวา ให้คลิกแท็บ หน้าเว็บ (ไอคอนรูปหน้ากระดาษซ้อนกัน) Google Sites จะสร้างหน้าแรกให้โดยอัตโนมัติ เพิ่มหน้าเว็บเพิ่มเติมโดยคลิกปุ่ม + ที่ด้านล่างของแผงหน้าเว็บ
วางแผนการนำทางเว็บไซต์ก่อนเพิ่มเนื้อหา เว็บไซต์ที่มีโครงสร้างที่ดีมักจะปฏิบัติตามรูปแบบใดรูปแบบหนึ่งต่อไปนี้:
- โครงสร้างแบบแบน: ทุกหน้าอยู่ในระดับเดียวกัน เหมาะสำหรับเว็บไซต์ที่มีหน้าไม่เกินห้าหน้า (เช่น เว็บไซต์แสดงผลงาน เว็บไซต์กิจกรรม ประวัติส่วนตัว)
- โครงสร้างแบบลำดับชั้น: หน้าหลักที่มีหน้าย่อยซ้อนอยู่ด้านล่าง เหมาะสำหรับอินทราเน็ตของทีม ศูนย์กลางโครงการ หรือเว็บไซต์เอกสารที่มีหลายส่วน
- โครงสร้างหน้าเดียว: หน้าเว็บยาวหน้าเดียวที่เลื่อนดูได้ พร้อมลิงก์แบบแองเคอร์ เหมาะสำหรับหน้า Landing Page ง่ายๆ หรือประกาศกิจกรรม
ในการสร้างหน้าย่อย ให้ลากหน้าหนึ่งไปไว้ใต้หน้าหลักในแผงหน้า จนกว่าจะเห็นหน้าย่อยนั้นเยื้องเข้าไป Google Sites จะเพิ่มหน้าย่อยนั้นลงในเมนูนำทางแบบดรอปดาวน์โดยอัตโนมัติ นอกจากนี้ คุณยังสามารถคลิกขวาที่หน้าใดก็ได้ในแผงเพื่อทำสำเนา ซ่อนจากเมนูนำทาง หรือตั้งค่าเป็นหน้าแรกได้
ขั้นตอนที่ 4: เพิ่มและจัดเรียงบล็อกเนื้อหา
Google Sites ใช้โครงสร้างแบบแบ่งส่วน แต่ละหน้าประกอบด้วยส่วนต่างๆ ที่เรียงซ้อนกัน และภายในแต่ละส่วน คุณสามารถวางบล็อกเนื้อหาได้ คลิกที่ใดก็ได้บนพื้นที่ทำงานเพื่อเปิดแผง แทรก ทางด้านขวา ซึ่งประกอบด้วย:
- กล่องข้อความ: หัวข้อ เนื้อหา และย่อหน้าที่จัดรูปแบบแล้ว
- รูปภาพ: อัปโหลดจากคอมพิวเตอร์ของคุณ ค้นหาใน Google Images หรือดึงจาก Google Drive หรือ Google Photos
- ฝังเนื้อหา: วาง URL หรือโค้ดฝังใดๆ เพื่อแสดงเนื้อหาภายนอกแบบแทรกในเนื้อหา
- Google Drive: แทรกเอกสาร Google Docs, Sheets, Slides, Forms หรือ Maps ได้โดยตรงจาก Google Drive ของคุณ
- YouTube: ค้นหาและฝังวิดีโอโดยไม่ต้องออกจากหน้าแก้ไข
- ปฏิทิน: ฝังปฏิทิน Google สำหรับหน้ากิจกรรมหรือตารางงานของทีม
- แผนที่: เพิ่มแผนที่ Google พร้อมปักหมุดตำแหน่งที่ตั้งที่ต้องการ
- สารบัญ: สร้างโดยอัตโนมัติจากหัวข้อในหน้า เหมาะสำหรับเอกสารที่มีความยาวมาก
- ปุ่ม: ลิงก์กระตุ้นการดำเนินการที่ออกแบบเป็นปุ่ม
- เส้นแบ่ง: ตัวคั่นภาพระหว่างส่วนต่างๆ
- ข้อความพับได้: ส่วนคำถามที่พบบ่อยแบบพับได้คล้ายหีบเพลง
- ภาพสไลด์: แกลเลอรีภาพหลายภาพที่หมุนได้
ในการเพิ่มส่วนใหม่ ให้เลื่อนเมาส์ไปวางระหว่างสองส่วนที่มีอยู่แล้ว แล้วคลิกเครื่องหมาย + ที่ปรากฏขึ้น จากนั้นคุณสามารถเลือกรูปแบบสำหรับส่วนนั้นได้ เช่น แบบเต็มความกว้าง สองคอลัมน์ สามคอลัมน์ หรือภาพเด่นพร้อมข้อความซ้อนทับ ลากส่วนต่างๆ ขึ้นหรือลงเพื่อจัดเรียงลำดับใหม่
ขั้นตอนที่ 5: ปรับแต่งธีมภาพ
คลิกแท็บ ธีม (ไอคอนรูปจานสี) ในแผงด้านขวา Google Sites มีชุดธีมสำเร็จรูปให้เลือกใช้ โดยแต่ละธีมจะมีชุดแบบอักษรและโทนสีที่แตกต่างกัน เลือกธีมใดก็ได้เพื่อดูตัวอย่างได้ทันทีในทุกหน้า
ภายในแต่ละธีม คุณสามารถปรับแต่งได้ดังนี้:
- สี: เลือกจากสีเน้นที่กำหนดไว้ล่วงหน้า หรือป้อนรหัสสีฐานสิบหกแบบกำหนดเองเพื่อให้ตรงกับแบรนด์ของคุณ
- แบบอักษร: เลือกจากรายการแบบอักษรที่คัดสรรมาแล้ว (Google Sites ไม่รองรับการอัปโหลดแบบอักษรตามอำเภอใจ)
- รูปแบบส่วนหัว: แบนเนอร์ (ภาพส่วนหัวขนาดใหญ่), เฉพาะชื่อเรื่อง หรือ ภาพปก (ภาพเต็มหน้าจอพร้อมข้อความซ้อนทับ)
หากต้องการเพิ่มภาพส่วนหัวแบบกำหนดเอง ให้คลิกที่บริเวณส่วนหัวของหน้าใดก็ได้ แล้วเลือก "เปลี่ยนภาพ" ควรใช้ภาพที่มีความละเอียดสูงอย่างน้อย 1600 พิกเซล เพื่อหลีกเลี่ยงปัญหาภาพแตกบนหน้าจอขนาดใหญ่ นอกจากนี้ คุณยังสามารถตั้งค่าโลโก้ของเว็บไซต์ได้โดยคลิกที่บริเวณชื่อเว็บไซต์ แล้วอัปโหลดไฟล์ภาพ
ขั้นตอนที่ 6: กำหนดค่าการแชร์และสิทธิ์การเข้าถึงก่อนเผยแพร่
ก่อนกดเผยแพร่ ให้ตัดสินใจว่าใครบ้างที่จะสามารถดูและแก้ไขเว็บไซต์ของคุณได้ คลิกปุ่ม แชร์ (ไอคอนรูปคนที่มีเครื่องหมาย +) ในแถบเครื่องมือด้านบนขวา มีระบบการอนุญาตสองระดับแยกกัน:
| ประเภทการอนุญาต | สิ่งที่มันควบคุม | ตัวเลือก |
|---|---|---|
| สิทธิ์การเข้าถึงของบรรณาธิการ | ใครสามารถแก้ไขเว็บไซต์ในโปรแกรมสร้างเว็บไซต์ได้บ้าง | บุคคลเฉพาะเจาะจง ทุกคนที่มีส่วนเกี่ยวข้อง (แก้ไข) องค์กรของคุณ |
| สิทธิ์การเข้าถึงของผู้ดู (เว็บไซต์ที่เผยแพร่แล้ว) | ใครสามารถดูเว็บไซต์ที่เผยแพร่สดได้บ้าง | ทุกคนบนอินเทอร์เน็ต ทุกคนที่ลงชื่อเข้าใช้ บุคคลเฉพาะ หรือเฉพาะองค์กรของคุณเท่านั้น |
สำหรับเว็บไซต์ภายในทีม ให้จำกัดการเข้าถึงของผู้เข้าชมเฉพาะภายในองค์กรของคุณ สำหรับเว็บไซต์สาธารณะ ให้ตั้งค่าการเข้าถึงของผู้เข้าชมเป็น "ทุกคนบนอินเทอร์เน็ต" การตั้งค่าทั้งสองนี้เป็นอิสระต่อกัน รายชื่อบรรณาธิการของคุณไม่มีผลต่อผู้ที่สามารถดูเว็บไซต์ที่เผยแพร่แล้วได้
ขั้นตอนที่ 7: ตั้งค่าที่อยู่เว็บแบบกำหนดเอง
โดยค่าเริ่มต้น เว็บไซต์ที่เผยแพร่ของคุณจะมี URL ในรูปแบบ sites.google.com/view/your-site-name คุณสามารถปรับแต่งเส้นทาง (ส่วนหลัง /view/) ได้โดยคลิกปุ่ม เผยแพร่ และแก้ไขช่องที่อยู่เว็บก่อนเผยแพร่ครั้งแรก
หากคุณเป็นเจ้าของโดเมนแบบกำหนดเอง (เช่น yourcompany.com) คุณสามารถเชื่อมโยงโดเมนนั้นกับ Google Site ของคุณได้ ในเมนูเผยแพร่ ให้คลิก "โดเมนแบบกำหนดเอง" และทำตามขั้นตอนการตรวจสอบ DNS คุณจะต้องเพิ่มระเบียน CNAME ที่ผู้ให้บริการจดทะเบียนโดเมนของคุณ โดยชี้ไปยัง ghs.googlehosted.com กระบวนการนี้ใช้เวลาตั้งแต่ไม่กี่นาทีถึง 48 ชั่วโมงในการเผยแพร่ ขึ้นอยู่กับผู้ให้บริการจดทะเบียนโดเมนของคุณ
ขั้นตอนที่ 8: เผยแพร่และทดสอบเว็บไซต์ของคุณ
คลิกปุ่ม เผยแพร่ สีน้ำเงินที่มุมบนขวา Google Sites จะขอให้คุณยืนยันที่อยู่เว็บและสิทธิ์การเข้าถึงของผู้ดู เมื่อเผยแพร่แล้ว ให้เข้าชม URL จริงในแท็บเบราว์เซอร์ใหม่ — ไม่ใช่ในโหมดแสดงตัวอย่างแก้ไข — เพื่อดูว่าผู้เข้าชมจะเห็นอะไรบ้าง
ทดสอบอย่างเป็นระบบก่อนแชร์ลิงก์:
- ตรวจสอบลิงก์นำทางทุกลิงก์และยืนยันว่าลิงก์เหล่านั้นนำไปยังหน้าเว็บที่ถูกต้อง
- ดูเว็บไซต์บนอุปกรณ์เคลื่อนที่ หรือใช้โหมดการออกแบบที่ตอบสนองต่ออุปกรณ์ต่างๆ ของเบราว์เซอร์เพื่อตรวจสอบรูปแบบการแสดงผลบนมือถือ
- คลิกปุ่มและลิงก์ที่ฝังอยู่ทุกอันเพื่อตรวจสอบว่าเปิดใช้งานได้อย่างถูกต้องหรือไม่
- ทดสอบ Google Forms ที่ฝังอยู่โดยการส่งคำตอบทดสอบ
- ตรวจสอบให้แน่ใจว่าไฟล์ Google Drive ที่ฝังอยู่ได้รับการแชร์กับกลุ่มเป้าหมายที่เหมาะสม (เอกสารที่ฝังอยู่ในเว็บไซต์สาธารณะยังคงต้องตั้งค่าการแชร์เป็น "ทุกคนที่มีลิงก์")
หลังจากเผยแพร่แล้ว โปรแกรมแก้ไขจะแสดงตัวบ่งชี้ "เผยแพร่การเปลี่ยนแปลงแล้ว" ทุกครั้งที่คุณทำการแก้ไข การเปลี่ยนแปลงที่คุณทำในโปรแกรมแก้ไขจะไม่ปรากฏจนกว่าคุณจะคลิก "เผยแพร่" อีกครั้ง ซึ่งจะช่วยให้คุณมีสภาพแวดล้อมการร่างที่ปลอดภัย
กลยุทธ์เชิงปฏิบัติที่ช่วยปรับปรุงผลลัพธ์การค้นหาใน Google Sites
กลยุทธ์ต่อไปนี้ให้ผลลัพธ์ที่ดีกว่าอย่างสม่ำเสมอสำหรับผู้ใช้ Google Sites ในกรณีการใช้งานต่างๆ
ใช้ Google Drive เป็นศูนย์กลางการจัดการเนื้อหาของคุณ
แทนที่จะอัปโหลดไฟล์คงที่ไปยังเว็บไซต์ของคุณ ให้ฝังเอกสาร Google Docs, Sheets และ Slides แบบเรียลไทม์โดยตรงจาก Drive เมื่อคุณอัปเดตเอกสารต้นฉบับ เวอร์ชันที่ฝังอยู่ในเว็บไซต์ของคุณจะอัปเดตโดยอัตโนมัติ ไม่จำเป็นต้องเผยแพร่ใหม่ ซึ่งมีประโยชน์อย่างยิ่งสำหรับระบบอินทราเน็ตของทีมที่นโยบาย รายการราคา หรือตัวติดตามโครงการมีการเปลี่ยนแปลงบ่อยครั้ง
ฝัง Google Forms เพื่อการโต้ตอบ
Google Sites ไม่มีแบบฟอร์มติดต่อ ระบบลงทะเบียน หรือเครื่องมือสำรวจในตัว แก้ไขปัญหานี้โดยการสร้าง Google Form และฝังลงในหน้าเว็บเฉพาะ ข้อมูลที่ได้รับจะถูกส่งไปยัง Google Sheet โดยตรง ทำให้คุณมีระบบ CRM หรือระบบรวบรวมข้อมูลขนาดเล็กที่ใช้งานได้ฟรี
ใช้พื้นหลังของแต่ละส่วนอย่างมีกลยุทธ์
แต่ละส่วนสามารถมีสีพื้นหลังหรือภาพพื้นหลังเป็นของตัวเองได้ การสลับระหว่างพื้นหลังสีขาวและพื้นหลังสีเทาอ่อนหรือสีประจำแบรนด์จะสร้างจังหวะทางสายตาที่นำทางผู้อ่านลงไปตามหน้าเว็บโดยไม่จำเป็นต้องใช้ CSS แบบกำหนดเอง คลิกที่ส่วนใดก็ได้ จากนั้นคลิกไอคอนการตั้งค่าส่วนนั้น (รูปดินสอหรือรูปเฟือง) เพื่อเข้าถึงตัวเลือกพื้นหลัง
ลิงก์แองเคอร์สำหรับหน้าเว็บยาว
สำหรับเว็บไซต์ที่มีหน้าเดียวและมีความยาวมาก ควรเพิ่มบล็อกสารบัญไว้ด้านบนสุด Google Sites จะสร้างลิงก์แบบแองเคอร์โดยอัตโนมัติจากส่วนหัว ทำให้ผู้เข้าชมสามารถข้ามไปยังส่วนต่างๆ ที่ต้องการได้ นอกจากนี้ คุณยังสามารถสร้างลิงก์แบบแองเคอร์ด้วยตนเองได้โดยการคัดลอก URL ของแองเคอร์จากบล็อกสารบัญและนำไปใช้ในปุ่มหรือลิงก์ข้อความในส่วนอื่นๆ ของเว็บไซต์
ปรับแต่งรูปภาพก่อนอัปโหลด
Google Sites ไม่บีบอัดรูปภาพโดยอัตโนมัติ หากคุณอัปโหลดรูปภาพที่มีขนาดใหญ่เกินไป เว็บไซต์ของคุณจะโหลดช้า โดยเฉพาะอย่างยิ่งบนอุปกรณ์มือถือ ปรับขนาดรูปภาพให้มีความกว้างสูงสุดที่แสดงผลได้ (โดยทั่วไปคือ 1600 พิกเซลสำหรับแบนเนอร์แบบเต็มความกว้าง และ 800 พิกเซลสำหรับรูปภาพในคอลัมน์) และบีบอัดรูปภาพโดยใช้เครื่องมืออย่าง Squoosh หรือ TinyPNG ก่อนอัปโหลด ขั้นตอนนี้เพียงขั้นตอนเดียวมีผลกระทบมากที่สุดต่อประสิทธิภาพของเว็บไซต์