วิธีเพิ่มตัวสลับภาษา WordPress ให้กับเว็บไซต์หลายภาษาของคุณ
เผยแพร่แล้ว: 2023-04-03การเปลี่ยนเว็บไซต์ WordPress ของคุณให้เป็นหลายภาษาเป็นวิธีที่ยอดเยี่ยมในการเข้าถึงผู้ชมใหม่ๆ นอกจากนี้ยังเป็นหนึ่งในวิธีการชั้นนำเพื่อให้แน่ใจว่าคุณนำเสนอเนื้อหา ข้อเสนอ หรือบริการในภาษาที่ตรงกับความต้องการของผู้อ่านเสมอ มีเพียงปัญหาเดียว – หรือความท้าทาย – จะเพิ่มโมดูลตัวสลับภาษาไปยังเว็บไซต์ WordPress ของคุณได้อย่างไร
นี่คือสิ่งที่เราจะแสดงให้คุณเห็นในวันนี้ สิ่งต่อไปนี้คือคำแนะนำฉบับย่อสำหรับผู้เริ่มใช้งานเกี่ยวกับตัวสลับภาษาของเว็บไซต์ เราจะอธิบายว่าตัวสลับภาษาคืออะไร แท้จริงแล้วใช้ทำอะไร ตัวสลับภาษาประเภทหลักคืออะไร และวิธีเพิ่มตัวเปลี่ยนภาษาลงในเว็บไซต์ WordPress ของคุณ
ตัวสลับภาษาของเว็บไซต์คืออะไร?
พูดง่ายๆ ก็คือ ตัวสลับภาษาของเว็บไซต์คือรายการต่างๆ เช่น เมนูแบบเลื่อนลง ลิงก์ หรือปุ่ม ซึ่งโดยปกติจะอยู่ที่มุมหนึ่งของโครงสร้างของหน้า
ตัวอย่างเช่น อาจเป็นดังนี้:

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

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

