איך להשתמש בתמונות AI לאיקומרס בלי לפגוע באמון הלקוח?

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

להפריד בין תמונת מוצר לבין תמונה שיווקית

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

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

ככה נראית החלוקה בפועל בחנות:

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

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

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

לא לתת ל-AI להמציא פרטי מוצר

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

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

הפרטים שאסור לתת לכלי יצירה לגעת בהם:

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

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

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

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

להשתמש בתמונות AI לאיקומרס בבאנרים ובעונות

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

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

הנכסים שהכי משתלם לייצר בכלי AI:

• באנר הדר עונתי לדף הבית
• רקעים לקרוסלות ולדרופ עם תמונה
• תמונות אווירה לדף מקשר בין קטגוריה למוצרים
• באנר לדף מבצע או לקמפיין נקודתי
• תמונת פתיח למייל שיווקי

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

לייצר סדרת אייקונים אחידה

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

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

מה שצריך להיות זהה בין כל האייקונים בסדרה:

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

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

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

לכתוב פרומפט מפורט באנגלית

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

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

מה שחייב להופיע בפרומפט של באנר:

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

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

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

לקבוע פלטת צבעים לפני שמייצרים

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

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

מה שנכנס למסמך הפלטה:

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

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

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

לא למתוח תמונות קיימות

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

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

מתי בכלל צריך להגדיל:

• תמונות יצרן קטנות שנשלחו במייל בגודל תצוגה
• קטלוג ישן שהועבר מפלטפורמה אחרת ואיבד רזולוציה
• תמונות תתי קטגוריות שנחתכו מתוך תמונה גדולה
• נכסים שנשמרו בעבר בכיווץ אגרסיבי מדי

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

לאמת כל תמונה מוגדלת מול המקור

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

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

הבדיקה שרצה על כל אצווה:

1. פותחים את המקור ואת התוצאה זה לצד זה בגודל מלא
2. מסתכלים על ארבע הפינות ועל השוליים
3. קוראים כל טקסט שמופיע על המוצר או על האריזה
4. בודקים שהגוון לא זז לכיוון חם או קר
5. מסמנים בקובץ העבודה מה אושר ומה חוזר לסבב

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

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

לשמור מידות אחידות לכל סוג נכס

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

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

המידות שכדאי לקבע מראש:

• תמונות תתי קטגוריות: 300X300
• תמונת מוצר ראשית: ריבוע אחיד לכל הקטלוג
• באנר הדר לדסקטופ ולמובייל: שתי גרסאות נפרדות
• אייקוני סרגל שירות: ריבוע קטן זהה לכולם
• תמונת פתיח למייל: רוחב קבוע שמתאים לתצוגה בגימייל

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

לא להעמיס צבע וטקסט על התמונה

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

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

מה שיורד מכל נכס לפני שהוא עולה:

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

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

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

לשמור על משקל קובץ שלא הורס את זמן הטעינה

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

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

סדר הפעולות שעובד:

1. מייצרים בגודל הסופי ולא בגודל גדול שיוקטן אחר כך
2. שומרים בפורמט מודרני וקל
3. מריצים דחיסה ובודקים שהאיכות לא נפגעה
4. מעלים ומודדים את זמן הטעינה של הדף
5. מסירים נכסים שלא מייצרים שום פעולה

הסעיף האחרון הוא החשוב. חנות שמורידה שני באנרים שאף אחד לא לוחץ עליהם מרוויחה פעמיים, גם במהירות וגם בבהירות.

להוסיף ALT אמיתי לכל תמונה

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

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

איך נראה ALT תקין:

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

ALTים מסודרים הם מהעבודות הזולות ביותר בחנות מבחינת מאמץ, והן מה שמכניס אתכם לחיפוש התמונות של גוגל.

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

לדעת מתי מסמנים תמונה שנוצרה ב-AI

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

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

מתי כדאי לסמן במפורש:

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

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

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

שאלות ותשובות

האם מותר להשתמש בתמונות AI בדף מוצר בחנות איקומרס

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

למה אסור למתוח תמונת מוצר קטנה כדי להתאים אותה לאתר

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

איזה גודל תמונה מתאים לתתי קטגוריות בחנות

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

האם צריך לכתוב ALT לתמונה שנוצרה בכלי AI

כן, ואפילו יותר מאשר לתמונה רגילה, כי לגוגל אין שום מידע אחר על מה שנמצא בקובץ. ה-ALT צריך לתאר בעברית מה רואים בפריים, להיות ייחודי לכל תמונה, ולא לשמש מקום להערמת מילות מפתח.

מתי חובה לסמן שתמונה נוצרה בבינה מלאכותית

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

AI מייצר את העטיפה ולא את המוצר

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

אחרי 10 שנים ו-60+ חנויות אני יכול להגיד שהחנויות שנפגעות מתמונות AI הן לא אלה שהשתמשו יותר מדי, אלא אלה שלא הגדירו מראש איפה עובר הקו. ברגע שיש מסמך אחד שאומר מה מיוצר ומה מצולם, באיזו פלטה, באילו מידות ועם איזה ALT, הכלי הופך מסיכון ליתרון.

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

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