SEO ב-Astro: איך לדרג אתר Astro בגוגל ולהיות מצוטטים על ידי ה-AI

שאלון קצר

האם SEO מתאים לכם, ואיך להתחיל?

שאלה 1 מתוך 425%

אנשים מחפשים ב-Google את מה שאתם מוכרים?

כן, אני חושב שכןלא, זה חדש או נישתי מאודלא יודע

SEO ב-Astro הוא העבודה שהופכת את ה-HTML הנקי הזה לדפים שמדורגים. המדריך של גוגל ליסודות SEO ל-JavaScript מסביר שאתרי JavaScript מעובדים בשלושה שלבים (סריקה, רינדור, הוספה לאינדקס) וקובע שרינדור בצד השרת או רינדור מראש הם עדיין רעיון מצוין, כי לא כל הבוטים מריצים JavaScript. Astro מתחילה מהנקודה הזו כברירת מחדל. המדריך הזה מכסה את השאר, הגדרה אחר הגדרה, וכל התנהגות נבדקה מול התיעוד הרשמי של Astro. אגב, האתר sorank.com שאתם קוראים עכשיו רץ על Astro.

האם Astro טובה ל-SEO?

כן, מהצד הטכני. Astro מרנדרת רכיבים ל-HTML בזמן הבנייה ומסירה את ה-JavaScript שמסגרות כמו React או Vue היו שולחות בדרך כלל לדפדפן. כך נמנעות הבעיות הקלאסיות שמתוארות במדריך שלנו לSEO ל-JavaScript: מעטפות HTML ריקות, תוכן שמופיע רק אחרי הרינדור, קישורים שאינם תגיות עוגן אמיתיות. נמנעות גם מלכודות הניתוב של אפליקציית עמוד יחיד, כי כל נתיב ב-Astro הוא כתובת URL אמיתית עם קובץ HTML משלה.

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

רינדור סטטי או בשרת: איזה מצב עדיף ל-SEO?

התיעוד של Astro על רינדור לפי דרישה ברור: כברירת מחדל, דפים, נתיבים ונקודות קצה של API מרונדרים מראש בזמן הבנייה כדפים סטטיים. מבחינת SEO, פלט סטטי הוא הבחירה הבטוחה ביותר: כל URL הוא קובץ HTML מוכן, שמוגש מרשת CDN, מהיר וזהה לכל מבקר ולכל בוט.

רינדור לפי דרישה (בשרת) מחייב מתאם (adapter) לספק האחסון שלכם (למשל Node, Netlify, Vercel או Cloudflare). לאחר מכן מוציאים נתיב בודד מהרינדור המוקדם עם export const prerender = false, או מעבירים את כל הפרויקט ל-output: 'server' ומחזירים דפים סטטיים אחד אחד. שני המצבים מפיקים HTML מלא, כך שגוגל רואה את אותו הדבר. ההבדלים נמצאים במקום אחר:

• מהירות: קובץ סטטי מוגש מיד; דף שמרונדר בשרת תלוי בזמן התגובה של השרת, שמשפיע על Largest Contentful Paint.
• עדכניות: רינדור בשרת מתאים לדפים שמשתנים כל הזמן (מלאי, מחירים, תוצאות חיפוש), שבהם בנייה מחדש של האתר איטית מדי.
• כלים: חלק מהאינטגרציות, כמו מפת האתר, לא רואות נתיבים דינמיים בשרת (ראו בהמשך).

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

איך מגדירים תגיות מטא וכתובות קנוניות ב-Astro?

צרו רכיב SEO אחד (לרוב בשם BaseHead או Seo) ושלבו אותו ב-head של כל תבנית. הוא מקבל כותרת, תיאור, תמונה אופציונלית ודגל noindex אופציונלי, ומפיק:

1. את תגית ה-title, ייחודית לכל דף, עם מילת המפתח הראשית קרוב להתחלה;
2. את תיאור המטא, שנכתב ידנית לכל דף (זה הקטע שמוצג בתוצאות);
3. את תגית הקנוניקל, ככתובת מוחלטת שנבנית מ-Astro.url.pathname ומערך site בהגדרות;
4. תגיות Open Graph ותגיות לרשתות חברתיות (כותרת, תיאור, תמונה, URL) לתצוגות מקדימות של קישורים;
5. תגית מטא robots כשדף צריך להישאר מחוץ לאינדקס.