ประโยชน์ของการทำให้ไซต์ของคุณมีหลายภาษา
ก่อนที่คุณจะสามารถเพิ่มตัวสลับภาษาในเว็บไซต์ของคุณ คุณจะต้องทำให้ไซต์นั้นเป็นหลายภาษาเสียก่อน การ "ทำให้เป็นหลายภาษา" ทั้งหมดหมายความว่าคุณเพียงแค่เพิ่มเวอร์ชันภาษาอื่นลงในไซต์ของคุณและเติมด้วยการแปลเนื้อหา
ไปที่: เว็บไซต์หลายภาษาก่อนแล้วเปลี่ยนภาษาที่สอง
ประโยชน์ของการทำให้ไซต์ของคุณมีหลายภาษาเหนือกว่าเพียงแค่ความจริงที่ว่าคุณสามารถใส่ตัวสลับภาษาได้ นี่คือบางส่วนที่สำคัญ:
เข้าถึงผู้ชมได้กว้างขึ้น
การศึกษาโดย Statista เผยให้เห็นว่าผู้ใช้อินเทอร์เน็ตเพียง 25% เท่านั้นที่เป็นเจ้าของภาษาอังกฤษ ขณะที่เนื้อหาเว็บมากกว่า 50% เป็นภาษาอังกฤษ ช่องว่างนี้สร้างโอกาสมากมายสำหรับธุรกิจที่ตัดสินใจนำเสนอเว็บไซต์เวอร์ชันภาษาต่างๆ ณ เดือนมกราคม 2023 มีผู้ใช้อินเทอร์เน็ต 5.16 พันล้านคนทั่วโลก ดังนั้นตลาดสำหรับเนื้อหาที่ไม่ใช่ภาษาอังกฤษจึงค่อนข้างใหญ่
แม้ว่าจะมีผลิตภัณฑ์และบริการที่สามารถนำเสนอได้ในบางพื้นที่เท่านั้น แต่โดยทั่วไปแล้วมนุษย์ก็มีความต้องการที่คล้ายคลึงกันเมื่อพูดถึงการบริโภคเนื้อหาทั่วโลก การมีเว็บไซต์หลายภาษาจะช่วยให้คุณเข้าถึงตลาดใหม่และมีโอกาสทำกำไรได้ในประเทศที่ไม่ได้ใช้ภาษาอังกฤษ
นอกจากนี้ แม้แต่ในประเทศที่ใช้ภาษาอังกฤษ เป็น ภาษาแม่ เช่น สหรัฐอเมริกา คุณก็ยังพบชุมชนขนาดใหญ่ที่พูดภาษาต่างๆ เช่น สเปน ฝรั่งเศส จีนกลาง และอื่นๆ เว็บไซต์หลายภาษาสามารถขยายธุรกิจของคุณไปยังผู้คนทุกภาษา ทั้งในประเทศและต่างประเทศ
SEO หลายภาษาที่ดีขึ้น
ไม่ใช่เจ้าของเว็บไซต์ทุกคนที่รู้เรื่องนี้ แต่มีสิ่งที่เรียกว่า SEO หลายภาษา เพื่อให้ข้อมูลโดยย่อ "สรุป" แก่คุณ โดยทั่วไป Google จะแสดงผลการค้นหาที่แตกต่างกันตามภาษาที่ตั้งค่าไว้ในระบบและเบราว์เซอร์ของผู้ใช้
นอกจากนี้ ที่น่าสนใจคือการจัดอันดับคำศัพท์บางคำในภาษาอังกฤษนั้นยากกว่าการจัดอันดับคำศัพท์ในภาษาสเปนหรือเยอรมัน เมื่อคุณเพิ่มความจริงที่ว่าคุณอาจมีเหตุผลที่ดีในการเข้าถึงผู้ชมต่างประเทศเหล่านั้นแล้ว การเจาะ SEO หลายภาษาก็เป็นความคิดที่ดี
พูดง่ายๆ ก็คือ คุณต้องการให้เนื้อหาของคุณถูกค้นพบ ไม่ว่าผู้ใช้จะป้อนวลีลงใน Google เป็นภาษาใดก็ตาม
การทำให้ไซต์ของคุณมีหลายภาษาและตรวจสอบให้แน่ใจว่าเนื้อหาทั้งหมดได้รับการปรับให้เหมาะสมและ Google สามารถรวบรวมข้อมูลได้นั้นเป็นการลงทุนที่ยอดเยี่ยม
ลดอัตราตีกลับและเพิ่มการแปลง
CSA Research สำรวจผู้บริโภคออนไลน์กว่า 8,700 รายใน 29 ประเทศ และพบว่า 76% ของพวกเขาชอบที่จะซื้อสินค้าที่มีข้อมูลเป็นภาษาของตนเอง
สิ่งนี้หมายความว่าในทางปฏิบัติ? ครั้งหนึ่ง หมายความว่ามีคนจำนวนมากที่จะออกจากไซต์ของคุณทันทีหากไม่พบเวอร์ชันภาษาที่ต้องการบนไซต์ หรือค่อนข้างจะไปหาคู่แข่งที่มีเวอร์ชันภาษานั้น
ในทำนองเดียวกัน การทำให้ไซต์ของคุณมีหลายภาษาจะทำให้คุณได้เปรียบเหนือคู่แข่งที่ไม่ได้ดำเนินการนี้
แนวทางปฏิบัติที่ดีที่สุดเมื่อใช้ตัวสลับภาษาของเว็บไซต์
ด้วยคำว่า "ทำไม" ตอนนี้เราจะทำรายการสิ่งที่ควรคำนึงถึงเมื่อออกแบบตัวสลับภาษาสำหรับไซต์ของคุณ:
วางตัวสลับภาษาในจุดที่มองเห็นได้
มาตรฐานสำหรับตำแหน่งตัวสลับภาษามักจะอยู่ที่มุมบนขวา ถัดจากเมนูหลักของไซต์หรือที่ส่วนท้าย ตัวอย่างจากความคิด:

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

