Landing Pages ו-Web Assets — דפים שממירים

מהו Landing Page ולמה הוא קריטי

Landing Page (דף נחיתה) הוא דף אינטרנט שתוכנן לביצוע פעולה אחת בלבד. הוא לא homepage — לא מציג "על החברה", לא מפנה למוצרים שונים, לא מפזר את תשומת הלב. הוא אומר למבקר: "עשה רק את הדבר הזה." אם ב-one-pager (פרק 5) המטרה הייתה להציג מידע — ב-Landing Page המטרה היא להמיר: לגרום למבקר לעשות פעולה מדידה.

ב-2026, כל קמפיין פרסום ברצינות — Meta Ads, Google Ads, TikTok Ads — מפנה ל-Landing Page ייעודי. מי שמפנה קמפיין ל-homepage הכללי מבזבז כסף. המבקר מגיע, רואה עשרה כפתורים, מתבלבל, ויוצא. עסקים ישראליים שמשתמשים ב-LP ייעודי לכל קמפיין מדווחים על ירידה חדה בעלות לליד ועלייה ב-conversion — והכלי שאתה לומד בפרק הזה מאפשר לך לבנות LP כזה בלי לשלם לא למפתח ולא למעצב.

למה Landing Page שונה מ-Homepage?

עסק ישראלי טיפוסי שמוציא 3,000 ש"ח בחודש על Meta Ads ומפנה ל-homepage יכול לצפות ל-1-3 לידים. אותו תקציב עם Landing Page מותאם יכול להניב 8-15 לידים. ההבדל הוא ה-LP, לא התקציב.

תרחיש ישראלי — התמונה המלאה

דוגמה קונקרטית: רונית, מאמנת כושר עצמאית מרעננה, מריצה קמפיין Meta Ads בתקציב 2,500 ש"ח בחודש. היא מפנה ל-homepage של האתר שלה — עמוד עם תפריט של 8 עמודים, גלריית תמונות, בלוג, ועמוד "על עצמי". מה קורה? מתוך 800 מבקרים בחודש, 6 משאירים פרטים. זה 0.75% conversion rate — ו-416 ש"ח עלות לליד.

אחרי שבנתה Landing Page ייעודי ל-"אימון אישי לנשים אחרי לידה", עם Hero Section ממוקד, 3 Testimonials אמיתיות, וטופס של שם + טלפון בלבד — ה-conversion rate קפץ ל-6.2%. מאותם 800 מבקרים — 50 לידים. עלות לליד: 50 ש"ח. ההבדל: לא תקציב, לא קריאייטיב — רק הדף שמקבל את המבקר.

זה לא מספר בדוי. כלל אצבע מקובל בשיווק דיגיטלי: Landing Page ייעודי מניב conversion rate גבוה פי 3-5 מ-homepage. בתקציבי פרסום ישראליים, שבהם כל ש"ח נספר — זה ההבדל בין קמפיין שנסגר אחרי חודש לבין עסק שצומח.

מתי בונים Landing Page?

• לפני שמפעילים קמפיין פרסום — זה צעד הכרחי, לא אופציונלי
• לפני השקת מוצר או שירות חדש — עמוד "הירשם לרשימת ההמתנה"
• לאירוע ספציפי — "הירשם לוובינר", "קנה כרטיסים"
• לכל הצעה עם תאריך יעד — "מבצע יום העצמאות — 3 ימים בלבד"
• לניסוי A/B — לבדוק איזה מסר מוכר טוב יותר לפני תקציב גדול

מבנה Landing Page שממיר — Framework

אחרי ניתוח של Landing Pages של עסקים ישראליים שמניבים תוצאות, אפשר לזקק מבנה שעובד ברוב המקרים. זכור: בפרק 4 למדת מבנה של pitch deck ב-10 שקפים — כאן התפיסה דומה, אבל במקום שקף אחרי שקף, יש סקשן אחרי סקשן בגלילה אנכית. שני המבנים לוקחים את הקורא ממודעות (Hero / שקף פתיחה) דרך אמון (Social Proof / Case Studies) ועד פעולה (CTA / סיום). לא חייבים לעמוד בו בדיוק — אבל כל סטייה ממנו צריכה להיות מכוונת.

Prompt ל-Landing Page — הספרייה המלאה