הגדירו קודם את האפשרות site בקובץ astro.config.mjs: הקנוניקל, מפת האתר והתגיות החברתיות תלויים בה. אחר כך בחרו מדיניות trailingSlash ('always' או 'never') ודבקו בה, כדי ש-/blog/post ו-/blog/post/ לא יתחרו לעולם כשתי גרסאות של אותו דף. הסירו פרמטרים של שאילתה מהקנוניקל, כדי שפרמטרי מעקב לא ייצרו כפילויות.

איך מייצרים מפת אתר ו-robots.txt עם Astro?

השתמשו באינטגרציה הרשמית שמתועדת בדף של @astrojs/sitemap. הפקודה npx astro add sitemap מתקינה אותה ומוסיפה אותה להגדרות. היא מחייבת את האפשרות site, ובזמן הבנייה כותבת קובץ sitemap-index.xml שמפנה לקבצים ממוספרים (sitemap-0.xml, ועוד באתרים גדולים). כל קובץ מכיל עד 45,000 רשומות כברירת מחדל, ערך שנקבע באפשרות entryLimit. אם הפורמט חדש לכם, ערך המילון שלנו על מפת אתר XML מסביר מה גוגל עושה איתה.

שלוש הגדרות חשובות ל-SEO:

• filter: פונקציה שמקבלת את ה-URL של כל דף; החזירו false לדפי תודה, לחיפוש פנימי, לטיוטות ולכל מה שמסומן noindex, כדי שמפת האתר תכלול רק כתובות שניתנות להוספה לאינדקס.
• i18n: ממפה את תיקיות השפה לקודי שפה ומוסיפה חלופות hreflang לכל רשומה.
• customPages: מוסיפה כתובות שהאינטגרציה לא מסוגלת לגלות בעצמה.

ל-robots.txt מספיק ברוב האתרים קובץ סטטי בתיקייה public. אם התוכן שונה בין סביבת הבדיקות לייצור, עדיף לייצר אותו מנקודת קצה (src/pages/robots.txt.ts). בשני המקרים הוסיפו שורת Sitemap שמפנה ל-sitemap-index.xml, ובדקו את התוצאה עם בודק robots.txt לפני העלייה לאוויר. באותה טכניקה מייצרים גם קובץ llms.txt; המדריך שלנו להתקנת קובץ llms.txt מפרט את תוכנו.

איך מטפלים ב-hreflang ובאתר רב-לשוני ב-Astro?

ניתוב ה-i18n המובנה של Astro מטפל בצד של הכתובות. בהגדרות מצהירים על defaultLocale ועל רשימת locales, ובוחרים אם גם שפת ברירת המחדל תקבל קידומת (prefixDefaultLocale). פונקציות עזר כמו getRelativeLocaleUrl בונות קישורים מתורגמים, ו-Astro.currentLocale מגלה לכל דף באיזו שפה הוא.

מדריך הניתוב לא עוסק בתגיות hreflang ב-head, ולכן תכננו לכתוב אותן בעצמכם ברכיב ה-SEO: לכל דף, קישור alternate אחד לכל גרסת שפה ועוד x-default, הכול ככתובות מוחלטות, וכל גרסה חייבת לציין את כל האחרות (קישורים חוזרים). יצירה שלהן מאותה רשימת שפות של הניתוב מונעת את הטעות הנפוצה ביותר: חלופה שמפנה לדף שלא קיים. כדי לבדוק את הלוגיקה על כמה כתובות, מחולל ה-hreflang שלנו מפיק את סט התגיות המלא לדף. אחר כך הפעילו את אפשרות ה-i18n של מפת האתר כאות נוסף.

איך תמונות ואיים משפיעים על המהירות ועל Core Web Vitals?

מהירות היא התחום שבו Astro מרוויחה הכי הרבה, וזה ניכר בCore Web Vitals. מדריך התמונות של Astro מתאר את הרכיב Image מתוך astro:assets: הוא מבצע אופטימיזציה לתמונות מקומיות, ממיר את הפורמט שלהן, מוסיף טעינה עצלה ופענוח אסינכרוני, ומסיק את מידות התמונה כדי למנוע Cumulative Layout Shift. מאפיין ה-alt הוא חובה ברכיב, מה שאוכף כלל בסיסי של SEO לתמונות. הרכיב Picture הולך רחוק יותר ומגיש AVIF או WebP עם גיבוי.

