“Claude Code, Claude Design, ננו בננה ואלמנטור”
הרכבת הקלה שכולם מדברים עליה, אבל אף אחד לא מסביר למה היא מסתיימת באתר שגוגל לא מכירה או בגולש שלא ממיר.

אל סאסי, מקדם אתרים בגוגל, מסביר את האמת על ה”מהפכה” שיוצרת אתרים יפים שלא ממירים, לא מדורגים, ולא עובדים.

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

אל סאסי, מקדם אתרים בגוגל, מסביר את האמת על ה"מהפכה" שיוצרת אתרים יפים שלא ממירים, לא מדורגים, ולא עובדים.

אל סאסי, מקדם אתרים בגוגל, מסביר את האמת על ה”מהפכה” שיוצרת אתרים יפים שלא ממירים, לא מדורגים, ולא עובדים.

Claude Code כותב קוד. Claude Design מעצב, עד פה אני מסכים. Nano Banana יוצרת תמונות מדהימות בעברית בשניות. אלמנטור מרכיב את הכל לאתר וורדפרס. וכולם סביבנו מדברים על “הבניית אתרים בלי מפתחים”, “עיצוב בלי מעצבים”, “תמונות בלי צלמים”.

ואני לא הולך להגיד שזה שקר. זה אמיתי. הכלים האלה עושים דברים מדהימים. בחיי. 

אבל הנה הדבר שאף אחד לא אומר לכם בגלוי:

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

לפעמים, אפילו ההפך.

ומי שחושב שהוא “בנה אתר” כי שילב את ארבעת הכלים האלה – כנראה שעכשיו עומד מול GA4 תוהה למה אף אחד לא נכנס. או למה הוא כבר מושקע ב 1200 שקל בגוגל אדס וקיבלת במקרה הטוב ליד אחד לא רלוונטי.

תקשיבו עד הסוף. זה הולך להיות הכי שימושי שקראתם בנושא הזה.

מה כל כלי עושה בפועל או יותר חשוב,
מה הוא לא עושה!

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

כלי מה הוא עושה מעולה מה הוא לא יודע לעשות
Claude Design מוציא wireframes, מאקיטים, מערכות עיצוב, layout קוהרנטי מפרומפט לא יודע אם הדיזיין מביא המרות, לא מבין intent של הגולש שלכם
Claude Code כותב HTML/CSS/JS נקי, component-based, responsive לא יודע מה Schema צריך, לא מבין Core Web Vitals בפועל, לא מתאים קוד ל-SEO
Nano Banana יוצר תמונות מרהיבות, עברית על תמונות, עריכה בפרומפט, הדמיות מוצר לא מייצר alt-text נכון, לא מדחס לפי LCP, לא מבין איזו תמונה מתאימה לאיזה intent
Elementor + HTML Widget מרכיב קוד קאסטום ישירות בדף, iframe, עיצוב גמיש לא מגדיר rendering order, לא מטפל ב-render-blocking, לא יודע מה כדאי ל-above the fold

תראו את העמודה השנייה. כל שורה שם מייצגת את הפער בין אתר שנראה טוב לבין אתר שעובד.

הזרימה שכולם בונים – וכך היא נשברת

הנה ה-workflow הפופולרי שרואים בכל קבוצת פייסבוק על “בניית אתרים עם AI”:

שלב 1: מגדירים ל-Claude Design פרומפט – “תעצב לי דף נחיתה לעסק X”. מקבלים מאקיט מרשים.

שלב 2: מעבירים את הדיזיין ל-Claude Code – “תכתוב לי HTML/CSS של הדיזיין הזה”. מקבלים קוד נקי.

שלב 3: פותחים Nano Banana – “תצור לי תמונת hero לדף נחיתה של עסק X”. מקבלים תמונה עם טקסט עברי מרהיבה.

שלב 4: נכנסים לאלמנטור, מוסיפים HTML Widget, מדביקים את הקוד, מעלים את התמונה.

שלב 5: מפרסמים. מרגישים מקצועיים. מחכים ללידים.

שלב 6: שבוע אחר כך – GA4 מראה 12 ביקורים. כולם מ-direct. אפס אורגני.

שלב 7: “גוגל לא אהבה את האתר?”

בוא נסביר את מה שגוגל באמת ראתה

הנה מה שגוגל רואה כשהיא מגיעה לאתר שבנוי בזרימה הזו, ואת זה אף אחד מהכלים לא יגיד לכם:

בעיה 1: LCP הרסני התמונה שיצרתם ב-Nano Banana היא כנראה 4-8MB במקרה הטוב. מודדת Nano Banana – לא.
מדחסת ל-WebP – לא. אופטימיזציית LCP – לא. אתם מקבלים LCP של 6-8 שניות. גוגל רואה זאת ומדכאת את האתר בשקט.

