רשימות מהשטח · עיצוב אתרים
Wix headless עם Astro: מה למדתי מבנייה מחדש של ארבעה אתרים
ארבעה אתרים עברו מ־Wix Editor ל־Wix headless עם Astro. מה מדדתי, מה נשבר בלי ששום תיעוד הזהיר מפניו, ואיך לדעת אם כדאי לאתר שלכם לעשות את אותו מעבר.
בחודשיים האחרונים העברתי ארבעה אתרים מ־Wix Editor: שני אתרים של D'Argenta (dargentaawards.com ו־dargentaenterprise.com), החנות של Donna Roffe (donnaroffe.com) והאתר הזה. Wix עדיין מפעילה את כל מה שמאחורי הדפים: תורים, טפסים, תמונות, קטלוג החנות והדומיין. הדפים עצמם הם עכשיו Astro שמרונדר בשרת.
למה לעזוב את ה־Editor: המספרים
דף ב־Wix Editor מגיע עם כל מנוע ה־Wix. לפני הבנייה מחדש, כל דף באתר הזה שקל 0.8–1.0 MB של HTML לבד וטען 195–255 קבצים. האתרים של D'Argenta היו באותו טווח: כ־1 MB של HTML לדף ב־Awards, ו־541–972 KB בדף של Enterprise שמדדתי.
אחרי הבנייה מחדש, דפי הבית נמדדים כך:
simonabrahamworks.com
- HTML (דחוס)
- 14.5 KB
- בקשות (נייד)
- 23
- Lighthouse נייד
- 91
- Lighthouse מחשב
- 98
dargentaawards.com
- HTML (דחוס)
- 20 KB
- בקשות (נייד)
- 29
- Lighthouse נייד
- 83
- Lighthouse מחשב
- 95
dargentaenterprise.com
- HTML (דחוס)
- 22 KB
- בקשות (נייד)
- 28
- Lighthouse נייד
- 80
- Lighthouse מחשב
- 96
donnaroffe.com
- HTML (דחוס)
- 13.5 KB
- בקשות (נייד)
- 35
- Lighthouse נייד
- 82
- Lighthouse מחשב
- 98
| אתר | HTML (דחוס) | בקשות (נייד) | Lighthouse נייד | Lighthouse מחשב |
|---|---|---|---|---|
| simonabrahamworks.com | 14.5 KB | 23 | 91 | 98 |
| dargentaawards.com | 20 KB | 29 | 83 | 95 |
| dargentaenterprise.com | 22 KB | 28 | 80 | 96 |
| donnaroffe.com | 13.5 KB | 35 | 82 | 98 |
Lighthouse 12, דף הבית, חציון של שלוש מדידות לכל אתר ומכשיר, 7 באוקטובר 2026. תוצאות מעבדה זזות בכמה נקודות בין מדידות; הפער שלמטה לא.
להשוואה, חנות ב־Wix Editor שאני עובד איתה, נמדדה באותו יום ובאותו כלי: 2.9 MB של HTML (411 KB דחוס), 396 בקשות בנייד, Lighthouse 32 בנייד ו־42 במחשב.
נגישות, שיטות עבודה מומלצות ו־SEO קיבלו 96–100 בכל ארבעת האתרים שנבנו מחדש.
המהירות היא החלק שרואים. השינוי הגדול יותר הוא השליטה: כל כותרת, תיאור, כותרת משנה, גודל תמונה ושורת נתונים מובנים נכתבים עכשיו על ידי, ולא נקבעים על ידי ה־Editor.
ההקמה
Wix headless מנוהל פירושו ש־Wix מארחת את אתר ה־Astro, מטפלת בהתחברות ובמשתני הסביבה, ונותנת לקוד גישה ישירה לאותן אפליקציות עסקיות שה־Editor השתמש בהן.
מה עבד
- לקשר פרויקט קיים
- להתחיל מפרויקט Astro משלכם ולהריץ npm create @wix/new@latest -- headless link. הפקודה יוצרת עסק ואתר חדשים ב־Wix עבור הפרויקט.
- להישאר ב־Astro 5
- האינטגרציה של Wix עדיין לא תומכת ב־Astro 6.
- לרנדר בשרת
- להשתמש במתאם האירוח של Wix עם פלט שרת, כך שכל דף נבנה בזמן הבקשה ומציג תמיד נתונים עדכניים.
- להשאיר את העסק ב־Wix
- תורים, תיבת ההודעות, התמונות וקטלוג החנות נשארים בלוח הבקרה של Wix. האתר קורא וכותב אותם דרך ה־API של Wix, כך שתור שנקבע באתר החדש מגיע ליומן התורים של Wix כמו כל תור אחר.
- לפרסם בפקודה אחת
- בכל פרויקט יש סקריפט שמריץ את הבדיקות, שומר ב־GitHub, בונה ומפרסם. שום דבר לא עולה לאוויר אם הוא לא בניהול גרסאות.
משהו השתנה במהלך הפרויקט: גרסה 1.1.254 של ה־CLI של Wix הוסיפה את הפקודה finalize-migration, השלב האחרון בהעברת אתר Editor קיים לממשק headless על אותו אתר Wix, במקום על אתר חדש. עד אז כל פרויקט headless התחיל כאתר חדש. ל־Wix עדיין אין תיעוד לזה; אכתוב על זה אחרי שאריץ את התהליך מתחילתו ועד סופו.
מה נשבר בייצור
שום דבר מאלה לא מופיע במחשב שלכם. כולם הופיעו על דומיין חי.
חמש מלכודות
- Wix עונה ראשונה על חלק מהקבצים
- את robots.txt, llms.txt, sitemap.xml ו־favicon.ico מגיש ה־edge של Wix, לא הקוד שלכם, ולכן נתיב Astro עבורם לא עושה כלום. הגדירו את robots.txt ואת llms.txt בהגדרות ה־SEO של Wix או דרך ה־API שלהן, וקשרו את האייקונים מתוך ה־head של הדף: ה־/favicon.ico של Wix נשאר ריק, לא משנה מה מעלים.
- האתר חושב שהוא ב־http
- Wix מסיימת את חיבור ה־HTTPS לפני שהבקשה מגיעה ל־Astro, ולכן Astro.url מחזיר http://. כל canonical, קישור hreflang ותמונת שיתוף שנבנו ממנו יצאו שגויים. קבעו את כתובת הייצור במקום אחד ובנו ממנה כל כתובת מלאה.
- Wix מוסיפה תגיות SEO משלה
- Wix מזריקה כותרת, תיאור ו־canonical נוספים, ונתונים מובנים משלה לדף הבית, מעל שלכם. שני canonical גרועים מאף אחד, ולכן שלב middleware קטן מסיר את העותקים של Wix.
- כותרות מטמון לא נלקחות בחשבון
- הגדרתי s-maxage כדי שה־edge ישמור את ה־HTML במטמון. זה אף פעם לא קרה. זמן התגובה של השרת היה 0.3–0.6 שניות גם בלי זה, אז הסרתי את הקוד במקום להשאיר משהו שרק נראה כאילו הוא עובד.
- מפת האתר שלכם היא לא של Wix
- Wix שומרת את /sitemap.xml לעצמה. פרסמו אינדקס משלכם בנתיב אחר, כמו /sitemap-index.xml, הפנו אליו את robots.txt, ושלחו אותו ל־Google ול־Bing.
SEO בכוונה
בשלושה מתוך ארבעת אתרי ה־Editor היה אותו פגם: הטקסט תורגם לכל שפה, אבל הכותרת ותיאור המטא לא. בדף הבית של Awards הייתה כותרת אחת ל־23 שפות; בדף הבית של Enterprise, כותרת אחת ל־99. בחנות של Donna Roffe הבעיה הייתה אחרת: 18 דפים חלקו 6 כותרות, ו־Google הוסיפה לאינדקס דף אחד בלבד מהאתר.
מה כל אתר עושה עכשיו
- H1 אחד, כותרות ייחודיות
- H1 אחד בכל דף, וכותרת ותיאור ייחודיים בכל שפה.
- גרף מקושר אחד
- נתונים מובנים כגרף מקושר אחד — Person או Organization, WebSite, WebPage, פירורי לחם, ו־Product או Service כשהם רלוונטיים — במקום קטעים מנותקים.
- שפות במפת האתר
- hreflang נמצא רק במפות האתר בפורמט XML, ולא חוזר ב־head של כל דף, כך שיש מקור אמת אחד לשמור עליו.
- 301 לכל כתובת ישנה
- נתיבים של ה־Editor כמו /contact-8 ו־/copy-of-website-design הופכים לנתיבים נקיים, ושום דבר שכבר דורג לא הולך לאיבוד.
- IndexNow בכל פרסום
- אחרי כל פרסום האתר שולח את רשימת הכתובות המלאה ל־Bing ולשאר מנועי IndexNow, כך ששינויים נקלטים תוך דקות ולא שבועות.
- קובץ llms.txt
- סיכום בטקסט פשוט של מי האתר ועל מה עונה כל דף, לעוזרי בינה מלאכותית שקוראים אותו.
יותר משפה אחת, כולל מימין לשמאל
האתר הזה פועל באנגלית, בספרדית של מקסיקו ובעברית. Awards פועל ב־23 שפות ו־Enterprise ב־98.
מה זה דורש
- כתובת לכל שפה
- לכל שפה כתובת משלה (/es/…, /he/…), כותרת ותיאור משלה, ורשומה משלה במפת האתר.
- ימין לשמאל אמיתי
- דפים בעברית מגדירים dir="rtl" על המסמך, והפריסה הולכת לפי כיוון הקריאה במקום לקבל טלאים אחר כך.
- זהירות מכיוון מעורב
- קיצור לטיני בסוגריים בתוך משפט בעברית עלול לסדר את עצמו מחדש עד שהוא חסר משמעות. בדקו כל מחרוזת בעברית בדפדפן, לא בעורך.
- מקסיקו, לא ספרד
- האתר הקודם הצהיר על es-ES; הקהל מקסיקני, ולכן זה es-MX.
האם זה משתלם לאתר שלכם?
- משתלם כש
- האתר מביא מכירות או פניות מחיפוש ומגבלות המהירות או ה־SEO של ה־Editor עולות לכם; אתם צריכים יותר משפה אחת שעשויה כמו שצריך; או שאתם רוצים את האתר בניהול גרסאות, עם כל שינוי נבדק והפיך.
- לא משתלם כש
- אתם משנים את העיצוב בעצמכם כל שבוע ולא רוצים מפתח באמצע; האתר תלוי באפליקציות שקיימות רק ב־Editor או ב־Wix Members, שלא עוברים בין אתרי Wix; או שאתר תדמית קטן כבר נטען מהר ומופיע כשמחפשים את השם שלכם.
שוקלים את זה לאתר ה־Wix שלכם?
קבעו שעה ונבחן את זה יחד.