ב-Claude Design, Landing Page נבנה בצורה מיטבית כשאתה מפנה את Claude לבנות סקשן אחד בכל פעם — לא "תבנה לי Landing Page שלם". גישת ה-Section-by-Section נותנת שליטה רבה יותר ומאפשרת iteration מהיר. זכור את מה שלמדת בפרק 3 על כתיבת Brief — אותם עקרונות (ספציפיות, פעולה ברורה, פרטי עסק ראשונים) חלים גם כאן, רק שהפעם ה-Brief נפרס על כמה Prompts נפרדים.

Prompt ראשי — יצירת LP שלם (גישת One-Shot)

צור Landing Page מלא ב-HTML עבור [שם עסק].

פרטי העסק:
- שם: קסמה — קורסי יוגה ופילאטיס
- עיר: תל אביב (שכונת פלורנטין)
- שירות: קורס יוגה למתחילים, 12 שיעורים
- מחיר: 890 ש"ח לקורס / 90 ש"ח לשיעור בודד
- CTA: "השאירי פרטים לשיעור ניסיון חינם"
- טלפון: 050-1234567
- Social proof: 340+ תלמידות מרוצות, 4.9 כוכבים ב-Google

מבנה נדרש:
1. Hero Section — כותרת ראשית, תת-כותרת, CTA כפתור ירוק
2. Social proof bar — מספרים + כוכבים
3. יתרונות (Features) — 4 נקודות עם אייקונים
4. How It Works — 3 שלבים
5. Testimonials — 3 ציטוטים עם שמות
6. טופס ליד — שם + טלפון + CTA
7. Footer בסיסי עם טלפון

עיצוב:
- פלטת צבעים: ירוקי טבע (sage green) + לבן + אקסנט כתום
- פונט: Heebo (עברי)
- RTL מלא
- Mobile responsive
- dir="rtl" lang="he" על ה-HTML element
- קוד HTML נקי, ללא JavaScript חיצוני
        

Prompts לסקשנים נפרדים — גישת Section-by-Section

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

צור Hero Section ל-Landing Page של [שם עסק].
- כותרת ראשית: [מה שמשנה את חיי הלקוח — לא תכונות]
- תת-כותרת: [פירוט של 1-2 משפטים]
- תמונת רקע: [תאר את התמונה הרצויה]
- כפתור CTA: "[טקסט הכפתור]" — צבע [צבע], גודל גדול
- Social proof micro: "[מספר] לקוחות מרוצים" מתחת לכפתור
- RTL, Heebo, mobile responsive
        

צור סקשן Testimonials עם 3 כרטיסים.
לכל כרטיס:
- תמונת פרופיל עגולה (placeholder)
- שם: [שם ישראלי אמין]
- תפקיד/רקע: [תיאור קצר]
- ציטוט: [2-3 משפטים על הערך שקיבלו]
- דירוג: 5 כוכבים זהובים

עיצוב: cards עם צל עדין, רקע אפור בהיר, RTL
        

צור סקשן טופס ליד.
- כותרת: "[ניסוח שמדגיש את הערך, לא את הפעולה]"
- שדות: שם מלא, מספר טלפון
- כפתור: "[CTA חזק]" — צבע בולט
- מתחת לכפתור: "לא נשלח spam. ניצור קשר תוך 24 שעות"
- Privacy note קטן
- RTL, responsive
        

עיצוב Hero Section אפקטיבי

ה-Hero Section הוא ה-5 השניות הראשונות שמבקר רואה. אם הוא לא מבין מיד מה מוצע לו ולמה זה רלוונטי — הוא עוזב. אין הזדמנות שנייה. אם בפרק 5 למדת לכתוב copy שיווקי קצר ל-One-Pager — כאן תקח את אותה מיומנות ותמקד אותה בנקודה אחת: ה-Hero. כותרת אחת, תת-כותרת אחת, כפתור אחד — ואפס מילים מיותרות.

אנטומיה של Hero Section מנצח

איך לייצר כותרת ראשית חזקה עם Claude

אחת מהדרכים הטובות ביותר היא לבקש מ-Claude לייצר וריאציות ולא גרסה אחת:

כתוב 5 וריאציות לכותרת ראשית (H1) ל-Landing Page של [שם עסק/שירות].
מטרה: [הסבר קצר מה רוצים שהלקוח יעשה]
הלקוח האידיאלי: [תיאור]
הבעיה שאנחנו פותרים: [הבעיה]