בעיה 2: קוד של Claude Code הוא נקי – אבל לא SEO-Ready Claude Code כותב קוד מצוין. אבל הוא לא יכתוב לכם <h1> אחד בדף אלא אם ביקשתם. הוא לא יוסיף Breadcrumb Schema. הוא לא יגדיר rel="canonical". הוא לא ידע שאסור לכם to have <title> ריק. כל אלה – בעיות SEO בסיסיות שגורמות לגוגל להתעלם מכם.

בעיה 3: HTML Widget באלמנטור = render-blocking קלאסי כשאתם מדביקים קוד קאסטום ב-HTML Widget של אלמנטור, הקוד הזה לרוב נטען synchronously. JavaScript שנכתב בו חוסם את ה-rendering. INP שלכם עולה. CLS מטורף אם אין dimensions לאלמנטים. גוגל מרגישה, גוגל מדכאת.

בעיה 4: Claude Design לא יודע את intent הגולשים שלכם הדיזיין שיצר Claude יפה. אבל היעד הוא לא “יפה” – היעד הוא “ממיר”. CTA בצבע הלא נכון. Headline שלא פותר את הבעיה שהגולש חיפש. עמוד שמיועד ל-awareness אבל כל התנועה האורגנית היא transactional. אלה לא שגיאות קוד – אלה שגיאות אסטרטגיה שאף AI לא מזהה לבד.

בעיה 5: אין Schema, אין structured data, אין entity אתר שבנה AI ב-2026 – בלי FAQPage Schema, בלי LocalBusiness Schema, בלי Speakable – הוא אתר אנונימי לגוגל. הוא לא ידע מי אתם, מה אתם עושים, או למה כדאי לו לצטט אתכם ב-AI Overview. ה-entities שלכם לא רשומות בשום knowledge graph. במיוחד במיוחד במיוחד אם אתם רוצים להופיע במנועי AI כמו קלוד, גימני, גוגל AI Overview וצאט GPT

אז ככה,
בדיקת 10 דקות שחושפת את כל הבעיות!

נשאל: איך אני בודק אם האתר שבניתי עם הכלים האלה עובד בפועל, לפני שאני מפרסם – או שאני מבין למה הוא לא מביא תנועה?

תפתחו Chrome DevTools ותבדקו 5 דברים שכל מומחה קידום אתרים עם ניסיון בודק בדקה הראשונה.

1. – Lighthouse Performance: ציון מתחת ל-80 מובייל = בעיה. ציון מתחת ל-70 = בעיה חמורה. תראו בעיקר את LCP (צריך להיות מתחת ל-2.5 שניות), CLS (מתחת ל-0.1), ו-INP (מתחת ל-200ms). אם Nano Banana נתנה לכם תמונות כבדות – LCP יהיה הבעיה הראשונה.

2. – בדקו שיש H1 אחד ויחיד בדף.
Claude Code לעיתים יוצר מבנה ללא H1 ברור, או עם שניים. זה שגיאה בסיסית שמספרת לגוגל שהדף לא מאורגן. או שאתם לא מאורגנים / בקיאים ב SEO בסיסי.

3. – בדקו ב-Rich Results Test של גוגל (search.google.com/test/rich-results)
האם יש בכלל Schema מזוהה? אם התשובה “אין תוצאות” – גוגל לא יודעת דברים חשובים מאוד שעליה לדעת.

4. – פתחו את View Page Source. חפשו canonical. חפשו title. חפשו meta description.
אם אחד מהם ריק, כפול, או מחוסר – Claude Code כנראה לא הוסיף אותם. ושוב – נפלתם למלכודת ה ” לא יודע SEO ”

5. – בדקו ב-Google Search Console (אם כבר הוספתם) את ה-Page Indexing.
אם יש שגיאות ב-Coverage – הדף לא ממנה בכלל. כל הכלים בעולם לא יעזרו לאתר שגוגל לא מאנדקסת.

מי שמוצא בעיות בכל חמש הנקודות האלה – מקבל תמונה של האתר שהכלים בנו, לא האתר שגוגל רואה. אלה שני דברים שונים לגמרי.

הנה הזרימה שאני מיישם עם לקוחות, שמשלבת את כל הכלים הנהדרים האלה – אבל מוסיפה את ה-layer שחסר:

שלב 1: אסטרטגיה לפני עיצוב לפני שנגעתי ב-Claude Design – מחקר intent. אילו שאלות שואל הגולש לפני שהוא מגיע לדף הזה? איזה פחדים יש לו? מה ה-search query שהביאו? אחרי שזה ברור – רק אז נותנים פרומפט ל-Claude Design. והפרומפט כולל את המידע הזה.

