top of page

בניית אתר דו לשוני בוויקס

כשבניתי את האתר הדו לשוני הראשון שלי (הנה הוא כאן), נתקלתי בסוגיית האתר הרב לשוני בוויקס. חקרתי את הנושא וראיתי שיש מגוון שיקולים לקחת בחשבון- טכניים, עיצוביים וכאלו שקשורים ל- UX, לפני שמחליטים כיצד לבנות. בגדול, יש שתי אפשרויות-

במדריך שלפניכם אפרט על שתי האפשרויות, כך שתוכלו להבין מה הדרך הנכונה והפשוטה יותר עבורכם. לא רוצים לבנות את האתר לבד, אלא עם עזרה מקצועית? בשמחה, דברו איתנו!

איך לבנות אתר דו לשוני ב- Multilingual של וויקס?

אפשרות אחת היא להשתמש בפיצ'ר מובנה של וויקס, ה- Multilingual. זהו פיצ'ר המייצר תוך שניות שכפול של האתר, ואז כל שנותר הוא לתרגם את כל התכנים. למערכת זו יש מספר מגבלות, למשל זה שכל שינוי עיצובי בשפה הראשית משפיע על השפה המשנית. מגבלה נוספת, הייחודית לשילוב של שפות עם כיווניות שונה (למשל עברית ואנגלית), היא שהן הטקסטים והן התפריט מיושרים לצד של שפת המקור, ועל כן נראים לא טוב בשפה השנייה. מגבלה זו באה לידי ביטוי גם כשיש באתר פיצ'רים כמו בלוג. על המגבלות הנ"ל אפשר להתגבר די בקלות, אם לא מפחדים מטיפ טיפה קוד.

מגבלה נוספת היא באתרי מכירה, בהם (נכון לרגע כתיבת שורות אלו, אוקטובר 2022) לא ניתן להשתמש במטבעות שונים בשפות השונות. ניתן אמנם להציג מטבע שונה בכל וריאציה (למשל- שקל בגרסה בעברית ודולר בגרסה באנגלית), אך בשלב הצ'קאאוט המכירה מתבצעת במטבע יחיד. ניתן להצביע עבור הוספת האפשרות להגדרת מטבעות שונים בגרסאות שונות של שפת החנות, הנה כאן.

מגבלה נוספת קשורה ל- SEO, אפרט על כך בהמשך.


הפיכת כיוון הלשוניות בתפריט באתר דו לשוני

כשאתם בונים שני אתרים עם כיווניות כתיבה שונה, יש צורך להפוך את סדר התפריט בין השפות השונות- כך לדוגמא בגרסה העברית, לשונית "בית" תהיה הראשונה מימין, ובגרסה האנגלית- לשונית "Home" תהיה הראשונה, אבל משמאל, בהתאם לכיוון הכתיבה. אפשר לטפל בזה די בקלות על ידי הטמעה פשוטה של קוד (לא להיבהל!), וויקס הוציאו מדריך מאוד מובן ובהיר לגבי הטמעת קוד בדיוק למקרה הזה, אם עובדים לפי ההוראות זה באמת פשוט, הנה המדריך.


שינויים עיצוביים באלמנטים באתר דו לשוני

כאילו שעיצוב כשלעצמו הוא לא מאתגר מספיק, באתר דו לשוני במולטילינגואל זה יכול להיות מורכב אפילו יותר. אם אתם רוצים לשנות כיווניות, מיקום או עיצוב של אלמנטים נוספים בין השפות השונות באתר שלכם, או לחילופין- לתרגם פיצ'רים שוויקס לא מתרגם אוטומטית (כמו למשל FAQ), אתם צריכים Multi state box. בקצרה, מדובר בקופסא שלתוכה אתם גוררים את האלמנט המדובר, מייצרים שתי גרסאות שלו, מגדירים איזו גרסא תופיע באיזו שפה, ומעתיקים את הקוד הרלוונטי. הנה המדריך של וויקס בנושא.


והערה אחרונה בנוגע לקוד- אם אתם מחפשים משהו מורכב יותר, מותאם אישית, תמיד אפשר להעזר במתכנת Velo ולבנות מה שתרצו במערכת באופן מותאם אישית.


דוגמאות לאתר דו לשוני בוויקס שנבנה באמצעות ה- Multilingual