לכל וריאציה:
- כותרת (עד 8 מילים בעברית)
- הסבר קצר מה הגישה (פחד? תועלת? שאלה? מספרים?)
        

Iteration — שיפור Hero Section בשיחה

כפי שלמדת בפרק 3, ה-Prompt הראשון נותן 70% מהדרך. ה-30% הנותרים מגיעים דרך Iteration — שיחה מדויקת עם Claude. ב-Hero Section, אלה שלושת בקשות ה-Iteration הנפוצות ביותר:

• "שנה את הכותרת ל..." — כשהכותרת שנוצרה לא מדברת על תוצאה ללקוח. דוגמה: "שנה את הכותרת מ'קורסי יוגה בתל אביב' ל'חשי קלה בגוף תוך 4 שבועות'"
• "הגדל את כפתור ה-CTA ושנה את הצבע ל..." — הכפתור חייב לבלוט. אם Claude נתן כפתור קטן בצבע רגוע — בקש ירוק בהיר, כתום, או צבע שקופץ מהרקע
• "הוסף מספר מתחת לכפתור — '340+ תלמידות מרוצות'" — Social proof micro ב-Hero הוא המסיר חסמים הכי חשוב. ברגע שהמבקר רואה שאחרים כבר בחרו — הסף לפעולה יורד

Hero Section ב-RTL — שיקולי עיצוב

עיצוב Hero Section לעברית שונה מאנגלית בכמה נקודות:

• כיוון הכפתור: ב-RTL, כפתור ה-CTA נמצא מימין (לא משמאל). אם Claude מציב אותו בצד שמאל — תבקש "הזז את כפתור ה-CTA לצד ימין"
• תמונה מימין, טקסט משמאל: זה הפוך מה-layout האנגלי הסטנדרטי. ב-RTL — תמונה בצד ימין, טקסט בצד שמאל
• מספרים ב-mixed content: מספרים כמו "340+" ייראו נכון רק עם הגדרת `unicode-bidi` מתאימה. בדוק זאת תמיד

Social Proof ו-Testimonials

Social Proof (הוכחה חברתית) היא הסיבה מספר אחת שאנשים בוחרים עסק שלא מכירים. אנחנו חיות חברתיות — אם 340 נשים בחרו בסטודיו הזה, זה סימן שמשהו שם עובד. בפרק 5 הוספת testimonials ל-one-pager כטקסט — כאן תלמד לעצב אותם כאלמנטים ויזואליים עם תמונות, כוכבים, ומבנה שמביא תוצאות מוכחות.

סוגי Social Proof ב-Landing Page

Testimonial שעובד לעומת Testimonial שלא עובד

Testimonial חזק מכיל: מה הייתה הבעיה לפני, מה השתנה, ופרטים ספציפיים (לא "נהדר" — "חזרתי לרכוב על אופניים"). שם מלא ועיר — לא ראשי תיבות.

Social Proof ישראלי — מה עובד בשוק המקומי

לצרכן הישראלי יש העדפות Social Proof ייחודיות שכדאי להכיר:

• דירוגי Google Maps: הישראלים בודקים Google Maps ותגובות לפני כמעט כל רכישה מקומית. ציטוט "4.9 ★ ב-Google Maps מתוך 187 ביקורות" חזק יותר מ"אלפי לקוחות מרוצים" בלי מקור
• "חבר שלח לי": שיווק מפה לאוזן (Word of Mouth) חזק מאוד בישראל. אם יש לך referral stat — "47% מהלקוחות הגיעו דרך המלצה של חבר" — שים אותו על הדף
• מספרים ספציפיים מנצחים: "340 תלמידות" חזק יותר מ"מאות לקוחות". מספר שנראה מדויק בונה אמון — מספר עגול ("500 לקוחות") מרגיש כמו ניחוש
• תעודות ורישיונות מוכרים: בשוק הישראלי: "חבר/ת לשכת..." , "בעל/ת רישיון ממשרד...", או "מוסמך/ת ב-..." מקנים אמון שאין לביקורות אונליין
• לוגואים של ארגונים ישראליים: אם עבדת עם אלביט, חברת חשמל, כללית — הלוגו שלהם ב-Social Bar שווה יותר מ-10 testimonials

כשתבנה את ה-LP שלך ב-Claude Design, תן ל-Claude לעצב את סקשן ה-Social Proof — אבל החומר חייב להיות אמיתי. הכלל: אם אתה לא יכול לגבות מספר — אל תשים אותו. "תלמידות מרוצות" בלי מספר עדיף על "500 תלמידות" שזה 50 בפועל.