“תעצב דף נחיתה שה-above the fold כולל headline שעונה על הכאב X, CTA ראשי שמוביל לפעולה Y, ו-social proof של Z. דיזיין RTL, עברית, עם hierarchy שמוביל מהכותרת לכפתור בפחות מ-3 שניות.”

שלב 2: Claude Code עם SEO Layer הקוד שמבקשים מ-Claude Code כולל: H1 מוגדר עם מילת המפתח הראשית, canonical tag נכון, alt-text דינמי לתמונות, Schema type מתאים (Article, LocalBusiness, Service – תלוי בדף), ו-render order נכון שלא חוסם LCP.

שלב 3: Nano Banana עם אופטימיזציה תמונה שיצרה Nano Banana עוברת אצלי שלושה צעדים: דחיסה ל-WebP, הגדרת dimensions מדויקים, alt-text שמכיל entity relevance. תמונת hero מעוברת ל-lazy loading כשהיא not above the fold, ו-preload hint כשהיא כן.

שלב 4: Elementor HTML Widget – נכון כשמדביקים קוד ב-HTML Widget של אלמנטור, יש כמה כללים קריטיים: JavaScript חיצוני עם defer, CSS שלא חוסם rendering, ו-fallback content שמוצג אם הסקריפט לא טען. Schema JSON-LD מוטמע ב-Widget ולא ב-<head> כדי לשמור על תאימות עם וורדפרס. כל widget נבדק ב-Lighthouse אחרי הוספה.

שלב 5: Validation Rich Results Test, PageSpeed Insights, GSC Index Coverage, Manual render check ב-mobile אמיתי. רק אחרי שכל אלה עוברים – הדף יוצא לאוויר.

זה לוקח יותר זמן מ”הדבקת קוד”. אבל זה ההבדל בין אתר שיש לו 0 תנועה אורגנית ב-6 חודשים לבין אתר שמביא לידים מהחודש הראשון.

למה צריך מומחה SEO/GEO ולא טכנאי?!

יש הרבה אנשים שיודעים להפעיל את הכלים.
לפתוח Claude Code ולכתוב פרומפט. לעבוד עם Nano Banana וליצור תמונות. לפתוח HTML Widget באלמנטור ולהדביק.

אבל להפעיל כלי זה לא אותו דבר כמו להבין מה הלקוח צריך, ואיך הכלי משרת את הלקוח.

מה טכנאי יודע לעשות מה מומחה SEO/GEO יודע לעשות
לכתוב פרומפט ל-Claude Design לתרגם intent של גולש לדיזיין שממיר
לבקש קוד מ-Claude Code לבדוק שהקוד תואם ל-CWV, Schema, ו-crawlability
ליצור תמונה ב-Nano Banana לוודא שהתמונה מוגשת ב-WebP, עם alt-text, ולא הורסת LCP
להדביק HTML Widget באלמנטור לוודא שה-Widget לא חוסם render, ו-Schema מוטמע נכון
לפרסם אתר לוודא שגוגל מאנדקסת, Schema מזוהה, ו-GSC מדווח ביקורים אמיתיים
לדווח “האתר מוכן” לדווח: X לידים ממקור Y, ב-Z ימים מפרסום

תראו את ההבדל בין העמודות. הטכנאי מדווח על outputs. המומחה מדווח על results.
ומעבר לזה, כל עניין ה “לפי העין” – חשוב מאוד בעיניי.
מומחה שיודע מה הוא עושה, יודע לנהל סיכונים ולבחור החלטות שנכונות בעיניו ולא בעיניי האלגוריתם – שווה לכם הרבה כסף.

ולמה זה נוגע ל-GEO דווקא עכשיו שאלתם?

ב-2026, עם AI Overviews ב-48% מהחיפושים ו-AI Mode עם מיליארד משתמשים
האתר שלכם צריך להיות מובן לא רק לגוגל, אלא לכל מנועי ה-AI.

Claude, Perplexity, ChatGPT, ו-Gemini – כולם קוראים את האתר שלכם.
כולם מחליטים אם לצטט אתכם. כולם מבינים את ה-Schema שלכם, את המבנה שלכם, את ה-entity relations שלכם.
ולכל אחד הפועלות הנדרשות לקידום לפי ההגדרות יצרן שלו.

אתר שנבנה עם Claude Code + Nano Banana + אלמנטור – יכול להיות מדהים עבור מנועי AI – אבל רק אם מי שבנה אותו הבין GEO. אם לא – הוא אתר שאי פעם ייצוטט על ידי שום AI, גם אם התמונות שלו מושלמות.

