כיצד להוסיף א Shopify Favicon שלך Shopify חנות

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

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

מהו Shopify Favicon?

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

שורת הכתובת של הדפדפן היא האזור הנפוץ ביותר לצפייה באתר Favicon, אך היא מופיעה גם במיקומים הבאים:

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

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

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

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

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

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

המשך לקרוא כדי ללמוד עוד על איך להוסיף את Favicon לשלך Shopify לאחסן.

כיצד להוסיף Favicon לשלך Shopify חנות - מדריך צעדים מהירים

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

שלב 1: עבור אל שלך Shopify דסבורד

לכן, עבור אל שלך Shopify לוח המחוונים ולחץ על חנות מקוונת תחת ערוצי מכירות.

שלב 2: נווט אל הגדרות ערכת נושא

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

ב Shopify התאמה אישית, גלול לתחתית הרשימה משמאל ולחץ על הגדרות ערכת נושא.

שלב 3: בחר את לחצן Favicon

בקטע החדש, מצא ובחר את לחצן Favicon.

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

שלב 4: העלה את Favicon שלך

בחר את קובץ Favicon והעלה אותו אליו Shopify.

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

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

טיפים ליצירת Favicon שלך

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

כדי לפתור בעיות כלשהן, הנה כמה טיפים ליצירת שלך Shopify Favicon:

• התחל את העיצוב שלך בגודל גדול מ-32×32 וכיווץ אותו במידת הצורך. בטוח שתהיה לך תמונה מטושטשת יותר אם תנסה למתוח תמונה קטנה יותר לתוך החלל. לדוגמה, צילום של תמונה בגודל 32×32 מ-Hatchful וניסיון למתוח אותה כדי להיפטר מהחלק הכתוב בלוגו עלול לגרום לבעיות.
• אתה בדרך כלל לא יכול פשוט לקחת את הלוגו הנוכחי שלך ולצפות שהוא יעבוד בצורה מושלמת בתור Favicon.
• Favicon נראה נהדר כאשר אתה מכסה כל פיקסל של החלל המסופק. אין לך הרבה מקום, אז כדאי לנצל כל פיקסל מרובע בחלל 32×32.
• הסר את כל הטקסט, מכיוון שקשה לקרוא אותו ב-Favicon. היוצא מן הכלל הוא אם אלמנט הלוגו הראשי שלך הוא אות גדולה.
• צלם עבור צבעים מוצקים ובהירים יותר. לוגואים פשוטים וקריקטוריים עובדים הכי טוב.
• תסתכל על Favicons מהמותגים האהובים עליך. מה הם עשו כדי להבטיח שהתמונה המקוונת שלהם תצליח עם סמל פביקון?
• שקול למלא את כל החלל ברקע בצבע אחיד או ליצור רקע שקוף עם אלמנט החזית מתוח כך שהוא פשוט נוגע בקצוות. תבחין שלמותגים רבים יותר יש רקע שקוף ל-Favicons שלהם.
• פורמט הקובץ ICO עובד היטב עבור תמונות קטנות יותר. אם אינך מכיר, השתמש ב-PNG עבור רקעים שקופים או ב-JPG עבור Favicons ברזולוציה גבוהה עם רקע מוצק.

כיצד ליצור Favicon עבורך Shopify חנות

יש לכם אפשרות לעצב Favicon בכל תוכנת עיצוב שתבחרו. אם אתה מעדיף פוטושופ, לך עם זה. אם אתה מעדיף תוכנה חינמית כמו GIMP או Pixlr, כולן עובדות כל עוד אתה מקפיד על המידות הנדרשות של 32×32.

יש לך גם אפשרות ליצור Favicon איתו Shopifyהלוגו של Hatchful ומחולל Favicon בחינם. צפו במדריך המלא שלנו On בקע לבנות לוגו.

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

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

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

חָשׁוּב: עליך להשתמש בגרסה גדולה יותר של התמונה אם אתה מתכנן למתוח אותה על קנבס כדי לגזור טקסט וחלל לבן. לשם כך, השתמשתי ב-Hatchful כדי ליצור לוגו אבל למעשה לקחתי אחד מהלוגו הגדולים (לא את קובץ ה-Favicon שסופק) מכיוון שאני לא רוצה שטשטוש יתרחש כשאני מותח אותו על הבד בגודל 32×32.

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

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

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

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

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

חזור אל שלך Shopify לוּחַ מַחווָנִים. לחץ על חנות מקוונת > ערכות נושא > התאמה אישית.

לאחר מכן עבור אל הגדרות ערכת נושא > Favicon.

העלה את ה- Favicon החדש הזה ולחץ על הלחצן שמור ב- Shopify עורך.

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

לסיכום

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

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

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