פרוייקט השדרוג של האתר של סטודיו פיצ'י הוא אחד הפרוייקטים שהכי נהניתי לעבוד עליהם, בזכות שיתוף פעולה מעולה שהיה ביני ובין צופיה, בעלת הסטודיו. השימוש ב- Multilingual באתר מכירה מאפשר ניהול פשוט יחסית של המלאי מאחורי הקלעים. התוצאה היא אתר יפייפה וזמזמין, בעברית ובאנגלית.



הילית היאאשת מקצוע שעובדת בעברית ובאנגלית, ועל כן זה היה אך מתבקש שהאתר שלה יהיה דו לשוני. בחרנו באפשרות של ה- multilingual היות ומדובר באתר תדמית סטטי יחסית, ללא בלוג, והאפשרות של ה- multilingual הייתה מספירה לצרכינו. באתר נעשה שימוש בקוד לשם יצירת התאמות ודיוקים עיצוביים, כדי לשמור על השפה הגרפית הייחודית שיצרנו לאתר.



בניית שני אתרים בשפות שונות וחיבורם על ידי סאב דומיין

האפשרות השנייה, כאמור, היא לבנות אתר נוסף, המבוסס על שכפול של האתר המקורי, ולחבר בין האתרים באמצעות סאב דומיין. נכון להיום, לוויקס אין אפשרות להשתמש בשני מטבעות שונים בחנות, ולכן אם יש לכם חנות וחשוב לכם שכל גולש יוכל לקנות במטבע המקומי שלו, המולטילינגואל הוא לא בשבילכם (אני יודעת שוויקס עובדים על זה, כך שאולי זה רק עניין של זמן עד שביה זו תהיה פתירה). חסרון נוסף של המולטילינגואל קשור ל- SEO: אמנם ניתן להגדיר לכל עמוד באתר המתורגם meta description משל עצמו, אך בכל זאת- יש משמעות לכך שאתר כתוב בשפה אחת, ופונה באופן מובהק לקהל היעד הדובר את השפה. כשאתר פונה לשני קהלי יעד הדוברים שפות שונות, זה עלול לפגוע בקידום של שני הקהלים.

על כן, ניתן כאמור לבנות אתר, לשכפל אותו ולתרגם באופן חופשי את כל התכנים (וכמובן לשנות אותם במידת הצורך, האתרים לא קשורים ביניהם כך שאין כל בעיה לעשות שינויים רק באתר אחד מבלי לחשוש שהשינוי ישפיע על השני). בשלב הבא יש ליצור ב-header של כל אחד מהאתרים כפתור המפנה לאתר השני (עם דגל המדינה הרלוונטית, או הכיתוב HE/EN), לשלם עבור חבילת אחסון נפרדת עבור שני האתרים, לרכוש לאחד מהם, אותו תרצו להגדיר כאתר הראשי, דומיין לבחירתכם, וליצור בו סאב דומיין אליו ישוייך האתר השני. אם לאתר שלכם קוראים www.mysite.com, אזי סאב דומיין יכול להראות כך למשל: www.heb.mysite.com.


דוגמא לאתר דו לשוני בוויקס שנבנה באמצעות סאב דומיין

האתר של Sewgood- אתר אי קומרס


אתר אי קומרס למכירת מוצרים דיגיטליים (גזרות תפירה), נבנה באמצעות שכפול האתר וחיבור סאב דומיין, על מנת לאפשר תשלום במטבעות שונות בשפות האתר השונות. ניהול המלאי אמנם כפול, אבל לבעלות האתר יש חופשיות רבה יותר בכל הנוגע לעיצוב וליצירת שינויים בין גרסאות האתר.

Comments


אנחנו סטודיו אלצ'קה

נעים להכיר! אנחנו בונים, משדרגים ומקדמים אתרי וויקס. אוהבים עיצוב נקי ומדוייק, חוויית משתמש אינטואיטיבית שמובילה לתוצאה הרצויה, ותהליך עבודה משותף שבו כל אחד מהצדדים מביא את מה שהוא הכי טוב בו. 

תודה שנרשמת!

רוצים להשאר מעודכנים?

הצטרפו לרשימת התפוצה שלנו, מבטיחים לא להספים ולשלוח מידי פעם מידע רלוונטי, מעניין ותמציתי. מלאו מייל ואתם בפנים:

bottom of page