טפסי לידים ו-CTA

הטופס הוא רגע האמת. כאן המבקר עובר מ"מעוניין" ל-"ליד". כל שדה נוסף בטופס מפחית את ה-conversion rate — ובמקרה של עסק ישראלי קטן, שבו כל ליד שווה מאות שקלים, ההבדל בין 3 שדות ל-5 שדות יכול להיות 30-40% פחות לידים. הכלל: שאל רק מה שאתה חייב לדעת כדי לחזור לפונה. כל מילה על הכפתור משנה.

כמה שדות בטופס?

הכפתור — הפרט שמשנה הכי הרבה

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

טופס ליד בעברית — שיקולים מיוחדים

טפסים בעברית מציבים שני אתגרים שאין באנגלית:

• מספרי טלפון ישראליים: מספר נייד ישראלי (05X-XXXXXXX) הוא LTR — הוא נקלט משמאל לימין. בטופס RTL, אם ה-`input` לא מוגדר כ-`dir="ltr"`, הספרות יוצגו בסדר הפוך. ב-Prompt ל-Claude Design: "שדה טלפון — `dir='ltr'` על ה-input element"
• Placeholder text: ב-RTL, ה-placeholder (טקסט אפור בתוך שדה ריק) חייב להתחיל מימין. אם Claude שם "הזן מספר טלפון" ב-placeholder והוא יוצא משמאל — תבקש: "placeholder עברי מיושר ימינה"

מה מכניסים מתחת לכפתור?

מתחת לכפתור — תמיד — הוסף משפט הפחתת חרדה קצר. אחת האפשרויות:

• "לא נשלח spam. נחזור אליך תוך 24 שעות"
• "ביטול בכל עת. ללא התחייבות"
• "המידע שלך מאובטח ולא יועבר לאף גורם"
• "מגיב/ה תוך שעה בימי עסקים"

Responsive Design — מובייל ודסקטופ

בישראל, יותר מ-70% מהגלישה לאינטרנט מתבצעת מסמארטפון. Landing Page שנראה טוב רק על מחשב — מאבד שלושה רבעים מהמבקרים שלו מיד. זה לא מקצועי, ובמקרה של קמפיין Meta Ads — הרוב ייכנס מהמובייל.

נקודה ישראלית חשובה: הישראלים גולשים הרבה מאוד ב-WhatsApp — ולינק ל-LP שנשלח בוואטסאפ נפתח תמיד על מובייל, בדפדפן הפנימי של וואטסאפ (WebView). הדפדפן הזה מתנהג קצת שונה מ-Chrome או Safari, ולכן בדיקה על מכשיר אמיתי — דרך וואטסאפ — היא חלק הכרחי מתהליך ה-QA שלך. ב-Claude Design, מרגע שייצאת HTML, שלח לעצמך ב-WhatsApp ובדוק מיד.

Mobile First — למה הסדר חשוב

גישת Mobile First אומרת: תעצב קודם למובייל, ורק אחר כך תתאים למסך גדול. זה הפוך ממה שהאינסטינקט אומר — רוב המעצבים יושבים מול מסך של 27 אינץ' ומתחילים מ-desktop. אבל אם 70%+ מהגולשים שלך ב-mobile, אתה מעצב קודם למיעוט ומקווה שהרוב יסתדרו.

ב-Claude Design, הגישה הנכונה:

1. ב-Prompt הראשון — ציין "Mobile First". למשל: "צור Landing Page בגישת Mobile First — תחילה מובייל 375px, ואז דסקטופ"
2. בדוק קודם ב-Responsive Preview (מובייל) — רק אחרי שמובייל נראה מושלם, עבור ל-desktop
3. אלמנטים שמסובכים על מובייל (טבלאות, grid מרובה עמודות) — פשט אותם: עמודה אחת, כרטיסים אחד מתחת לשני

Responsive Preview ב-Claude Design

Claude Design מציע תצוגה מקדימה של Responsive בממשק. לפני ייצוא HTML, בצע תמיד את הצעדים הבאים:

Checklist — 12 בדיקות Responsive חיוניות

לאחר ייצוא ה-HTML, פתח אותו בדפדפן ובצע את הבדיקות הבאות:

ייצוא ל-HTML — קוד נקי ומוכן

