איך לבנות אתר בעברית ובאנגלית, נכון
יהלי סמפסון · · 3 דקות קריאה
בקצרה
נותנים לכל שפה עמודים וכתובות משלה (למשל / לעברית ו-/en לאנגלית), מגדירים lang ו-dir בכל עמוד, מחברים את הגרסאות עם תגיות hreflang, שמים מעבר שפה שמוביל לאותו עמוד בשפה השנייה, וכותבים כל שפה לקהל שלה ולא מתרגמים מילה במילה.
בתל אביב, להרבה עסקים יש לקוחות שמדברים עברית ולקוחות שמדברים אנגלית: תושבים, עולים חדשים, תיירים וחברות בינלאומיות. אתר בשתי שפות פותח את העסק לשני הקהלים, אבל רק אם בונים אותו נכון.
המדריך הזה עובר על ההחלטות הטכניות ועל הכתיבה, כדי שכל קהל יקבל אתר שנראה ונשמע כאילו נכתב בשבילו.
שלב 1: כתובת נפרדת לכל שפה
כל שפה מקבלת עמודים משלה, עם כתובת משלה. מבנה פשוט ונוח הוא תיקייה לשפה השנייה:
example.co.il/ עברית
example.co.il/en English
example.co.il/services שירותים
example.co.il/en/services Servicesכפתור תרגום אוטומטי שמחליף טקסט באותה כתובת לא מספיק. גוגל לא רואה אותו כעמוד אמיתי באנגלית, והתרגום לרוב נשמע מכונה.
שלב 2: מימין לשמאל, באמת
בעמודים בעברית מגדירים שפה וכיוון ברמת העמוד כולו:
<html lang="he" dir="rtl">
...
<html lang="en" dir="ltr">- תפריט, חיצים ואייקונים כיווניים מתהפכים
- בעיצוב משתמשים בתכונות לוגיות (start ו-end) במקום שמאל וימין, כך שאותו עיצוב עובד בשני הכיוונים
- מילים באנגלית ומספרים בתוך טקסט עברי נבדקים, כדי שסימני פיסוק לא יקפצו לצד הלא נכון
- טלפונים, כתובות מייל ודומיינים מוצגים משמאל לימין
שלב 3: מחברים את השפות עם hreflang
תגיות hreflang אומרות לגוגל שאלה שתי גרסאות של אותו עמוד. ככה מי שמחפש בעברית מקבל את העמוד בעברית, ומי שמחפש באנגלית מקבל את האנגלי. שמים אותן בכל אחת מהגרסאות:
<link rel="alternate" hreflang="he" href="https://example.co.il/services">
<link rel="alternate" hreflang="en" href="https://example.co.il/en/services">
<link rel="alternate" hreflang="x-default" href="https://example.co.il/services">כל גרסה מפנה גם לעצמה וגם לגרסה השנייה. בנוסף, לכל עמוד יש canonical שמצביע על הכתובת שלו עצמו.
שלב 4: מעבר שפה שמוביל לאותו עמוד
כפתור החלפת השפה צריך להוביל לאותו עמוד בשפה השנייה, ולא לדף הבית. מי שקורא על שירות מסוים ועובר לאנגלית, מצפה להמשיך לקרוא על אותו שירות.
לא מעבירים גולשים אוטומטית לפי מיקום או שפת דפדפן. מציעים את השפה, ונותנים להם לבחור.
שלב 5: כותבים, לא מתרגמים
כל שפה נכתבת לקהל שלה. אותו מסר, אבל במילים שאנשים באמת משתמשים בהן. ביטוי שנשמע טבעי בעברית יכול להישמע מוזר באנגלית, ולהפך.
- כותרות ותיאורים לגוגל נכתבים בכל שפה בנפרד
- מילות החיפוש שונות בין השפות, ובודקים כל אחת לחוד
- פרטים מקומיים, כמו איך מגיעים או מה זה פלורנטין, מוסברים יותר בגרסה האנגלית
שלב 6: מפת אתר ופרופיל בגוגל
מפת האתר כוללת את העמודים בשתי השפות, עם הקישורים ביניהן. בפרופיל העסק בגוגל אפשר להוסיף את האתר הראשי, ובתיאור לציין שיש שירות גם באנגלית.
בדיקה לפני שמעלים
- כל עמוד בעברית מוצג מימין לשמאל, וכל עמוד באנגלית משמאל לימין
- מעבר השפה מוביל לאותו עמוד בשפה השנייה
- לכל עמוד יש כותרת ותיאור בשפה שלו
- תגיות hreflang ו-canonical תקינות בשתי הגרסאות
- טופס, כפתור וואטסאפ וכל הקישורים עובדים בשתי השפות
שאלות על הנושא
אפשר פשוט להוסיף תוסף תרגום?
אפשר, אבל תרגום אוטומטי לרוב נשמע מכונה, ולא תמיד יוצר עמודים שגוגל מכיר בשפה השנייה. עמודים נפרדים עובדים טוב יותר.
איזו שפה צריכה להיות ברירת המחדל?
השפה של רוב הלקוחות. לעסק שרוב הלקוחות שלו מדברים עברית, העברית בכתובת הראשית והאנגלית תחת /en.
צריך לתרגם את כל האתר?
לא חובה. אפשר להתחיל מהעמודים החשובים בשפה השנייה, ולהוסיף לפי הצורך.