ב-Shopify אתה יכול להוסיף תמונות לגרסאות המוצר שלך כדי לאפשר ללקוחות שלך לראות איך כל וריאציה של מוצר נראית. עם זאת, בהיותך מוסדר על ידי Shopify, אתה יכול לשייך רק תמונה אחת לגרסה אחת. אז, השאלה היא, איך יש מספר תמונות המשויכות לגרסה אחת?
יש תשובה ב-Be Yours, שבה אתה יכול לציין תמונות מסוימות עבור גרסה אחת של אפשרות . פונקציה זו מתאימה במיוחד לאפשרות צבע, אבל אתה יכול להשתמש בה לחלוטין למטרות אחרות שאתה רוצה.
בעמוד זה
דרישות
- Be Yours 4.0.0 ואילך
עליך לכבות את האפשרות שמסתירה את המדיה של גרסאות אחרות לאחר בחירת גרסה . אפשרות זו תואמת להתנהגות מקורית של Shopify - שיוך רק תמונה אחת לגרסה אחת.
ב-Be Yours, אפשרות זו זמינה בסעיפים הבאים:
- מדור מוצרים מומלצים
- קטע מידע על המוצר (בעמודי המוצר)
- קטע מידע על המוצר (על דגם המוצר)
בחר אפשרות שאתה רוצה
תסתכל על המוצר שלך במנהל המערכת שלך ובחר אפשרות שאתה רוצה לסווג את התמונות שלך. בדוגמה למטה, החלטתי לבחור בצבע . המוצר שלי זמין בצבעים שחור , ירוק וורוד ואני רוצה להציג את התמונות המתאימות רק כאשר משתמש בוחר גרסה.
ערוך את תג ה-ALT של התמונות
אתה צריך לערוך את תג alt כדי לציין את הגרסה שאליו שייכת התמונה:
- רחף על התמונה ולחץ על כפתור שש הנקודות כדי לפתוח את המידע על התמונה
- לחץ על הוסף טקסט חלופי
- השתמש בשם האפשרות שאתה בוחר בשילוב עם שם הגרסה . התחביר חשוב מאוד כאן וחייב להיות בסדר הבא:
#
(תו האשטאג)
option name
(אותיות קטנות)
_
(תו קו תחתון)
variant-name
(אותיות קטנות, החלף את כל הרווחים במקפים)#color_black
- לחץ על שמור טקסט חלופי כדי לשמור את השינויים
- בצע את אותו תהליך עבור תמונות אחרות
הגדר (או שמור) טקסט חלופי משלי
מה אם אני רוצה להגדיר (או לשמור) alt משלי המשמש למטרות SEO? פשוט הוסף כל דבר בשדה alt לפני התו # , כך:
אנו יודעים שלרוב הלקוחות אכפת מקידום אתרים ותוכל לשפר את יעילות ה-SEO שלך על ידי הוספת תגיות alt לכל התמונות לפי ההוראות למעלה.
SEO: Image Optimizer Page Speed מאת AVADA היא אפליקציה מומלצת מאוד לקידום אתרים בתמונה כדי לעזור לך לעלות על המתחרים שלך בתוצאות החיפוש. אפליקציה זו ממנפת את ה-SEO שלך בקלות עם אוטומציה על ידי:
- אופטימיזציה של תמונה ALT/ meta tags/ JSON-LD כדי להיות ידידותית לחיפוש בגוגל.
- אופטימיזציה של גדלי תמונות ללא אובדן איכות כדי להאיץ את האתר שלך.
>> למידע נוסף על קידום אתרים: מהירות עמוד אופטימיזציית תמונות היום!
Share:
כיצד להגדיר דוגמיות צבע ב-Be Yours 7.1.0 ואילך
נצל את ההתאמה האישית שלך על ידי שימוש במקורות דינמיים ומטא שדות