Showcase

Name: Intlayer
Author: Intlayer

גלו פרויקטים שנבנו עם Intlayer

הגישו את הפרויקט שלכם

חזרה לגלריית ה-Showcase

מאגר GitHub

ביקור באתר

Intlayer

Per-component i18n for React, Next.js, Vue, Svelte | Intlayer

פורסם8 במרץ 2026

סריקה אחרונה9 במרץ 2026

גרסת Intlayerworkspace:*

דרגו את הפרויקט הזה

ספריות בשימוש

Intlayer

v8.2.3

@intlayer/api

vworkspace:*

@intlayer/config

vworkspace:*

@intlayer/core

vworkspace:*

@intlayer/design-system

vworkspace

@intlayer/dictionaries-entry

vworkspace:*

@intlayer/editor-react

vworkspace:*

@intlayer/types

vworkspace:*

@intlayer/unmerged-dictionaries-entry

vworkspace:*

intlayer

vworkspace:*

next-intlayer

vworkspace:*

@intlayer/swc

vworkspace:*

@intlayer/backend

vworkspace:*

@intlayer/ai

vworkspace:*

@intlayer/chokidar

vworkspace:*

@intlayer/docs

vworkspace:*

intlayer-editor

vworkspace:*

express-intlayer

vworkspace:*

@intlayer/cli

vworkspace:*

vue-intlayer

vworkspace:*

react-intlayer

vworkspace:*

@intlayer/sync-json-plugin

vworkspace:*

פרויקטים נוספים

גלו פרויקטים נוספים שמשתמשים ב-Intlayer לבינאום שלהם.

SEO וחשיפה גלובלית

ניתוח טכני של שיטות עבודה מומלצות לבינאום.

תגית lang:

המאפיין lang בתגית <html> מצהיר על השפה העיקרית של הדף. זה עוזר למנועי חיפוש ולדפדפנים להבין את שפת התוכן.

<html lang="en">

למה זה חשוב: חיוני ל-SEO ולנגישות. קוראי מסך משתמשים בו כדי להגות את התוכן בצורה נכונה.

HTML dir:

ltr

המאפיין dir בתגית <html> מגדיר את כיווניות הטקסט של התוכן. זה חיוני לשפות הנכתבות מימין לשמאל (RTL).

<html lang="ar" dir="rtl"><html lang="en" dir="ltr">

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

השפה הנוכחית:

השפה שזוהתה בדף הנוכחי על סמך המאפיין lang של ה-HTML. זהו קוד השפה שמייצג את תוכן הדף.

דוגמאות: en, fr, de, es-MX, pt-BR

הערה: צריך להתאים לאחד מערכי ה-hreflang ולהיות קוד שפה תקין לפי ISO 639-1.

og:locale:

תגית המטא og:locale מיידעת רשתות חברתיות (Facebook, LinkedIn…) מהי שפת הדף המשותף. בלעדיה, תצוגות מקדימות של קישורים מניחות en_US. היא צריכה להתאים לערך של <html lang>.

<meta property="og:locale" content="fr_FR" />

Hreflangs:

en
ru
ja
fr
ko
zh
es
de
ar
it
en-GB
pt
hi
tr
pl
id
vi
uk
x-default

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

<link rel="alternate" hreflang="en" href="https://example.com/en" /><link rel="alternate" hreflang="fr" href="https://example.com/fr" /><link rel="alternate" hreflang="x-default" href="https://example.com/" />

שיטה מומלצת: כללו x-default עבור משתמשים שאת שפתם אינכם תומכים בה.

x-default:

מציין אם הדף כולל תגית hreflang מסוג x-default. תגית זו מגדירה דף ברירת מחדל/גיבוי עבור משתמשים שהעדפות השפה שלהם אינן תואמות אף hreflang ספציפי.

<link rel="alternate" hreflang="x-default" href="https://example.com/" /><link rel="alternate" hreflang="en" href="https://example.com/en/" /><link rel="alternate" hreflang="fr" href="https://example.com/fr/" />

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

קישורי חזרה של hreflang:

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

למה: מנועי חיפוש מתעלמים מזוגות hreflang ללא קישור חזרה.

Canonical:

תגית canonical מיידעת את מנועי החיפוש איזו גרסה של כתובת URL היא העותק ה"ראשי". קריטי למניעת קנסות על תוכן כפול באתרים רב-לשוניים.

<link rel="canonical" href="https://example.com/en/page" />

שיטה מומלצת: לכל גרסת שפה צריך להיות canonical משלה שמפנה לעצמה, ולא לשפה אחרת.

קישורים מותאמים לשפה:

בודק אם האתר מכיל קישורים לתוכן מותאם שפה. זה מעיד על קישוריות פנימית תקינה בין גרסאות השפה.

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

כל הקישורים מותאמים לשפה:

בודק אם כל הקישורים הפנימיים בדף כוללים קידומת שפה בנתיב שלהם (לדוגמה /en/, /fr/). זה קריטי לניתוב שפות תקין.

<!-- טוב --><a href="/en/about">About</a><a href="/fr/about">À propos</a><!-- רע --><a href="/about">About</a>

למה זה חשוב: מבטיח חוויית שפה עקבית ומבנה URL תקין באתרים רב-לשוניים.

החלפת שפה:

בודק שהדף מכיל קישורי <a href> הניתנים לסריקה אל גרסאות השפה האחרות שלו (בורר שפה).

למה: בלעדיהם, מנועי חיפוש מגלים את התרגומים רק דרך תגיות hreflang, ומשתמשים אינם יכולים להחליף שפה.

robots.txt

נגיש:

הקובץ robots.txt הוא קובץ טקסט שמורה לסורקים של מנועי חיפוש לאילו דפים או אזורים באתר שלכם מותר או אסור להם לגשת.

User-agent: *Disallow: /admin/Allow: /

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

Disallow ללא חלופות שפה:

נתיבים שחסומים ב-robots.txt אך אין להם גרסאות מקבילות לפי שפה. זה עשוי להעיד על בינאום חלקי.

דוגמה לבעיה: אם /admin/ חסום אך אין /en/admin/, /fr/admin/ וכו', ייתכן שמבנה האתר אינו משתמש בקידומות שפה באופן עקבי.

שיטה מומלצת: ודאו שלכל הנתיבים החסומים יש מקבילות לפי שפה אם האתר שלכם משתמש בלוקליזציה מבוססת URL.

sitemap.xml

כתובות URL שהתגלו:

המספר הכולל של כתובות ה-URL שנמצאו בקובצי ה-sitemap.xml שלכם. מפות אתר עוזרות למנועי חיפוש לגלות ולאנדקס את כל הדפים באתר שלכם.

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

קיימות חלופות:

מציין אם מפת האתר שלכם כוללת רכיבי <xhtml:link> עם גרסאות שפה חלופיות. זה מיידע את מנועי החיפוש על כל גרסאות השפה של כל דף.

<url>  <loc>https://example.com/en/page</loc>  <xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/page"/>  <xhtml:link rel="alternate" hreflang="fr" href="https://example.com/fr/page"/></url>

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

קיים x-default:

תגית ה-hreflang מסוג x-default מגדירה דף ברירת מחדל עבור משתמשים שאין מיקוד מפורש לשפתם. זהו פתרון גיבוי למשתמשים בינלאומיים.

<xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/" />

שיטה מומלצת: הפנו את x-default לדף בחירת שפה או לגרסת השפה האוניברסלית ביותר שלכם (לרוב אנגלית). חשוב: כל קבוצה של חלופות hreflang צריכה לכלול x-default.