בניית אתר רב-לשוני עם עברית (RTL): מה לתכנן מהיום הראשון

התרגום הוא החלק הקל

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

כתובת URL נפרדת לכל שפה

תנו לכל שפה כתובת משלה — למשל /en/, /ru/ ו-/he/. מנועי חיפוש מאנדקסים כתובות, לא עוגיות או הגדרות דפדפן, ולכן גרסה שמופיעה רק אחרי שסקריפט מחליף שפה עלולה לא להופיע בחיפוש בכלל.

• חברו בין הגרסאות בתגיות hreflang; כל עמוד צריך לפרט את כל גרסאות השפה שלו, כולל את עצמו
• הוסיפו גרסת x-default לגולשים ששפתם לא נתמכת
• תרגמו כותרות, תיאורי מטא ובמידת הצורך גם את כתובות העמודים

להציע, לא לכפות

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

RTL זו מראה, לא תרגום

הגדרת dir="rtl" ו-lang="he" הופכת את כיוון הטקסט, אבל ה-CSS צריך לשתף פעולה. השתמשו במאפיינים לוגיים — margin-inline-start במקום margin-left, padding-inline-end במקום padding-right — ואותו גיליון סגנונות יעבוד בשני הכיוונים.

• הפכו ניווט, חצים, מחווני התקדמות וסליידרים
• אל תהפכו לוגואים, תמונות, כפתורי נגן מדיה, מספרי טלפון ומחירים
• טקסט מעורב — שמות באנגלית או מספרים בתוך משפטים בעברית — דורש בדיקה; האלמנט bdi עוזר לבודד אותו
• טפסים: שדות אימייל ו-URL נשארים משמאל לימין גם בעמוד העברי

תכננו את ניהול התוכן

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

בדקו עם אנשים אמיתיים

לפני ההשקה בקשו מדובר שפת אם של כל שפה לעבור על התרחישים המרכזיים בטלפון. בעיות RTL הן ויזואליות וברורות לקורא דובר השפה — וכמעט בלתי נראות למפתח שלא קורא עברית.

עוד שני מאמרים בנושא: איך לבחור פונטים שעובדים בלטינית, בקירילית ובעברית, ודרישות הנגישות של ת"י 5568 שכל אתר ישראלי צריך לעמוד בהן. כתובות נפרדות ו-hreflang הן גם הבסיס לSEO רב-לשוני, ואנחנו בונים אתרים מרובי עמודים בשלוש השפות.

מתכננים אתר בעברית, אנגלית ורוסית? Codearia בונה אתרים רב-לשוניים עם תמיכה מלאה ב-RTL — ספרו לנו על הפרויקט.