13209 מאמרים - מנוע לחיפוש מאמרים - פרסום מאמרים חינם

נושא המאמר: שינויי עיצוב באתר דרך MCP ומתי עדיף לעבוד בשיחה ומתי במסך
מאת: blogger   שמור מאמר למועדפים

כשמדברים על ניהול אתר עם כלי AI, רוב הדוגמאות עוסקות בתוכן. כתיבת טקסטים, עדכון מחירים, שיפור כותרות לגוגל. עיצוב נשאר לרוב מחוץ לדיון, אולי כי נדמה שהוא דורש עין ויד, ולא שיחה. אבל העיצוב של אתר עסקי הוא לא רק בחירה של צבעים וגופנים פעם אחת בהשקה. הוא כולל הרבה החלטות קטנות שמשתנות לאורך הזמן, באנרים, סדר של אזורים בעמוד, תמונות, כפתורים, הדגשות לקראת מבצע. חלק מהשינויים האלה מתאימים מאוד לעבודה דרך MCP, וחלק עדיף להשאיר למסך. כדאי להבין את ההבדל.
MCP הוא תקן פתוח שמגדיר איך כלים כמו ChatGPT ו-Claude מתחברים למערכות ומפעילים בהן פעולות. כשהמערכת שמחזיקה את האתר מפעילה שרת MCP שחושף גם פעולות עיצוב, אפשר לבקש בשיחה שינויים שנוגעים למראה של האתר, ולא רק לתוכן. מה בדיוק אפשר לשנות תלוי במה שהשרת חושף, ולכן חשוב לבדוק את רשימת הכלים של החיבור. אצל 2ALL, למשל, החיבור מכסה גם עיצוב, לצד תוכן, קטלוג, מכירות, הזמנות ו-SEO.
שינויי עיצוב שמתאימים במיוחד לשיחה עם MCP
השינויים שהכי מתאימים לשיחה הם אלה שאפשר לתאר במילים בבירור. החלפה של באנר בעמוד הבית לקראת מבצע, עדכון של טקסט על כפתור, שינוי של סדר הפריטים בתפריט הניווט, הסתרה של אזור שכבר לא רלוונטי. בכל אחד מהמקרים האלה, הבקשה ברורה, והתוצאה צפויה. בשיחה עם הכלי המחובר דרך MCP, כותבים מה רוצים, הכלי מציג מה הוא עומד לשנות, ואחרי אישור השינוי נשמר. אחר כך פותחים את האתר ובודקים שזה נראה טוב.
שינויים עונתיים הם דוגמה טובה במיוחד. לקראת חג, מבצע או עונה, עסקים רבים רוצים לשנות את המראה של עמוד הבית. באנר חדש, הדגשה של קטגוריה מסוימת, הודעה בראש העמוד. אחרי שהתקופה נגמרת, צריך להחזיר את המצב לקדמותו. בעבודה רגילה, החזרה הזו נשכחת לעיתים קרובות. כשהשינוי נעשה בשיחה, אפשר לבקש מהכלי לרשום מה היה לפני, וכך החזרה פשוטה. מבקשים להחזיר את עמוד הבית למצב שלפני המבצע, והכלי יודע בדיוק מה לעשות.
עוד שימוש הוא עקביות. באתרים שנבנו לאורך זמן, כפתורים, כותרות ואזורים לא תמיד נראים אחיד. בעמוד אחד הכפתור אומר צרו קשר, בעמוד אחר דברו איתנו, ובשלישי השאירו פרטים. עם MCP אפשר לבקש מהכלי למצוא את כל הווריאציות האלה ולהציע אחידות. אחרי שמחליטים על נוסח אחד, מעדכנים את כולם בבקשה אחת. זו עבודה שקשה לעשות ידנית, כי צריך למצוא כל מופע, ובשיחה היא לוקחת דקות.
שינויים שעדיף לעשות במסך
יש שינויים שקשה לתאר במילים. בחירה של צבע שמתאים למותג, איזון בין תמונה לטקסט, מרווחים בין אלמנטים, תחושה כללית של עמוד. בשינויים כאלה, העין היא הכלי העיקרי. אפשר לנסות לתאר אותם בשיחה, אבל לעיתים קרובות יותר מהיר לפתוח את העורך ולנסות. גם כשהכלי מבצע את השינוי, צריך לראות אותו באתר כדי לדעת אם הוא נכון, ולפעמים כמה סבבים של ניסיון במסך מהירים יותר מכמה סבבים של הסבר בשיחה.
עיצוב מחדש של אתר שלם הוא מקרה נוסף. זה פרויקט שדורש תכנון, הבנה של המותג ושל הלקוחות, וראייה של התמונה הכוללת. MCP יכול לעזור בחלקים של הפרויקט, למשל בבדיקה של מה קיים באתר, בעדכון של טקסטים או בהחלה של שינויים קטנים. אבל ההחלטות הגדולות דורשות מעצב, או לפחות מישהו שמסתכל על האתר כולו. כלי AI לא מחליף את זה, וגם לא מתיימר לעשות זאת.
גם בדיקה של תצוגה בטלפון שייכת למסך. אתר יכול להיראות מצוין במחשב ומבולגן בטלפון, ולהפך. אחרי כל שינוי עיצובי משמעותי, כדאי לפתוח את האתר בטלפון ולבדוק. אם משהו לא נראה טוב, אפשר לחזור לשיחה ולבקש תיקון, או לתקן ישירות בעורך. השילוב בין השניים הוא מה שנותן את התוצאה הטובה ביותר.
איך לשלב בין השיחה לבין העורך
הדרך הנכונה לחשוב על זה היא לא שיחה או מסך, אלא שיחה וגם מסך. השיחה מתאימה לשינויים שאפשר לתאר, לשינויים שחוזרים על עצמם ולשינויים שנוגעים להרבה מקומות. המסך מתאים לשינויים שדורשים עין, לניסויים ולבדיקה. בעל אתר שמכיר את שני הכלים יכול לבחור בכל פעם את המתאים. לפעמים מתחילים בשיחה ומסיימים במסך, ולפעמים להפך.
דוגמה טיפוסית. רוצים להוסיף לעמוד הבית אזור שמציג מוצרים במבצע. בשיחה, מבקשים מהכלי לבדוק אילו מוצרים במבצע ולהוסיף אזור כזה, אם השרת מאפשר זאת. אחרי האישור, פותחים את העמוד ורואים את התוצאה. אם האזור נראה טוב, סיימתם. אם צריך לשנות את המיקום או את הגודל, עושים את זה בעורך. השיחה חסכה את החלק של איסוף המוצרים והוספת האזור, והמסך נתן את הליטוש.
כדאי לזכור שכל שינוי עיצובי משפיע על החוויה של כל הגולשים. לכן כדאי להיות זהירים יותר בשינויים כאלה מאשר בשינויי תוכן. לבדוק לפני האישור מה בדיוק ישתנה, ולבדוק אחרי האישור איך זה נראה. אם אפשר, לבצע שינויים גדולים בשעות שבהן יש פחות גולשים. ההרגלים האלה נכונים גם בעבודה במסך, אבל בשיחה, שבה השינוי מתבצע מהר, הם חשובים במיוחד.
לא כל חיבור MCP מכסה עיצוב. חלק מהחיבורים מוגבלים לתוכן או לקטלוג, ומשאירים את העיצוב מחוץ לשיחה. כשהמערכת שמפתחת את האתר היא גם זו שבנתה את השרת, יש סיכוי גבוה יותר שהחיבור יכסה גם את החלקים האלה. טואול (2ALL) מפתחת בעצמה את מערכת הניהול שעליה רצים האתרים שהיא בונה, ובנתה לתוכה שרת MCP שכולל גם עיצוב. מי שמחפש עיצוב ובניית אתרים עם אפשרות לנהל גם את המראה בשיחה, יכול לבדוק את זה אצלם.
ההתחברות לחיבור של 2ALL נעשית ב-OAuth עם משתמש הניהול, והסיסמה מוקלדת רק בחלון הכניסה של 2ALL. כל שינוי מוגבל להרשאות של המשתמש שהתחבר, וממתין לאישור כברירת מחדל. אם בעסק יש מישהו שאחראי על העיצוב ומישהו אחר שאחראי על התוכן, כל אחד יכול להתחבר עם המשתמש שלו. מי שרוצה לקרוא עוד על מה שהחיבור מאפשר יכול להיכנס לעמוד על שינויי עיצוב בשיחה עם AI.
כדאי לבדוק את רשימת הכלים של החיבור בעמוד הפרטים שלו ב-ChatGPT, כדי להבין אילו פעולות עיצוב זמינות. אם אתם מעדיפים לא לאפשר שינויי עיצוב בשיחה, למשל כי יש מעצב שאחראי על זה, אפשר לכבות את הכלים האלה ולהשאיר רק את כלי התוכן. השליטה הזו מאפשרת לכל עסק להחליט כמה מהעבודה להעביר לשיחה.
עוד תחום שבו השיחה עוזרת הוא תמונות. אתר עסקי מכיל הרבה תמונות, וחלקן מתיישנות. תמונת צוות ישנה, תמונה של מוצר שכבר לא נמכר, באנר עם תאריך שעבר. עם MCP אפשר לבקש רשימה של התמונות שמופיעות בעמודים המרכזיים, יחד עם הטקסט החלופי שלהן. הרשימה עוזרת לזהות מה כדאי להחליף. את התמונות החדשות צריך לבחור או לצלם בעצמכם, אבל את ההחלפה ואת עדכון הטקסט החלופי אפשר לבצע בשיחה, בהתאם למה שהשרת מאפשר.
כדאי לחשוב גם על נגישות כחלק מהעיצוב. ניגודיות בין טקסט לרקע, גודל כפתורים, טקסט חלופי לתמונות וכותרות בסדר הגיוני משפיעים על היכולת של כל הגולשים להשתמש באתר. חלק מהדברים האלה דורשים בדיקה של מומחה, אבל חלק אפשר לבדוק בשיחה. למשל, לבקש מהכלי לבדוק דרך חיבור ה-MCP אילו תמונות חסר להן טקסט חלופי, או אם הכותרות בעמוד מסודרות בהיררכיה נכונה. זו לא בדיקת נגישות מלאה, אבל זה צעד בכיוון הנכון.
יש גם ערך בתיעוד של החלטות עיצוב. כשמחליטים על נוסח אחיד לכפתורים, על צבע להדגשות או על מבנה של עמוד מוצר, כדאי לרשום את ההחלטות במסמך קצר. את המסמך אפשר להדביק בשיחה עם הכלי בכל פעם שעובדים על העיצוב, כדי שהשינויים דרך MCP ישמרו על אותם כללים. כך האתר נשאר עקבי גם כשכמה אנשים עובדים עליו, וגם כשהעבודה מתפרסת על חודשים.
ובאתרים עם כמה שפות או כמה סניפים, אותם כללים עוזרים לשמור על מראה אחיד בכל הגרסאות.
כדאי גם לזכור שהגולשים רגילים למראה של האתר. שינויים עיצוביים תכופים מדי עלולים לבלבל, גם אם כל אחד מהם נראה מוצדק. הקלות שבה אפשר לשנות דרך MCP לא אומרת שצריך לשנות כל שבוע. עדיף לתכנן שינויים עיצוביים בקצב מתון, ולשמור את השיחה לעדכונים שוטפים ולשינויים עונתיים. כך האתר נשאר מוכר ללקוחות הקבועים, ובכל זאת מרגיש עדכני.
ולבסוף, אחרי שינוי עיצובי משמעותי כדאי לבקש ממישהו שלא מכיר את השינוי לעבור על העמוד. עין רעננה מזהה מהר אם משהו לא ברור או לא נוח, ואת התיקון אפשר לבצע באותה שיחה.
עיצוב אתר הוא שילוב של החלטות גדולות ושל הרבה החלטות קטנות. ההחלטות הגדולות דורשות עין, מחשבה ולפעמים מעצב. ההחלטות הקטנות, באנרים, כפתורים, אזורים עונתיים ועקביות, יכולות לעבור לשיחה ולחסוך הרבה זמן. MCP לא מחליף את העורך החזותי, אלא משלים אותו. מי שלומד מתי להשתמש בכל אחד, נהנה מאתר שנראה טוב ומתעדכן בקלות, בלי לבחור בין מהירות לבין איכות.