אתר דו-לשוני — איך לבנות אתר בעברית ואנגלית
אם אתם מנהלים עסק בישראל ורוצים להגיע גם לקהל בחו"ל — או שאתם פשוט רוצים להיראות מקצועיים גם בעברית וגם באנגלית — אתם כנראה שוקלים לבנות אתר דו-לשוני. זה לא פשוט כמו להעתיק הכול ולתרגם. יש כאן לא מעט ניואנסים טכניים, וגם אם אתם לא אנשים טכניים, כדאי שתכירו את היקף הנושא כדי לא ליפול למלכודות.
במאמר הזה נעבור על העקרונות של בניית אתר דו-לשוני שעובד טוב — לא רק בעברית או באנגלית, אלא בשתיהן, גם עבור Google וגם עבור הגולשים.
האתגר הכי קשה: RTL לעומת LTR
בעברית אנחנו קוראים מימין לשמאל (RTL). באנגלית קוראים משמאל לימין (LTR). זה לא רק עניין של כיוון הטקסט — זה משפיע על כל רכיב בדף שלכם.
מה קורה כשלא מטפלים בזה כמו שצריך?
דמיינו שאתם פותחים את האתר שלכם בעברית: התפריט, הכפתורים והטקסט אמורים להיות מיושרים לימין. בדף באנגלית הכול צריך להתהפך שמאלה. אם פשוט מתרגמים את הטקסט בלי לעדכן את ה-CSS, הדף ייראה שבור — רכיבים במקומות הלא נכונים, יישור הפוך וחוויית משתמש מבלבלת.
הפתרון: CSS Logical Properties
כדאי להשתמש ב-CSS Logical Properties — כלומר להגדיר "התחלה" ו"סוף" במקום "ימין" ו"שמאל".
לדוגמה:
- במקום
padding-left: 20px, הגדירוpadding-inline-start: 20px - זה אומר לדפדפן: "תן 20 פיקסל מהצד שבו השורה מתחילה" — מימין בעברית, משמאל באנגלית
כך אתם מתארים לדפדפן את הכוונה, במקום לתת לו הוראות נוקשות.
מבנה ה-URL: איזו דרך עובדת הכי טוב?
כשבונים אתר דו-לשוני, יש שלוש דרכים נפוצות לארגן את הדפים:
דרך 1: תיקיות בתוך הדומיין
example.com/he/ ← עברית
example.com/en/ ← אנגלית
יתרונות:
- קל להבדיל בין התוכן בעברית לתוכן באנגלית
- Google מבין בקלות שמדובר בתוכן נפרד לכל שפה
- קל לתחזק את שתי השפות על שרת אחד
חסרונות:
- תגיות hreflang מורכבות קצת יותר
- URL ארוך יותר
דרך 2: תת-דומיינים
he.example.com ← עברית
en.example.com ← אנגלית
יתרונות:
- ברור מאוד שמדובר בשני אזורי תוכן נפרדים
- קל לאחסן כל שפה בשרת אחר אם צריך
חסרונות:
- צריך להגדיר SSL לכל תת-דומיין
- hreflang קצת יותר מורכב
- Google מתייחס לפעמים לתת-דומיינים כאל "דומיינים נפרדים" — לא בהכרח רע, אבל צריך להיות מודעים לזה
דרך 3: דומיינים נפרדים לגמרי
example.com.il ← עברית
example.com ← אנגלית
יתרונות:
- ברור לחלוטין לכל אחד שמדובר בשני אתרים נפרדים
- האתר בעברית יכול להתמקד בקהל הישראלי
חסרונות:
- צריך לנהל ולחדש כמה דומיינים
- Google לא בהכרח יודע שהם קשורים זה לזה
- כל דומיין צריך לבנות לעצמו סמכות וקישורים נכנסים בנפרד
ההמלצה שלנו?
לרוב העסקים הקטנים בישראל: דרך 1 (תיקיות) היא הטובה ביותר. היא פשוטה, ברורה ל-Google וקלה לניהול.
תגיות Hreflang — איך אומרים ל-Google אילו דפים הם תרגומים?
אחד הדברים שהכי הרבה אנשים מפספסים כשבונים אתר דו-לשוני הוא תגיות hreflang. אלו תגיות שמוסיפים ל-head של כל דף, ואומרות: "הדף הזה קיים גם בשפות אחרות."
בלי hreflang, Google עלול:
- לחשוב שיש לכם תוכן משוכפל (duplicate content) — וזה רע
- להציג בטעות את הדף העברי בתוצאות חיפוש באנגלית
- לא להבין שהדפים קשורים זה לזה
איך זה נראה?
בעמוד העברי (example.com/he/about) מוסיפים בתוך ה-<head>:
<link rel="alternate" hreflang="he" href="https://example.com/he/about/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/about/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />
בעמוד האנגלי (example.com/en/about) מוסיפים את אותן תגיות בדיוק:
<link rel="alternate" hreflang="he" href="https://example.com/he/about/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/about/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />
המשמעות: "הגרסה בעברית? כאן. הגרסה באנגלית? שם. ואם לא ברור באיזו שפה לבחור — השתמש בברירת המחדל."
תרגום לעומת Localization
יש כאן הבדל חשוב שרוב האנשים מפספסים:
תרגום = העברת המילים משפה לשפה Localization = התאמת החוויה כולה לתרבות המקומית
לדוגמה, נניח שבאתר באנגלית כתוב "Color Management System". תרגום מילולי — "מערכת ניהול צבע" — טכני ומדויק, אבל גולש ישראלי ממוצע לא יבין במה מדובר. בעברית עדיף לכתוב "כלי לבחירת צבע" או "פלטת צבעים" — משהו מובן יותר למשתמש הממוצע.
דברים נוספים שדורשים localization:
- מטבע — הציגו שקלים בישראל, דולרים בארה"ב
- תאריכים — בישראל כותבים בדרך כלל DD/MM/YYYY, לא MM/DD/YYYY
- מספרים — בישראל ובארה"ב משתמשים בנקודה עשרונית (3.14), אבל במדינות רבות באירופה משתמשים בפסיק (3,14)
- תמונות — בחרו תמונות שמתאימות לתרבות המקומית
- צבעים — בתרבויות שונות לצבעים יכולות להיות משמעויות שונות
בחירת Fonts — עברית צריכה טיפול מיוחד
לא כל font תומך בעברית כמו שצריך. בחרו fonts שיש להם:
- תמיכה מלאה בניקוד (diacritics — סימני הניקוד, כמו שווא וקמץ)
- משקלים וגרסאות (bold, italic) — כדי שתהיה גמישות בעיצוב
- ביצועים טובים — fonts חיצוניים כבדים עלולים להאט את טעינת הדף, במיוחד בטלפון
פונטים טובים לעברית:
- Rubik (Google Fonts, חינמי)
- Source Sans Pro (תומך בעברית)
- Open Sans (בגרסה שתומכת בעברית)
טעויות נפוצות שכדאי להימנע מהן
-
לא להוסיף lang attribute בכל דף
<html lang="he"> ← עברית <html lang="en"> ← אנגליתהתגית הזו אומרת לדפדפן ול-Google באיזו שפה כתוב הדף. בלעדיה — בעיה.
-
להשתמש ב-Google Translate כתחליף לתרגום אמיתי Google Translate טוב, אבל לא מושלם. כלל אצבע: לא מסתמכים על כלים אוטומטיים בלבד. תמיד תנו לדובר של שפת היעד לעבור על התרגום.
-
לשכוח ש-RTL משפיע על כל דבר יישור, ריווחים, תמונות — הכול דורש התאמה. דף שתורגם בלי התאמת RTL אינו דף דו-לשוני — הוא דף שבור.
-
לא להשתמש ב-hreflang כבר הזכרנו את זה, אבל זה כל כך חשוב שנחזור עליו: בלי hreflang, Google לא יודע אילו דפים הם תרגומים של אילו.
קנה מידה: אתר דו-לשוני גדול
אם אתם בונים אתר עם עשרות או מאות דפים בשתי שפות, אתם צריכים מערכת ניהול תוכן (CMS) שתומכת היטב בדו-לשוניות:
- WordPress עם WPML — Plugin שמנהל תרגום דפים בקלות
- Strapi — Headless CMS שתומך בריבוי שפות
- Webflow — עם תמיכה דו-לשונית מובנית
CMS טוב חוסך לכם זמן בכל תרגום של דף ומקל על עדכון ה-hreflang.
זה נראה מורכב?
כי זה באמת מורכב. בניית אתר דו-לשוני טוב דורשת תשומת לב להרבה פרטים — RTL/LTR, hreflang, fonts, localization ועוד. זו לא משימה של שעה.
זה בדיוק מה שאנחנו ב-Fuzion Webz עושים כל יום — בונים אתרים דו-לשוניים שבאמת עובדים, לא רק נראים טוב.
קראו גם
הצעד הבא שלכם
אם אתם שוקלים התרחבות לחו"ל או שירות לדוברי אנגלית, קחו בחשבון: בניית אתר דו-לשוני טוב היא השקעה. לא משנה איזה מבנה דומיין תבחרו או כמה דפים יש לכם — אם עושים את זה כמו שצריך, רואים תוצאות.
רוצים עזרה בבניית אתר דו-לשוני? צרו קשר עם Fuzion Webz — אנחנו מומחים בבניית אתרים בעברית ובאנגלית שעובדים גם לגוגל וגם לגולשים שלכם.
בדקו גם את כל השירותים שלנו כדי לראות איך אנחנו עוזרים לעסקים בישראל להגיע לקהל בינלאומי.