ไม่ว่าคุณจะเลือกตำแหน่งใด เป้าหมายหลักคือการทำให้ค้นหาได้ง่ายที่สุดเท่าที่จะเป็นไปได้ หากมีคนไม่เข้าใจภาษาของไซต์นั้น ตัวสลับภาษาคือสิ่งแรกที่พวกเขาจะมองหา
หลีกเลี่ยงการใช้ธงของประเทศนั้นๆ เป็นตัวเปลี่ยนภาษา
การตั้งค่าสถานะนั้นยอดเยี่ยมในฐานะตัวระบุภาษาในกรณีพื้นฐานที่สุด อย่างไรก็ตาม พวกเขายังไม่รวมผู้ใช้กลุ่มใหญ่
ก่อนอื่น การตั้งค่าสถานะเพียงอย่างเดียวไม่ใช่วิธีแก้ปัญหาที่สามารถเข้าถึงได้ ความหมาย ผู้พิการทางสายตาอาจไม่สามารถแยกความแตกต่างระหว่างธงที่มีลักษณะคล้ายกันหรือมองไม่เห็นเลย
ประการที่สอง บางประเทศอาจมีภาษาตั้งแต่สองภาษาขึ้นไป ดังนั้นจึงไม่ชัดเจนว่าตัวสลับภาษาหมายถึงภาษาใด
ตัวอย่างเช่น United Language Group ชี้ให้เห็นว่าแม้อินเดียจะใช้ภาษาฮินดีและภาษาอังกฤษเป็นภาษาราชการ แต่ประเทศนี้มีภาษาที่ไม่ซ้ำกันถึง 448 ภาษา การใช้ธงอินเดียในตัวสลับภาษาอาจทำให้ชาวอินเดียเกิดความสับสน เนื่องจากพวกเขาไม่รู้ว่าธงนี้ใช้แทนภาษาใด
การใช้แฟล็กบวกกับชื่อภาษาเป็นวิธีแก้ปัญหาที่ดีกว่ามาก เข้าถึงได้และชัดเจนสำหรับทุกคน


ทดลองเปลี่ยนภาษาอัตโนมัติ
ขึ้นอยู่กับประเภทของไซต์ที่คุณเรียกใช้และประเภทของเนื้อหาที่คุณนำเสนอ อาจเป็นความคิดที่ดีที่จะตั้งค่าการสลับภาษาให้ทำงานโดยอัตโนมัติ
วิธีการทำงานคือซอฟต์แวร์เปลี่ยนภาษาของคุณสามารถตรวจจับการตั้งค่าภาษาของเว็บเบราว์เซอร์ของผู้เข้าชมรวมถึงการตั้งค่าตำแหน่งของพวกเขาผ่านคุกกี้ จากนั้นปรับเนื้อหาของไซต์ตามนั้นโดยอัตโนมัติ
สิ่งนี้ทำให้ผู้ชมของคุณได้รับประสบการณ์ที่ราบรื่นโดยไม่ต้องขัดจังหวะกิจกรรมของพวกเขาโดยมองหาตัวเปลี่ยนภาษาด้วยตนเอง ตามหลักการแล้ว ผู้เยี่ยมชมไซต์ของคุณไม่ควรต้องทำงานเพิ่มเติมใดๆ เพื่อให้ได้ข้อมูลที่ต้องการ
ในขณะเดียวกัน ผู้เยี่ยมชมของคุณก็ไม่สูญเสียความสามารถในการเปลี่ยนกลับหรือเปลี่ยนการตั้งค่าภาษาในภายหลัง
วิธีเพิ่มตัวสลับภาษาให้กับเว็บไซต์ WordPress
หากไซต์ของคุณทำงานบน WordPress การเพิ่มตัวสลับภาษาลงไป – และทำให้มีหลายภาษาภายใต้ประทุน – เป็นเรื่องง่ายมาก
เพื่อให้ใช้งานได้ คุณต้องใช้ปลั๊กอิน TranslatePress ฟรี เป็นหนึ่งในปลั๊กอินการแปลและการแปลที่ได้รับความนิยมมากที่สุดสำหรับ WordPress
คุณสามารถติดตั้งได้โดยตรงจากแดชบอร์ด WordPress ของคุณ เพียงไปที่ Plugins → Add New และค้นหา “TranslatePress” จากนั้นคลิกที่ ติดตั้ง และ เปิดใช้งาน

