Favicon הוא האייקון הקטן של האתר — זה שמופיע בלשונית הדפדפן, בסימניות, במסך הבית של הטלפון וליד שם האתר בתוצאות החיפוש של גוגל. כדי שהוא יופיע בגוגל, הוא צריך להיות ריבועי (יחס 1:1), בגודל של לפחות 8×8 פיקסלים — וגוגל ממליצה על יותר מ-48×48 — בפורמט נתמך, ומוגדר עם <link rel="icon"> בדף הבית. זה פרט קטן, אבל בתוצאות החיפוש הוא אחד הדברים הראשונים שגולש רואה מהעסק שלכם.
איפה ה-favicon מופיע
- לשונית הדפדפן — כשיש לגולש עשר לשוניות פתוחות, האייקון הוא איך הוא מוצא את האתר שלכם.
- סימניות והיסטוריה.
- מסך הבית בטלפון — כשמוסיפים את האתר כקיצור דרך.
- תוצאות החיפוש של גוגל — ליד שם האתר, בעיקר בטלפון.
הדרישות של גוגל
לפי ההנחיות של Google Search Central:
| דרישה | פירוט |
|---|---|
| צורה | ריבוע, יחס 1:1 |
| גודל | לפחות 8×8 פיקסלים; מומלץ יותר מ-48×48 |
| פורמט | פורמט תמונה נתמך, כמו ICO, PNG, JPEG, GIF או BMP |
| מיקום ההגדרה | תגית link ב-head של דף הבית |
| כתובת | יציבה, בלי להחליף אותה כל הזמן, ונגישה לסורקים של גוגל |
| כמות | favicon אחד לכל שם מארח (דומיין או תת-דומיין) |
| תוכן | מייצג את המותג; לא תמונה בעייתית או פוגענית |
חשוב לדעת: גוגל מציינת שאין הבטחה שה-favicon יוצג, וייתכן שייקחו ימים ואף שבועות עד שהאייקון החדש יופיע בתוצאות אחרי שינוי.
איך מוסיפים favicon
ההגדרה המינימלית היא שורה אחת ב-head:
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
בפועל כדאי להוסיף גם קובץ PNG או ICO לגיבוי, ואייקון גדול יותר למסך הבית של מכשירי אפל:
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">
בוורדפרס אפשר להגדיר את זה ב"התאמה אישית" ← "זהות האתר" ← "סמל אתר", והמערכת יוצרת את הגדלים ומוסיפה את התגיות לבד. בתבנית מותאמת אפשר להגדיר את ה-favicon ישירות בקוד התבנית — כך הוא מוגדר גם באתר הזה.
איך מעצבים favicon שעובד
- פשוט. לוגו שלם עם טקסט לא קריא ב-16 פיקסלים. סמל, אות ראשונה או חלק מזוהה מהלוגו עובדים טוב יותר.
- ניגודיות. האייקון מוצג על רקע בהיר ועל רקע כהה (לשוניות במצב כהה) — כדאי לבדוק בשניהם.
- שוליים. במסך הבית של הטלפון האייקון נחתך לעיתים לצורה מעוגלת; משאירים מעט מרווח סביב הסמל.
- עקבי עם המותג. אותם צבעים כמו באתר ובלוגו.
למה ה-favicon לא מופיע בגוגל
- הקובץ לא ריבועי, או קטן מדי.
- התגית לא נמצאת בדף הבית, או שנמצאת בתוך ה-
bodyבמקום ב-head. - הקובץ חסום לסריקה (למשל ב-robots.txt), או שהכתובת מחזירה שגיאה.
- האייקון הוחלף לאחרונה וגוגל עוד לא סרקה מחדש.
- גוגל החליטה לא להציג אותו — זה בשיקול דעתה.
אפשר לבדוק את הכתובת של האייקון ישירות בדפדפן, ולבקש סריקה מחדש של דף הבית ב-Search Console.
שאלות נפוצות
איזה פורמט הכי טוב?
בדפדפנים, SVG חד בכל גודל. בשביל גוגל ותאימות רחבה כדאי לשמור לצידו קובץ ICO או PNG — פורמטים שמופיעים ברשימה הנתמכת של גוגל.
צריך favicon לכל תת-דומיין?
כן. לפי גוגל, ה-favicon נקבע ברמת שם המארח, כך שתת-דומיין כמו shop.example.co.il צריך הגדרה משלו.
אפשר favicon שונה לכל עמוד?
טכנית כן, אבל גוגל מציגה אחד לכל שם מארח, וגולשים מצפים לאייקון אחד שמזהה את האתר.
Favicon הוא חלק מהפרטים שנבנים נכון מההתחלה בכל אתר שאני בונה — ראו בניית אתרים לעסקים, או ספרו לי על האתר שלכם.
אהבתם את המאמר?