ייצוא ל-HTML הוא הצעד שמפריד בין "עיצוב" לבין "דף שחי באינטרנט". הייצוא ב-Claude Design שונה מייצוא ה-PDF שלמדת בפרק 3 ובפרק 5 — PDF הוא תמונה "קפואה" שלא ניתנת לעריכה, בזמן ש-HTML הוא קוד חי שניתן לפתוח ישירות בדפדפן, לשדרג ב-Claude Code, ולעלות ל-Cloudflare Pages, Netlify, Vercel, או שרת פשוט. ב-Landing Page אנחנו תמיד מייצאים HTML — לא PDF.

תהליך הייצוא — שלב אחר שלב

Single File vs Multi File — מה לבחור?

ב-Claude Design, ב-Export יש בדרך כלל שתי אפשרויות:

• Single File HTML: כל ה-CSS מוטמע בתוך קובץ ה-HTML. יתרון — קובץ אחד, אין תלויות. חיסרון — קובץ גדול יותר, קשה יותר לערוך CSS בנפרד. בחר באפשרות זו כשאתה רק צריך preview ללקוח או Handoff ל-Claude Code
• Multi File (HTML + CSS): קובץ HTML נפרד וקובץ CSS נפרד. יתרון — קוד נקי יותר, קל לתחזוקה. חיסרון — צריך לשמור שני קבצים ביחד. בחר באפשרות זו כשאתה מתכנן לערוך ידנית או לעבוד עם מפתח

לרוב — Single File הוא הבחירה הנכונה בשלב הזה. Claude Code יטפל בארגון הקבצים אחר כך.

מה לבדוק ב-HTML המיוצא

לפני שמעבירים לאיזשהו שרת, פתח את קובץ ה-HTML בעורך טקסט (VS Code, Notepad++) ובדוק:

מבנה קבצים מומלץ לפני Deploy

kasama-yoga/
├── index.html          ← קובץ ה-Landing Page הראשי
├── images/             ← תמונות אמיתיות (לוגו, סטודיו, תמונות צוות)
│   ├── logo.svg
│   ├── studio.jpg
│   └── testimonials/
│       ├── sarah.jpg
│       └── maya.jpg
├── css/                ← אם ייצאת עם קובץ CSS נפרד
│   └── style.css
└── README.txt          ← הערות למפתח או ל-Claude Code
        

העברה ל-Claude Code לפיתוח מלא

Claude Design מייצר HTML מצוין — אבל HTML סטטי. הוא לא יכול לשלוח טפסים לאימייל, לחבר ל-CRM, להוסיף אנימציות מתקדמות, או לשנות תוכן לפי פרמטרים. לכל אלה — Claude Code. בפרק 2 הכרת את ממשק Claude Design ולמדת לייצא בפורמטים שונים — עכשיו אתה רואה את הצעד הבא: מה שמייצאים מכאן הופך לחומר הגלם של Claude Code, שלוקח HTML סטטי ומפיח בו חיים.

מה Claude Code יכול להוסיף ל-HTML שייצרת?

• טופס שעובד: שליחת הליד לאימייל, ל-Google Sheets, או ל-CRM (HubSpot, Monday)
• אנימציות: Scroll animations, hover effects, loading states
• Timer countdown: "המבצע מסתיים בעוד: [שעון עצר]"
• Tracking pixels: Facebook Pixel, Google Tag Manager
• A/B Testing: גרסאות שונות לאותה קהל
• UTM parameter reading: שינוי תוכן הדף לפי מקור התנועה

Handoff Prompt — איך לתת הוראות ל-Claude Code

יש לי קובץ HTML של Landing Page שיצרתי ב-Claude Design.
מצרף/ת את הקוד להלן.

אני צריך/ה שתוסיף:
1. טופס עובד — שליחת הליד לאימייל [האימייל שלך] עם Formspree
2. Facebook Pixel עם ID: [PIXEL_ID]
3. Google Analytics 4 עם ID: [GA4_ID]
4. אנימציית fade-in לכרטיסי ה-Testimonials בגלילה
5. Countdown timer — 48 שעות (נחמד אם מבצע קיים)

שמור RTL מלא, שמור עיצוב מקורי, אל תשנה צבעים או טיפוגרפיה.
תן לי את הקובץ השלם לאחר השינויים.

[הדבק את כל ה-HTML כאן]
        

הרצף מ-Claude Design ל-אתר חי — מפה מלאה