TranslatePress ช่วยให้คุณทำอะไรได้มากกว่าแค่เพิ่มโมดูลการสลับภาษาในไซต์ของคุณ ในความเป็นจริง คุณสามารถใช้เพื่อเพิ่มการแปลเนื้อหาเว็บไซต์ของคุณเป็นภาษาที่รองรับหลายร้อยภาษา เพิ่มประสิทธิภาพสำหรับ SEO หลายภาษา และยังเปิดใช้งานการแปลอัตโนมัติโดยอิงจากเครื่องมืออย่าง Google Translate หรือ DeepL
แต่ขอเน้นเฉพาะความสามารถในการเปลี่ยนภาษาของปลั๊กอิน วิธีตั้งค่ามีดังนี้
เลือกภาษาของคุณ
ก่อนอื่น คุณจะต้องเลือกภาษาที่คุณต้องการแสดงเนื้อหาของไซต์ของคุณ ในเวอร์ชันฟรีของ TranslatePress คุณสามารถเลือกภาษาเพิ่มเติมได้หนึ่งภาษา หากต้องการตั้งค่า ให้ไปที่ Settings → TranslatePress และใช้ส่วนที่ทำเครื่องหมายไว้ในภาพ:

คลิกที่ บันทึกการเปลี่ยนแปลง เมื่อเสร็จสิ้น
เลือกตัวสลับภาษาของคุณ
TranslatePress ให้คุณเลือกตัวสลับภาษาที่มีอยู่สามประเภท จริงๆแล้วคุณสามารถใช้ทั้งสามอย่างพร้อมกันได้
คุณจะพบตัวสลับภาษาเหล่านั้นใน การตั้งค่า → TranslatePress ที่ด้านล่างสุดของหน้า:

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

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

ถัดไป ใส่ [language-switcher]
ในช่องรหัสย่อและบันทึกการตั้งค่า
เมื่อทำเสร็จแล้ว คุณจะเห็นตัวสลับภาษาทำงานในพื้นที่วิดเจ็ตเฉพาะที่คุณเพิ่มเข้าไป
วิธีเพิ่มตัวสลับภาษาในเมนูไซต์ของคุณ
หากคุณคุ้นเคยกับอินเทอร์เฟซของ WordPress และวิธีการทำงานของเมนูเว็บไซต์ คุณจะรู้สึกเหมือนอยู่บ้านด้วยการเพิ่มตัวสลับภาษาในเมนูเหล่านั้น
เพียงไปที่ ลักษณะ → เมนู เลือกเมนูที่คุณต้องการใช้งาน จากนั้นเพิ่มตัวสลับภาษาโดยเลือกตัวเลือกจากรายการ:

โดยการเพิ่ม ภาษาปัจจุบัน เป็นรายการในเมนูของคุณ จากนั้นเพิ่มภาษาเพิ่มเติมเป็นรายการย่อย ส่วนหน้าของคุณจะแสดงตัวสลับในรูปแบบของดรอปดาวน์ เช่น:

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

คุณสามารถใช้เมนูแบบเลื่อนลงที่นี่เพื่อเลือกตำแหน่งที่คุณต้องการให้ตัวสลับภาษา WordPress ของคุณปรากฏและต้องการให้มีลักษณะอย่างไร คุณจะสามารถเห็นการทำงานของตัวสลับที่ส่วนหน้าของไซต์ของคุณ ในทุก ๆ หน้าของเว็บไซต์ของคุณ
อะไรต่อไป?
นั่นคือวิธีการเพิ่มตัวสลับภาษาพื้นฐานให้กับเว็บไซต์ WordPress ของคุณ แต่คุณสามารถนำไปต่อยอดได้อีกมาก!
จำได้ไหมว่าเมื่อเราพูดถึงคุณสามารถเปลี่ยนภาษาโดยอัตโนมัติเพื่อให้ตรงกับการตั้งค่าระบบของผู้เยี่ยมชมของคุณ? คุณสามารถทำได้ด้วยส่วนเสริมของ TranslatePress (อันนี้โดยเฉพาะ)
หากคุณสนใจว่าจะทำอะไรได้อีกบ้างเพื่อทำให้ไซต์ของคุณมีหลายภาษา โปรดแจ้งให้เราทราบในความคิดเห็น