המדריך מהריל · מילת הקוד: שיווק
5 בדיקות לדף הבית שלכם, עם סקיל של Claude
נתתי ל-Claude סקיל שיווקי מתוך אוסף חינמי של 50 סקילים, וביקשתי ממנו לעבור על דף הבית שלנו. הוא מצא חמש בעיות, ותיקנו את כולן באותו יום. כאן תמצאו את האוסף, את ההתקנה, את חמש הבדיקות כרשימה שתוכלו להריץ על הדף שלכם, ובקשה מוכנה להעתקה.
1.מה זה marketingskills
marketingskills הוא אוסף של 50 סקילים לשיווק שפרסם Corey Haines, ברישיון MIT. סקיל הוא תיקייה עם הוראות שהסוכן טוען כשהוא צריך אותן: איך בודקים דף, איך כותבים מייל, איך בונים תמחור. כך לא צריך להסביר ל-Claude בכל פעם מה זה דף טוב: הוא עובד לפי שיטה כתובה. לאוסף יש יותר מ-53 אלף כוכבים ב-GitHub, נכון ל-5.10.2026.
באוסף יש סקילים לכתיבת קופי ולעריכה שלו, לתמחור, להצעות, למיילים, ל-SEO, למודעות ולמחקר לקוחות. הסקיל שבדק את דף הבית שלנו נקרא cro, קיצור של Conversion Rate Optimization: שיפור אחוז ההמרה של דף.
הסקילים עצמם חינמיים. מה שעולה כסף הוא הסוכן שמריץ אותם: Claude Code עובד עם מנוי בתשלום של Claude או בתשלום לפי שימוש.
2.התקנה ב-Claude Code
יש שתי דרכים. הראשונה: פקודה בטרמינל, ובשבילה צריך Node.js מותקן במחשב. אפשר להתקין את כל האוסף, או רק את הסקילים שאתם צריכים. הכלי מזהה אילו סוכנים מותקנים במחשב ושואל לאן להתקין.
אם אתם מבקשים מ-Claude Code להריץ את הפקודה בשבילכם, השתמשו בגרסה עם -a claude-code. בלי זה הכלי עלול להתקין לתיקייה ש-Claude Code לא קורא ממנה.
הדרך השנייה היא מתוך Claude Code עצמו, כתוסף. הפקודות שמתחילות ב-/plugin עובדות רק כשמריצים את Claude Code בטרמינל, לא בגרסת הווב.
npx skills add coreyhaines31/marketingskillsnpx skills add coreyhaines31/marketingskills --skill cro copywritingnpx skills add coreyhaines31/marketingskills -a claude-code/plugin marketplace add coreyhaines31/marketingskills
/plugin install marketing-skills3.מה הסקיל cro בודק
לפני שהוא ממליץ על משהו, הסקיל מזהה איזה סוג דף זה (דף בית, דף נחיתה, דף תמחור) ומה הפעולה האחת שהדף רוצה שהמבקר יעשה. אחר כך הוא עובר על הדף לפי סדר ההשפעה: האם תוך חמש שניות ברור מה מוצע ולמה זה חשוב, ואחר כך הכותרת, כפתור הפעולה, מה העין רואה קודם, הוכחה חברתית, תשובות להתנגדויות ומקומות שבהם המבקר נתקע.
בסוף הוא מחלק את הממצאים לתיקונים מהירים, לשינויים עם השפעה גדולה ולרעיונות לניסוי.
Claude עבר לפי השיטה הזאת על דף הבית שלנו כמו שהוא באתר, בטלפון ובמחשב, ומדד את הדף עצמו: מיקומים בפיקסלים והצבעים שמתחת לטקסט. חמש הבעיות שהוא מצא הן חמש בדיקות שתוכלו לעשות גם על הדף שלכם.
4.בדיקה 1: אפשר לקרוא את הכפתור הראשי?
ניגודיות היא היחס בין צבע הטקסט לצבע הרקע שמתחתיו. לפי תקן הנגישות WCAG, טקסט בגודל רגיל צריך ניגודיות של 4.5:1 לפחות. אצלנו הכפתור הראשי היה טקסט לבן על מעבר צבע מזהב לסגול, והניגודיות יצאה בין 2.33 ל-3.15, תלוי באיזה צד של הכפתור מודדים.
איך בודקים אצלכם: לוקחים את צבע הטקסט ואת צבע הרקע מתחת לכפתור ומכניסים אותם לבודק ניגודיות, כמו זה של WebAIM. אם הרקע הוא מעבר צבעים, בודקים בשני הקצוות.
מה תיקנו: הטקסט על הכפתורים עבר מלבן לכהה, והניגודיות עלתה ל-5.83 עד 7.87. התיקון נכנס לכל הכפתורים באתר שיש להם אותו עיצוב, לא רק לכפתור שבראש הדף.
5.בדיקה 2: בטלפון, יש כפתור פעולה לאורך כל הדף?
בטלפון, אחרי הכפתור הראשון, הקישור הבא לשאלון הופיע אצלנו רק כ-10,500 פיקסלים בהמשך, בדף שגובהו כ-13,300 פיקסלים. מי שגלל מעבר למסך הראשון לא ראה דרך להתחיל, אלא אם פתח את התפריט. במחשב זה לא קרה, כי בכותרת העליונה היה כפתור זהב.
איך בודקים אצלכם: פותחים את הדף בטלפון, גוללים לאט עד הסוף, ושמים לב לכל קטע ארוך שבו אין על המסך שום כפתור שמוביל לפעולה הראשית.
מה תיקנו: הכותרת הקבועה בראש המסך מציגה עכשיו בטלפון כפתור קטן ״שאלון אפיון״, כך שהוא נשאר על המסך לאורך כל הגלילה. במסכים צרים מ-360 פיקסלים הוא מוסתר, כי שם הוא דחף את כפתור התפריט החוצה מהמסך.
6.בדיקה 3: יש הוכחה חברתית ליד ההחלטה הראשונה?
הוכחה חברתית היא כל מה שמראה שאחרים כבר בחרו בכם: ביקורות, דירוג, לוגואים של לקוחות. אצלנו היה תג אמיתי של 5.0 בגוגל משבע ביקורות, אבל הוא ישב בערך ב-65% מגובה הדף, ובמסך הראשון לא היה כלום.
איך בודקים אצלכם: מסתכלים רק על המסך הראשון, בלי לגלול. אם יש לכם ביקורות, דירוג או לקוחות מוכרים, רואים אותם שם?
מה תיקנו: מתחת לכפתור הראשי יש עכשיו שורת דירוג, 5.0 ו-7 ביקורות, עם קישור לביקורות עצמן בהמשך הדף. השורה למעלה והתג למטה לוקחים את המספרים מאותו מקור, כך שהם תמיד מציגים אותו מספר.
7.בדיקה 4: המסך הראשון אומר למי זה ומה יוצא לו מזה?
אצלנו מעל הכותרת היה כתוב ״שיווק · AI · אוטומציה״, והשורה שמתחת תיארה תהליך. לא היה כתוב למי השירות מיועד ומה הלקוח מרוויח. ״לעסקי שירות״ הופיע רק בתחתית הדף.
איך בודקים אצלכם: מראים את המסך הראשון למישהו שלא מכיר את העסק, לחמש שניות, ושואלים אותו שתי שאלות: למי זה מיועד, ומה מקבלים. אם הוא מהסס, המסך הראשון לא עושה את העבודה.
מה תיקנו: מעל הכותרת כתוב עכשיו ״מערכת לידים לעסקי שירות״, והשורה שמתחת פונה לעורכי דין, למטפלים וליועצים ואומרת מה יוצא להם: כל פנייה מגיעה עם רקע, צורך והתאמה. הכותרת עצמה לא השתנתה.
8.בדיקה 5: כל מילה מקצועית מוסברת ליד הכפתור?
על הכפתור הראשי היה כתוב ״מתחילים באפיון״. בשבילנו ״אפיון״ היא מילה רגילה. מי שנכנס לאתר בפעם הראשונה לא יודע מה יקרה אחרי הלחיצה. ההסבר ישב ברשימת השלבים, הרבה יותר למטה בדף.
איך בודקים אצלכם: קוראים את הכפתור הראשי כאילו אתם לא מכירים את העסק. אם יש עליו מילה שלקוח לא היה משתמש בה בעצמו, או שלא ברור מה קורה אחרי הלחיצה, צריך שורה קצרה מתחתיו.
מה תיקנו: הכפתור אומר עכשיו ״מתחילים בשאלון אפיון״, ומתחתיו שורה אחת שמסבירה מה זה השאלון, כמה שלבים יש בו ומה קורה בסוף.
9.מריצים את הבדיקה על הדף שלכם
אחרי שהסקיל מותקן, פתחו את Claude Code והדביקו את הבקשה. החליפו את מה שבסוגריים בפרטים שלכם.
צרפו צילומי מסך של הדף מהטלפון ומהמחשב. בדיקות כמו ניגודיות ומיקום הכפתור צריכות לראות את הדף כמו שהמבקר רואה אותו, וקוד הדף לבד לא מספיק לזה.
את התיקונים שנמצאו עושים במערכת שבה הדף בנוי: בעורך של Wix או WordPress, או בקוד, עם Claude Code. אחרי שהתיקון עלה לאוויר, בדקו אותו שוב בטלפון.
בדיקה לפני מסירה
- הניגודיות של הכפתור הראשי היא 4.5:1 לפחות, בשני הקצוות של הרקע.
- בטלפון יש כפתור פעולה על המסך לאורך כל הגלילה.
- ביקורות, דירוג או לקוחות מופיעים במסך הראשון.
- המסך הראשון אומר למי השירות ומה הלקוח מקבל.
- כל מילה מקצועית על הכפתור מוסברת בשורה שמתחתיו.
- כל תיקון נבדק אחרי שעלה לאוויר, בטלפון ובמחשב.
שאלות נפוצות
הסקילים עולים כסף?
לא. האוסף ברישיון MIT וחינמי. מה שעולה כסף הוא הסוכן: Claude Code עובד עם מנוי בתשלום של Claude או בתשלום לפי שימוש.
צריך לדעת לתכנת?
להתקנה מריצים פקודה אחת. הבדיקה עצמה היא בקשה בעברית. את התיקונים עושים בעורך של האתר, או מבקשים מ-Claude Code אם הדף בנוי בקוד.
זה עובד גם על דף ב-Wix או ב-WordPress?
הבדיקה כן, כי היא מסתכלת על הדף כמו שהמבקר רואה אותו. את התיקונים עושים בעורך של המערכת.
למה דווקא חמש הבדיקות האלה?
אלה חמש הבעיות שנמצאו בדף שלנו. הסקיל בודק יותר מזה, ובדף שלכם הוא עשוי למצוא דברים אחרים. את החמש האלה אפשר לבדוק גם בלי סוכן.
מי כתב את התיקונים באתר שלכם?
כתבנו אותם עם Claude Code, עברנו על כל אחד מהם, והעלינו אותם באותו יום שבו נעשתה הבדיקה, 5.10.2026.
למה מספר הכוכבים בריל שונה מהמספר כאן?
המספר ב-GitHub משתנה כל יום. בריל הוצג המספר שנבדק ביום הצילום, ובמדריך כתוב ״יותר מ-53 אלף״, כפי שהיה נכון ב-5.10.2026.
רוצים עין נוספת על הדף שלכם?
אני בונה לעסקי שירות דפים ומערכות לידים. שלחו לי ״שיווק״ בוואטסאפ עם הכתובת של הדף שלכם, ונראה מה אפשר לשפר.