חשוב להבין את התמונה הגדולה. הפייפליין מ-"אין לי דף" ל-"דף חי שמקבל לידים" נראה כך:

1. עיצוב ב-Claude Design (פרק זה): אתה בונה את ה-LP — מבנה, צבעים, ניסוח, סקשנים. מייצא HTML
2. שדרוג ב-Claude Code (פרק 11): Claude Code לוקח את ה-HTML ומוסיף JavaScript — טופס פעיל, אנימציות, Pixel tracking. מייצא תיקיית קבצים מוכנה
3. Deploy (פרק 11): מעלים את התיקייה ל-Cloudflare Pages (חינם), Netlify (חינם), או Vercel (חינם). תוך 5 דקות — הדף חי באינטרנט
4. חיבור לקמפיין: מדביקים את ה-URL ב-Meta Ads Manager או ב-Google Ads כ-Destination URL

את שלבים 1-2 אתה כבר יודע לעשות (או תדע בסוף הפרק). שלבים 3-4 מכוסים בפרק 11. הנקודה: הידע שאתה בונה עכשיו — כתיבת Prompts, בדיקת RTL, ייצוא HTML — הוא הבסיס לכל מה שבא אחר כך. בלי LP מעוצב נכון, Claude Code לא יכול לעזור.

Landing Page לקמפיין Meta Ads

Meta Ads (פרסום ב-Facebook ו-Instagram) הוא ערוץ הפרסום הנפוץ ביותר לעסקים קטנים בישראל. עסקים ישראלים קטנים משקיעים בממוצע 2,000-8,000 ש"ח בחודש ב-Meta Ads, ולרובם אין מפתח אתרים צמוד. Landing Page שמחובר נכון לקמפיין Meta יכול להכפיל את ה-ROI מהקמפיין — והיכולת לבנות LP ב-Claude Design בלי מפתח זה בדיוק מה שחסר.

Message Match — הכלל שרוב המפרסמים שוברים

Message Match הוא העיקרון הכי חשוב ב-Landing Page לקמפיין: המסר שהמבקר ראה במודעה חייב להופיע בדיוק (או קרוב מאוד) במסר שהוא רואה ב-LP. למה זה קריטי? כי המבקר לחץ על מודעה ספציפית. הוא מצפה לקבל בדיוק את מה שהובטח. אם המודעה אומרת "קורס יוגה למתחילות ב-890 ש"ח", וה-LP מדבר על "חבילת כושר אישי" — הוא עוזב תוך 3 שניות.

ההתאמות הנדרשות ל-Meta Ads

Message Match — ההתאמה בין המודעה לדף: המסר שב-Ad צריך להיות זהה או דומה מאוד למסר ב-Hero Section. אם ה-Ad אומר "קורס יוגה ב-890 ש"ח", ה-Hero Section חייב להזכיר "קורס יוגה ב-890 ש"ח" — לא מחיר שונה, לא שירות שונה.

Prompt ל-Claude Design: LP ל-Meta Ads

צור Landing Page HTML מותאם לקמפיין Facebook/Instagram Ads.

דרישות ייחודיות ל-Meta Ads:
- Mobile First — המיד הראשון שנראה הוא מובייל 375px
- Hero Section: כותרת זהה לטקסט במודעה: "[הכנס טקסט מדויק מה-Ad שלך]"
- CTA כפתור: גדול, בצבע בולט, תופס את כל רוחב המסך ב-mobile
- טופס קצר: שם + טלפון בלבד (לא אימייל)
- Privacy note: "פרטיותך שמורה. לא נעביר מידע לצד שלישי"
- לא לכלול תפריט ניווט — מסיח דעת ב-mobile
- Footer: לוגו + טלפון קליקבל + שם עסק
- ניסוח עברי, RTL מלא, Heebo font
        

Landing Page לקמפיין Google Ads

Google Ads שונה מ-Meta Ads בנקודה מכרעת: המשתמש כבר חיפש משהו ספציפי. הוא לא "גולש סתם" — הוא אומר לגוגל "אני רוצה קורס יוגה בתל אביב". ה-Landing Page שמקבל אותו צריך לענות בדיוק על מה שחיפש. בהקשר הישראלי, חיפוש מקומי (עם שם עיר או "ליד הבית") הוא נפוץ במיוחד — ו-LP שמציג עיר או שכונה ספציפית ב-H1 מקבל שיעור המרה גבוה משמעותית. אם השירות שלך בפלורנטין — כתוב "פלורנטין" בכותרת. לא "מרכז הארץ".