אתם יכולים לבנות אתר שבו כל פיקסל עוצב על ידי Claude Design, כל שורת קוד נכתבה על ידי Claude Code, כל תמונה נוצרה על ידי Nano Banana, ואלמנטור הרכיב הכל יפה. ועדיין להיות בלתי נראים לגוגל ולכל מנועי ה-AI – אם אין מאחוריו מישהו שמבין SEO ו-GEO.

אתם שאלתם:

האם כדאי בכלל להשתמש ב-Claude Code ו-Nano Banana לבניית אתר, או שזה בזבוז זמן?

בהחלט כדאי – אבל עם ציפיות מדויקות. Claude Code מאיץ פי 3-5 את כתיבת הקוד ומאפשר לאיש מקצוע לבנות אתרים במהירות שלא הייתה אפשרית לפני שנה. Nano Banana מייצרת נכסים ויזואליים ברמה שדרשה צוות שלם לפני שנה. הבעיה היא לא הכלים – הבעיה היא הציפייה שהם “מחליפים” את הבנת SEO, GEO, ו-CRO. מי שמשתמש בהם כמכפיל של מומחיות – מקבל תוצאות יוצאות דופן. מי שמשתמש בהם כתחליף למומחיות – מקבל אתר יפה שאף אחד לא רואה.

איך בדיוק מחברים קוד של Claude Code לאלמנטור דרך HTML Widget?

התהליך הטכני הוא פשוט: פותחים עמוד באלמנטור, גוררים HTML Widget לאזור הרצוי, ומדביקים את הקוד. אבל לפני הדבקה – חמישה צעדים קריטיים:
1. וודאו שה-JavaScript עטוף ב-defer attribute כדי לא לחסום render.
2. אם יש CSS שמגיע עם הקוד, העבירו אותו לקובץ חיצוני דרך Elementor Custom CSS ולא inline.
3. אם ה-HTML Widget מכיל Schema JSON-LD, זה המקום הנכון להטמיע אותו – לא ב-header.
4. לאחר הדבקה – הריצו Lighthouse ב-DevTools ובדקו שה-Performance Score לא ירד.
5. בדקו Mobile rendering ב-Chrome DevTools עם throttling – הקוד של Claude Code לעיתים פרפקט ב-Desktop ולא אופטימלי ב-Mobile.

הטעות הנפוצה ביותר:
מפתח מדביק קוד עם External Script שנטען synchronously, ה-LCP עולה ב-800ms, ואף אחד לא מבין למה.

האם Nano Banana מאפשרת יצירת תמונות שמתאימות ל-SEO מבחינת copyright ו-alt-text?

Nano Banana (Gemini Imagen של גוגל) כוללת SynthID – סימן מים דיגיטלי שמזהה שהתמונה נוצרה ב-AI. מבחינת copyright, תמונות שנוצרות עם הכלי שייכות לכם לשימוש, אבל תמיד מומלץ לבדוק את תנאי השימוש העדכניים. מבחינת alt-text – Nano Banana לא מוסיפה alt-text אוטומטית. זו אחריות שלכם, ומומלץ בחום לכתוב alt-text שכולל את מילת המפתח הרלוונטית, תיאור מדויק של התמונה, ו-context לגולש עם מוגבלות ראייה. מבחינת דחיסה – Nano Banana מוציאה תמונות ב-PNG בדרך כלל. לפני הכנסה לאלמנטור, המרה ל-WebP עם איכות 80-85% היא חובה – זה יחסוך 60-80% מגודל הקובץ, ישפר LCP משמעותית, ולא יפגע באיכות הנראית.

אז.. מה היה לנו פה

Claude Code, Claude Design, Nano Banana ואלמנטור הם ארגז הכלים הכי עוצמתי שהיה בידיים של בונה אתרים מאז תחילת האינטרנט. לא מגזים. אדם אחד עם הכלים האלה יכול לעשות עבודה שלפני שנתיים דרשה צוות של 4. לפחות.

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

הכלים יוצרים את הנכס. המומחה יוצר את התוצאה.

מי שמשכיר שירותי “בניית אתרים עם AI” ב-2026 בלי להבין SEO, GEO, Core Web Vitals, ו-structured data – מוכר לכם בית שנראה טוב בתמונה אבל לא עומד בסערה. הסערה, במקרה הזה, היא גוגל ב-2026. וגם קדימה לשנים הבאות…

ומי שמחפש מישהו שמבין את הכלים, מבין SEO/GEO, ומבין איך לחבר את הכל לתוצאה עסקית אמיתית
הוא מחפש בדיוק את מה שמקדם אתרים מקצועי עושה כל יום.

לא פחות. לא יותר.







אלי סאסי הוא מומחה לקידום אתרים, שיווק ומיתוג עסקים מאז 2010.

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

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

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

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

Share:
No Prev Post

Back To Blog

Leave a Comment:

האימייל לא יוצג באתר. שדות החובה מסומנים *