שני הרגלים משלימים את התמונה. שמרו ב-src את התמונות שצריכות אופטימיזציה (קבצים ב-public מוגשים כמו שהם, בלי עיבוד). ואל תטענו בטעינה עצלה את התמונה הראשית בראש הדף: טענו אותה מיד כדי שלא תעכב את Largest Contentful Paint.

ארכיטקטורת האיים שומרת על ה-JavaScript בשליטה. רכיב נשאר HTML סטטי עד שמוסיפים לו הנחיית לקוח: client:load מפעיל אותו מיד, client:idle כשהדפדפן פנוי, client:visible רק כשהוא נכנס לאזור הנראה. שמירת client:load למה שחייב להגיב מיד (תפריט, עגלת קניות) היא הדרך הפשוטה ביותר להגן על Interaction to Next Paint. איי שרת (server:defer) טוענים בלוק מותאם אישית אחרי הדף השמור במטמון, בלי להאט את התוכן הראשי.

איך מוסיפים נתונים מובנים לאתר Astro?

ל-Astro אין פונקציית schema, וזה משאיר לכם שליטה מלאה. בנו אובייקט JavaScript לכל סוג דף (Article, Product, Organization, BreadcrumbList, FAQPage) והציגו אותו בתגית script מסוג application/ld+json, עם ההנחיה set:html ו-JSON.stringify כדי שה-JSON לא יעבור escape. הזינו אותו מאותם נתוני frontmatter או אוסף כמו הדף הגלוי: כך הסימון תמיד תואם למה שהמשתמשים רואים, דרישה בהנחיות של גוגל על סימון schema.

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

איך מטפלים בהפניות במעבר ל-Astro?

מעבר מ-WordPress או מ-Next.js הוא הרגע המסוכן ביותר לאתר Astro. שמרו כל URL שיש לו תנועה או קישורים נכנסים, והתאימו את השאר אחד אחד למקבילה הקרובה ביותר עם הפניות קבועות, כפי שמוסבר במדריך שלנו להפניות SEO.

ההגדרות של Astro מקבלות אובייקט redirects שממפה נתיבים ישנים לחדשים. עם מתאם הם הופכים להפניות HTTP אמיתיות. בבנייה סטטית לחלוטין, Astro כותבת במקומם דף HTML עם meta refresh, שגוגל אמנם עוקב אחריו אבל מתייחס אליו כאות חלש יותר מ-301 בצד השרת. באתר סטטי, הצהירו על ההפניות בפורמט של ספק האחסון (קובץ _redirects ב-Netlify או ב-Cloudflare Pages, קובץ vercel.json ב-Vercel) כדי שהסורקים יקבלו 301 אמיתי.

איך Astro עוזרת ל-SEO ול-GEO?

ציטוט על ידי ChatGPT, Perplexity או Gemini מתחיל בקריאוּת. סורקי AI רבים מורידים את ה-HTML הגולמי בלי להריץ JavaScript, כך שאתר שמספק את כל הטקסט כבר בתגובה הראשונה, כמו Astro כברירת מחדל, מסיר מכשול שאתרים שמרונדרים בצד הלקוח עדיין מתמודדים איתו. כותרות ביניים ברורות, פסקאות שעונות מיד, נתונים מובנים וקובץ llms.txt הופכים כל דף לקל יותר לציטוט.

אחרי העלייה לאוויר, מדדו במקום לנחש. לוח הבקרה GEO ו-SEO של Sorank מרכז את נתוני Search Console ואת הביקורים שמגיעים מעוזרי AI, כדי שתראו אם האתר החדש שומר על המיקומים שלו.

איכות טכנית משתלמת רק כשיש תוכן לדרג. מחולל מאמרי הבלוג מבוסס ה-AI של Sorank כותב ומפרסם מאמרים שמותאמים לגוגל ולמערכות ה-AI, ומתחבר באמצעות webhook לאתר שנבנה בהתאמה אישית, כמו פרויקט Astro.

Astro נותנת כברירת מחדל HTML מהיר שניתן לסריקה; הדירוג עדיין תלוי בתגיות ה-head, מפת האתר, hreflang, הנתונים המובנים וההפניות שאתם מוסיפים. הקימו קודם את רכיב ה-SEO המשותף ואת מפת האתר, ואז עברו על הטבלה שלמעלה לפני העלייה לאוויר.