Quality Score — הציון שקובע את העלות שלך

Google Ads מחשב Quality Score (ציון איכות) לכל Landing Page, בסולם מ-1 עד 10. ציון גבוה (7-10) = עלות נמוכה יותר לקליק ומיקום גבוה יותר בתוצאות. ציון נמוך (1-4) = אתה משלם יותר ומקבל פחות, ולפעמים Google פשוט לא מציג את המודעה בכלל. הציון מושפע בין היתר מה-Landing Page — וזה בדיוק המקום שבו Claude Design יכול לעשות את ההבדל.

מה זה אומר בפועל?

עסק ישראלי שמפרסם ב-Google Ads על "עורך דין דיני עבודה תל אביב" עם Quality Score של 3 (נמוך) ישלם כ-25-35 ש"ח לקליק. אותו מפרסם עם Quality Score של 8 (גבוה) ישלם כ-12-18 ש"ח לקליק. על 100 קליקים בחודש — זה ההבדל בין 3,500 ש"ח ל-1,800 ש"ח. ו-Landing Page טוב הוא אחד משלושת הגורמים שקובעים את ה-Quality Score.

הנקודה המעשית: כשתבנה LP ב-Claude Design ל-Google Ads, שלוש הפעולות שמשפיעות על Quality Score הן: (1) שלב את מילות המפתח שלך ב-H1 ובפסקאות התוכן, (2) ודא שהדף נטען מהר (HTML נקי, תמונות קטנות), ו-(3) ודא שהניסיון במובייל חלק. כל שלושת הדברים האלה אפשריים ב-Claude Design בלי שורת קוד אחת.

Landing Page ל-Google Ads — ההבדלים מ-Meta

צור Landing Page HTML ל-Google Ads.

מילות המפתח שמחפשים: [הכנס מילות מפתח מ-Keyword Planner]
לדוגמה: "קורס יוגה תל אביב", "שיעורי יוגה למתחילות", "יוגה פלורנטין"

דרישות:
- H1 חייב לכלול: "[מילת מפתח ראשית]"
- כותרת Meta (title tag): "[מילת מפתח] — [שם עסק]"
- Hero Section: תשובה ישירה ל"מה מחפש המשתמש"
- תוכן מעט יותר מפורט מ-Meta Ads LP
- טופס לידים: שם + טלפון + "מה הניסיון שלך עם יוגה?" (שאלת סינון)
- Responsive, RTL מלא, Heebo
        

RTL ב-Landing Pages — בעיות ופתרונות

Landing Pages עם עברית מחייבים טיפול מיוחד ב-RTL — מיוחד גם בהשוואה למה שכבר ראית בפרקים הקודמים. Claude Design מטפל ב-RTL בצורה טובה — אבל לא מושלמת, בעיקר כי HTML הוא סביבה דינמית שנראית שונה בכל דפדפן. ב-HTML export, בעיות RTL מופיעות לעיתים שלא הופיעו בממשק. לפניך 7 הבעיות הנפוצות ביותר ופתרונן — שמור את הרשימה הזו כ-checklist צמוד.

RTL Fix Sheet — 7 בעיות ופתרונות

RTL ב-LP לעומת RTL ב-One-Pager — מה שונה?

בפרק 5 כבר נתקלת ב-RTL ב-One-Pagers, אבל Landing Pages מציבים אתגרים נוספים שלא קיימים במסמכים סטטיים:

הנקודה: אם ה-RTL שלך עבד ב-One-Pager, זה לא אומר שהוא יעבוד ב-LP. ב-HTML, הדפדפן מפרש את ה-CSS — ולכל דפדפן יש התנהגות קצת שונה ב-RTL. ה-RTL Fix Sheet שלהלן הוא ה-checklist שלך.

Prompt לתיקון RTL כולל

יש לי HTML של Landing Page בעברית. בדוק ותקן את כל בעיות ה-RTL הבאות:
1. html element מכיל `dir="rtl" lang="he"`
2. כל הטקסט מיושר ימינה
3. Flex containers הפוכים נכון ל-RTL
4. מספרים עם `dir="ltr"` inline
5. כוכבי דירוג לפני המספר
6. כפתורים בצד ימין
7. padding/margin הפוכים (padding-right ↔ padding-left)

[הדבק את ה-HTML]