כיצד להתקין favicon לאתר שלך?

Favicon - קיצור של "סמל נבחר" (מתורגם לאנגלית). השם בא מן רשימת הסימניות ב- Internet Explorer, אשר נקרא "מועדפים" / "מועדף". כשמוסיפים אתר Explorer המועדפים שלך (גירסה 5 ומעלה) תפנה אל שרת עם הבקשה, אם favicon.ico קובץ משאב. אם קובץ כזה, זה ישמש לספק סמל מוצג לצד טקסט הסימנייה.

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

הסמלים בכרטיסיות הדפדפן

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

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

כיצד ליצור favicon?

כדי ליצור favicon.ico, אתה רק צריך לשמור את 16x16 PNG-קובץ ולהמיר אותו Png2Ico סמל משאב. לפי שיקול דעתה הבלעדי, תוכל להוסיף תמונות שונות באותו הסמל לספק פתרונות חלופיים. רוב הדפדפנים משמשים רק 16x16 בפורמט לתמונות כאלה, אבל בהקשר אחר (לדוגמה, גרירת URL בשורת הכתובת על שולחן העבודה) סמל גדול ניתן להציג את התמונה. אם המשאב מכיל רק 16x16 תמונת סמל, זה ישתנה בהתאם לגודל הרצוי, כך שטכנית לא צריך להוסיף פתרונות חלופיים. עם זאת, זה יכול לשפר את איכות התמונה. לפני שתתקין את favicon לאתר שלך, הקפד לבדוק איך זה נראה בתמונה בגדלים שונים.

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

בעת יצירת דימוי להוסיף favicon.ico אסור לשכוח כי הסמלים יכולים להיות מוצגים על צבע רקע שונה. מסיבה זו עדיף להשתמש שקוף ולא רקע אחיד. תחשוב ארוך וקשה על איך להתקין את רוב favicon כראוי, כי הוא היה בהרמוניה עם כל רקע. יצוין כי ניתן להגדיר ערכי ביניים, אשר נמדדים באחוזים. מומחים אומרים כי האידאל הוא להקים, המהווים כ 30-40% של שקיפות רקע.

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

יצירת סמלים עם "פוטושופ"

מומחים ממליצים על השימוש של עריכת תמונות, למשל, Adobe Photoshop או GIMP. פעולה זו תיצור favicon בדיוק 512 × 512 פיקסלים. לכן, אתה יכול לחסוך את הפרופורציות המדויקות של התמונה, להשתמש בתמונה שקופה, או למלא את הרקע על פי בחירתך. תמונה זו יכולה להיות בפורמט PNG, JPEG או GIF. ואז אתה צריך לקבוע כיצד להתקין favicon לאתר שלך.

למה אני צריך להוסיף לאתר?

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

כיצד להתקין favicon לאתר html שלך

כדי להוסיף favicon החדש שלך בדף האינטרנט שלך, אתה חייב להתקין אותו בשרת באותה התיקייה שבה דף האינטרנט (למשל, www.example.com/foo/favicon.ico עבור www.example.com/foo/index. html). זהו הנתונים נמצאים במקום הראשון בכל דפדפן יחפש את ההורדה. אם הוא לא יכול למצוא את הסמל, ולאחר מכן לבדוק את הספרייה ברמה העליונה של השרת (www.example.com/favicon.ico עבור www.example.com בשרת). מסיבה זו, אם אתה מגדיר את זה שם, אתה תהיה מסוגל לקבל את סמל ברירת המחדל עבור כל הדפים של התחום שלך. בהתאם לתצורת הדפדפן, האתר אינו מוצג תמיד, גם אם הוא נמצא באחד המקומות הנ"ל ואת דף האינטרנט רואה אותו.

להרשמה בנוכחות של favicon דף הקוד, אתה יכול להוסיף את שתי השורות הבאות :

כיצד להוסיף favicon לבלוג וורדפרס

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

כיצד להוסיף favicon ב וורדפרס

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

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

הוספת favicon לבלוג שלך

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

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

כיצד להתקין וורדפרס favicon על הגרסה הישנה (4.2 או מאוחר יותר)

העלה favicon משלך בספריית השורש על FTP. אז אתה יכול להכניס את הקוד הזה הנושא הרצוי בקובץ header.php.

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

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