ఫేవికాన్ అంటే ఏమిటి, మీ వెబ్‌సైట్‌కు ఇది ఎందుకు ముఖ్యం?

ఫేవికాన్ అనేది బ్రౌజర్ ట్యాబ్‌లు, బుక్‌మార్క్‌లు, Google శోధన ఫలితాలు, హోమ్ స్క్రీన్‌లలో మీ సైట్‌ను సూచించే చిన్న ఐకాన్. ఇది ఎక్కడ కనిపిస్తుంది, నమ్మకాన్ని, క్లిక్‌లను ఎందుకు ప్రభావితం చేస్తుంది, నిమిషాల్లో ఒకదాన్ని ఎలా సృష్టించాలో తెలుసుకోండి.

Tomáš Rohlena 8 నిమిషాల పఠనం

ఫేవికాన్ (“ఫేవరెట్ ఐకాన్” అనే దానికి సంక్షిప్త రూపం) అనేది బ్రౌజర్ ట్యాబ్‌లు, బుక్‌మార్క్‌లు, హిస్టరీ జాబితాలు, Google శోధన ఫలితాలు, ఫోన్ హోమ్ స్క్రీన్‌లు, ఇన్‌స్టాల్ చేసిన వెబ్ యాప్‌లలో ఒక వెబ్‌సైట్‌ను సూచించే చిన్న చతురస్రాకార చిత్రం. ఇది ఎందుకు ముఖ్యమంటే: ఒక్క చూపులోనే మీ సైట్‌కు గుర్తించదగిన రూపాన్ని ఇస్తుంది, చాలా ట్యాబ్‌లు తెరిచి ఉన్నప్పుడు మీ సైట్‌ను సులభంగా కనుగొనేలా చేస్తుంది, సైట్ ప్రొఫెషనల్‌గా, నమ్మదగినదిగా ఉందనే సంకేతం ఇస్తుంది, ఇప్పుడు Google ఫలితాల్లో మీ సైట్ పేరు పక్కన కూడా చూపబడుతుంది. ఇది లేకపోతే సందర్శకులకు సాధారణ గ్లోబ్ లేదా ఖాళీ పేజీ ఐకాన్ కనిపిస్తుంది, మీ సర్వర్ లాగ్‌లు 404 లోపాలతో నిండిపోతాయి. MakeFav ఫేవికాన్ జనరేటర్తో పూర్తి ఫేవికాన్ సెట్‌ను ఉచితంగా సృష్టించవచ్చు.

ఫేవికాన్ అంటే ఏమిటి?

ఫేవికాన్ అనేది చిన్న బ్రాండెడ్ గ్రాఫిక్; సాధారణంగా లోగో యొక్క సరళీకృత రూపం, లేదా ఒక అక్షరం లేదా చిహ్నం. బ్రౌజర్‌లు, ఇతర సాఫ్ట్‌వేర్ దీన్ని మీ వెబ్‌సైట్ నుండి తీసుకుని, చిన్న దృశ్య గుర్తింపు అవసరమైన చోట ప్రదర్శిస్తాయి. డెస్క్‌టాప్ బ్రౌజర్‌లో ఇది సాధారణంగా 16 × 16 CSS పిక్సెల్స్‌లో చూపబడుతుంది, కానీ అధిక సాంద్రత గల స్క్రీన్‌లలో స్పష్టంగా కనిపించడానికి ఫైల్ మాత్రం పెద్దదిగా ఉండాలి.

సాంకేతికంగా, ఫేవికాన్ అంటే మీ HTMLలో సూచించిన (లేదా డిఫాల్ట్ స్థానంలో ఉన్న) ఒక ఇమేజ్ ఫైల్; యూజర్ ఏజెంట్లు దాన్ని పేజీ కంటెంట్ నుండి వేరుగా డౌన్‌లోడ్ చేస్తాయి. నేడు “ఫేవికాన్” అరుదుగా ఒకే ఫైల్‌గా ఉంటుంది. బ్రౌజర్‌లు, సెర్చ్ ఇంజిన్లు, iOS, Android అన్నింటికీ తగిన ఫార్మాట్, సైజు లభించేలా ఆధునిక సైట్ సాధారణంగా ఒకే ఐకాన్ యొక్క అనేక వెర్షన్‌లను అందిస్తుంది.

ఫేవికాన్ సంక్షిప్త చరిత్ర

ఫేవికాన్ 1999 మార్చిలో Microsoft Internet Explorer 5 విడుదల చేసినప్పుడు మొదలైంది. ఆ బ్రౌజర్ వినియోగదారులను పేజీలను “Favorites” జాబితాలో సేవ్ చేసుకోనిచ్చేది, అలాగే ప్రతి సేవ్ చేసిన ఎంట్రీ పక్కన చూపడానికి సైట్ రూట్‌లో favicon.ico అనే చిన్న ఐకాన్ ఫైల్ కోసం వెతికేది. ఆలోచన సరళమైనది: సైట్ /favicon.ico అందిస్తే, ఆ ఐకాన్ బుక్‌మార్క్ పక్కన కనిపిస్తుంది.

త్వరలోనే ఇతర బ్రౌజర్‌లు ఈ ఫీచర్‌ను స్వీకరించాయి, ట్యాబ్డ్ బ్రౌజింగ్ దీన్ని మరింత ఉపయోగకరంగా మార్చింది. ట్యాబ్‌లు ప్రజలు నావిగేట్ చేసే ప్రధాన మార్గంగా మారడంతో, ఫేవికాన్ బుక్‌మార్క్ అలంకరణ నుండి కీలకమైన నావిగేషన్ సహాయకంగా మారింది. కాలక్రమేణా ఈ విధానం ఇలా అభివృద్ధి చెందింది:

  • 2000ల ప్రారంభం: <link rel="icon"> ఎలిమెంట్ వల్ల సైట్‌లు కేవలం రూట్‌లోనే కాకుండా ఏ URLలోనైనా ఉన్న ఐకాన్‌ను సూచించగలిగాయి, IE కాని బ్రౌజర్‌లలో PNG, GIF ఫైల్‌లు అంగీకరించబడటం మొదలైంది.
  • 2010లు: Apple iOS హోమ్ స్క్రీన్‌ల కోసం apple-touch-iconను ప్రవేశపెట్టింది; Android, Windows తమ సొంత పద్ధతులను, అంటే మానిఫెస్ట్ ఐకాన్‌లు, టైల్ చిత్రాలను జోడించాయి.
  • నేడు: SVG ఫేవికాన్‌లు, వెబ్ యాప్ మానిఫెస్ట్‌లు, డార్క్ మోడ్‌కు అనుగుణంగా మారే ఐకాన్‌లు, Google శోధన-ఫలితాల ఫేవికాన్ అవసరాలు కలిసి ఫేవికాన్‌ను సైట్ సాంకేతిక ఏర్పాటులో చిన్నదైనా నిజమైన భాగంగా మార్చాయి.

ఫేవికాన్‌లు నేడు ఎక్కడ కనిపిస్తాయి

మీ ఫేవికాన్ బ్రౌజర్ ట్యాబ్ కంటే చాలా ఎక్కువ చోట్ల కనిపిస్తుంది. ప్రధానమైనవి:

  • బ్రౌజర్ ట్యాబ్‌లు: అత్యంత కనిపించే స్థలం; చాలా ట్యాబ్‌లు తెరిచి ఉన్నప్పుడు తరచుగా ఐకాన్ మాత్రమే కనిపిస్తుంది.
  • బుక్‌మార్క్‌లు, ఫేవరెట్‌లు: బుక్‌మార్క్ బార్‌లు, మెనూలలో పేజీ శీర్షిక పక్కన ఐకాన్ ఉంటుంది.
  • హిస్టరీ, ఎక్కువగా సందర్శించిన పేజీలు: బ్రౌజర్‌లు హిస్టరీ జాబితాలలో, కొత్త-ట్యాబ్ పేజీలలో ఫేవికాన్‌లను చూపుతాయి.
  • Google శోధన ఫలితాలు: మొబైల్, డెస్క్‌టాప్ రెండింటిలోనూ Google సైట్ పేరు, URL పక్కన ఫేవికాన్‌ను ప్రదర్శిస్తుంది.
  • హోమ్ స్క్రీన్‌లు: సందర్శకుడు మీ సైట్‌ను iOS లేదా Android హోమ్ స్క్రీన్‌కు జోడించినప్పుడు, టచ్ ఐకాన్ లేదా మానిఫెస్ట్ ఐకాన్ యాప్ తరహా షార్ట్‌కట్‌గా మారుతుంది.
  • ఇన్‌స్టాల్ చేసిన PWAలు: ప్రోగ్రెసివ్ వెబ్ యాప్ తన లాంచర్ ఐకాన్, స్ప్లాష్ స్క్రీన్, టాస్క్ స్విచర్ కోసం వెబ్ యాప్ మానిఫెస్ట్‌లోని ఐకాన్‌లను ఉపయోగిస్తుంది.
  • Windows టైల్స్, పిన్ చేసిన సైట్‌లు: పాత Windows, Edge వెర్షన్‌లు పిన్ చేసిన సైట్‌ల కోసం నిర్వచించిన టైల్ చిత్రాలను ఉపయోగించేవి; ఆధునిక వెర్షన్‌లు ఎక్కువగా మీ ప్రామాణిక ఐకాన్‌లనే మళ్లీ ఉపయోగిస్తాయి.
  • కొన్ని యాప్‌లలో లింక్ ప్రివ్యూలు: కొన్ని చాట్, ప్రొడక్టివిటీ టూల్స్ (Slack ప్రసిద్ధ ఉదాహరణ) విస్తరించిన లింక్ పక్కన సైట్ ఫేవికాన్‌ను చూపుతాయి. చాలా ప్రివ్యూలు ప్రధానంగా Open Graph చిత్రాలపై ఆధారపడతాయి, కానీ చిన్న బ్రాండ్ గుర్తును తరచుగా ఫేవికాన్ అందిస్తుంది.

మీ వెబ్‌సైట్‌కు ఫేవికాన్ ఎందుకు ముఖ్యం

బ్రాండ్ గుర్తింపు

ప్రజలు టెక్స్ట్ చదవడం కంటే రంగులను, ఆకారాలను వేగంగా గుర్తిస్తారు. ట్యాబ్‌లు, బుక్‌మార్క్‌లు, శోధన ఫలితాలలో పదే పదే కనిపించే స్థిరమైన ఐకాన్ ప్రతిసారీ పరిచయాన్ని పెంచుతుంది, అంటే ప్రతి సందర్శనలో ఉచిత బ్రాండ్ ప్రచారం.

నమ్మకం, విశ్వసనీయత

ఫేవికాన్ లేకపోతే సైట్ అసంపూర్ణంగా కనిపిస్తుంది. శుభ్రంగా, సరిగ్గా ప్రదర్శించబడే ఐకాన్ ఎవరో వివరాలపై శ్రద్ధ పెట్టారనే చిన్న సంకేతం, ఇది సైట్ నిజమైనదనే భావనకు తోడ్పడుతుంది. ఇది భద్రతా ఫీచర్ కాదు, ఫిషింగ్ సైట్‌లు కూడా ఐకాన్‌లను కాపీ చేయగలవు, కానీ ఖాళీ డిఫాల్ట్ ఐకాన్ వ్యాపారం స్థిరపడినదిగా కనిపించడానికి అరుదుగా సహాయపడుతుంది.

శోధన ఫలితాలలో క్లిక్-త్రూ రేట్

Google మీ లిస్టింగ్ పక్కన ఫేవికాన్‌ను చూపుతుంది కాబట్టి, పోటీదారుల పక్కన మీ ఫలితం ఎలా కనిపిస్తుందనే దానిలో ఇది భాగమవుతుంది. ఫేవికాన్‌లకు ర్యాంకింగ్ ప్రభావం ఉందని Google చెప్పదు, కాబట్టి ర్యాంకింగ్ పెరుగుతుందని ఆశించకూడదు. ప్రయోజనం దృశ్య గుర్తింపుకు సంబంధించినది: మీ ఐకాన్ తెలిసిన వినియోగదారులు, ముఖ్యంగా ఫలితాలు కుదించబడి ఉండే మొబైల్‌లో, మీ ఫలితాన్ని గుర్తించి ఎంచుకునే అవకాశం ఎక్కువ.

చాలా ట్యాబ్‌లు తెరిచి ఉన్నప్పుడు ఉపయోగం

బ్రౌజర్‌లో ఇరవై ట్యాబ్‌లు తెరిచి ఉన్నప్పుడు, శీర్షికలు పూర్తిగా కుదించబడి ఫేవికాన్ మాత్రమే మిగులుతుంది. విలక్షణమైన ఐకాన్ వల్ల ప్రజలు మీ ట్యాబ్‌ను వెంటనే కనుగొని, డూప్లికేట్ తెరవకుండా లేదా మర్చిపోకుండా తిరిగి దానికి వెళ్లగలరు.

ప్రొఫెషనల్ ముద్ర

చక్కగా రూపొందించిన ఫేవికాన్ మీ సైట్‌లోని మిగతా భాగాల మాదిరిగానే వివరాలపై శ్రద్ధను చూపుతుంది. ప్రొడక్ట్ పేజీలు, డాక్యుమెంటేషన్, బ్లాగులు, వెబ్ యాప్‌లు అన్నింటికీ, మీరు జోడించగల అతి చౌకైన మెరుగులలో ఇది ఒకటి.

ట్యాబ్‌ను కనుగొనడంలో అందుబాటు

చదవడం కంటే దృశ్యపరంగా స్కాన్ చేసే వినియోగదారులకు, డిస్లెక్సియా లేదా ఇతర జ్ఞానపరమైన భేదాలు ఉన్నవారితో సహా, పనుల మధ్య వేగంగా మారే ప్రతి ఒక్కరికీ ఐకాన్‌లు సహాయపడతాయి. అధిక కాంట్రాస్ట్ ఉన్న, సరళమైన ఆకారం గల ఐకాన్‌ను గుర్తించడం సులభం. అయితే గుర్తుంచుకోండి, ఫేవికాన్ అదనపు సహాయం మాత్రమే: స్క్రీన్ రీడర్‌లు, సహాయక సాంకేతికతలు ఆధారపడే స్పష్టమైన పేజీ శీర్షికకు ఇది ప్రత్యామ్నాయం కాదు.

ఫేవికాన్ లేకపోతే ఏమవుతుంది

మీ HTMLలో ప్రస్తావించకపోయినా, బ్రౌజర్‌లు మీ డొమైన్ రూట్ నుండి ఆటోమేటిక్‌గా /favicon.icoను అభ్యర్థిస్తాయి. ఆ ఫైల్ లేకపోతే, అనేక విషయాలు జరుగుతాయి:

  • సాధారణ ఐకాన్: సందర్శకులకు ట్యాబ్, బుక్‌మార్క్‌లలో డిఫాల్ట్ గ్లోబ్, డాక్యుమెంట్ లేదా ఖాళీ ఐకాన్ కనిపిస్తుంది, ఇది అనామకంగా అనిపిస్తుంది.
  • మీ లాగ్‌లలో 404 లోపాలు: ఫైల్‌ను అడిగే ప్రతి బ్రౌజర్ విఫలమైన అభ్యర్థనను సృష్టిస్తుంది. రద్దీగా ఉండే సైట్‌లలో ఇది యాక్సెస్ లాగ్‌లు, ఎర్రర్ మానిటరింగ్, అనలిటిక్స్‌లో అనవసర గందరగోళాన్ని జోడించి, నిజమైన సమస్యలను దాచిపెట్టగలదు.
  • Google ఫలితాలలో ఐకాన్ ఉండదు: చెల్లుబాటయ్యే, క్రాల్ చేయగల ఫేవికాన్ లేకపోతే, Google మీ లిస్టింగ్ పక్కన తన డిఫాల్ట్ ప్లేస్‌హోల్డర్‌ను చూపుతుంది.
  • వృథా అభ్యర్థనలు: బ్రౌజర్‌లు మళ్లీ ప్రయత్నించవచ్చు, దీనివల్ల మీ సర్వర్‌పై చిన్నదైనా అర్థరహితమైన భారం పడుతుంది.

చాలా సరళమైన ఐకాన్ అయినా ఏమీ లేకపోవడం కంటే మేలు, ఎందుకంటే అది 404లను తొలగించి వినియోగదారులకు గుర్తించదగినదాన్ని ఇస్తుంది.

ఫేవికాన్ ఫార్మాట్‌ల వివరణ

ఏ ఒక్క ఫార్మాట్ కూడా అన్ని ప్లాట్‌ఫామ్‌లను కవర్ చేయదు, కాబట్టి చాలా సైట్‌లు కొన్ని ఫైళ్ల సెట్‌ను ఉపయోగిస్తాయి.

ఫార్మాట్ / ఫైల్ సాధారణ సైజు వినియోగం గమనికలు
ICO (favicon.ico) ఒకే ఫైల్‌లో 16, 32, 48 px పాత బ్రౌజర్‌లు, డిఫాల్ట్ రూట్ అభ్యర్థన, Google అనేక సైజులను కలిగి ఉండగలదు; విస్తృత అనుకూలత
PNG 32, 96, 192 px, ఇంకా ఎక్కువ ఆధునిక బ్రౌజర్‌లు, Google ఫలితాలు పారదర్శకతకు మద్దతు; తయారు చేయడం సులభం
SVG స్కేలబుల్ ఆధునిక డెస్క్‌టాప్ బ్రౌజర్‌లు ఏ సైజులోనైనా స్పష్టం; CSSతో డార్క్ మోడ్‌కు అనుగుణంగా మారగలదు; ICO లేదా PNG ఫాల్‌బ్యాక్ ఉంచండి
Apple touch icon 180 x 180 px iOS, iPadOS హోమ్ స్క్రీన్‌లు అపారదర్శక బ్యాక్‌గ్రౌండ్ ఉపయోగించండి; iOS గుండ్రని మూలలను జోడిస్తుంది
మానిఫెస్ట్ ఐకాన్‌లు 192 x 192 మరియు 512 x 512 px Android, PWA ఇన్‌స్టాల్, స్ప్లాష్ స్క్రీన్‌లు site.webmanifestలో జాబితా చేయబడతాయి; అడాప్టివ్ ఆకారాల కోసం మాస్కబుల్ వెర్షన్‌ను జోడించండి

పాత Windows టైల్ చిత్రాలు (browserconfig.xml ద్వారా కాన్ఫిగర్ చేయబడేవి) Internet Explorer 11, పాత Edge కోసం అవసరమయ్యేవి. ఆ వాతావరణాలకు మద్దతు ఇవ్వాల్సి వస్తే తప్ప ఇప్పుడు అవి అరుదుగా అవసరమవుతాయి.

శోధన ఫలితాల కోసం Google ఫేవికాన్ మార్గదర్శకాలు

మీ ఐకాన్ Google Searchలో కనిపించాలంటే, Google ప్రచురించిన అవసరాలను పాటించండి:

  • సైజు: చిత్రం చతురస్రంగా (1:1) ఉండి, 48 పిక్సెల్స్ గుణిజంగా ఉండాలి, ఉదాహరణకు 48x48, 96x96 లేదా 144x144. ప్రదర్శన కోసం Google దాన్ని 16x16కి తగ్గిస్తుంది. కనీస మద్దతు సైజు 8x8, కానీ 48x48 లేదా అంతకంటే పెద్దది సిఫార్సు చేయబడింది.
  • ఫార్మాట్‌లు: ICO, PNG, SVGతో సహా బ్రౌజర్‌లు మద్దతిచ్చే ఏ ఫార్మాట్ అయినా పనిచేస్తుంది.
  • స్థిరమైన URL: ఫేవికాన్ URLను తరచుగా మార్చవద్దు. స్థిరమైన చిరునామా మీ ఐకాన్‌ను Google తాజాగా ఉంచుకోవడానికి సహాయపడుతుంది.
  • క్రాల్ చేయగలగాలి: ఫేవికాన్ ఫైల్, మీ హోమ్ పేజీ రెండూ Googlebotకు అందుబాటులో ఉండాలి. వాటిని robots.txtలో లేదా లాగిన్ వెనుక బ్లాక్ చేయవద్దు.
  • సైట్‌కు ఒకే ప్రకటన: ఐకాన్ సైట్ హోమ్ పేజీకి అనుసంధానించబడి ఉంటుంది, కాబట్టి <link> ట్యాగ్‌ను మీ హోమ్ పేజీ హెడ్‌లో ఉంచండి.
  • ప్రాతినిధ్యం వహించేదిగా, సముచితంగా: ఐకాన్ మీ బ్రాండ్‌ను ప్రతిబింబించాలి, అభ్యంతరకరమైన లేదా తప్పుదారి పట్టించే దాన్ని Google తన డిఫాల్ట్‌తో భర్తీ చేయవచ్చు.

మీరు ఫేవికాన్‌ను ప్రచురించిన లేదా మార్చిన తర్వాత, Google దాన్ని మళ్లీ క్రాల్ చేసి అప్‌డేట్ చేయడానికి రోజుల నుండి వారాల వరకు పట్టవచ్చు, కాబట్టి తక్షణ మార్పును ఆశించవద్దు.

MakeFavతో త్వరగా ఫేవికాన్‌ను ఎలా సృష్టించాలి

మీకు డిజైన్ సాఫ్ట్‌వేర్ లేదా కమాండ్ లైన్ అవసరం లేదు. MakeFav జనరేటర్ ఒక సోర్స్ చిత్రాన్ని పైన వివరించిన ఫైళ్లుగా మారుస్తుంది.

  1. మీ ఆర్ట్‌వర్క్ సిద్ధం చేయండి. 512 x 512 px లేదా అంతకంటే పెద్ద చతురస్ర లోగో లేదా చిహ్నాన్ని ఉపయోగించండి. ఐకాన్ 16 pxలో కనిపిస్తుంది కాబట్టి సరళమైన ఆకారాలు ఉత్తమంగా పనిచేస్తాయి.
  2. MakeFav హోమ్ పేజీలో అప్‌లోడ్ చేయండి, లేదా ఎగుమతి చేయడానికి ముందు చిత్రం, బ్యాక్‌గ్రౌండ్, ప్యాడింగ్‌ను సర్దుబాటు చేయడానికి ఎడిటర్ను తెరవండి.
  3. స్పష్టంగా కనిపిస్తుందో లేదో నిర్ధారించుకోవడానికి ఫలితాన్ని చిన్న సైజులలో, లైట్, డార్క్ బ్యాక్‌గ్రౌండ్‌లపై ప్రివ్యూ చేయండి.
  4. ప్యాకేజీని డౌన్‌లోడ్ చేయండి. ఇందులో ICO, PNG సైజులు, Apple touch icon, మానిఫెస్ట్ ఐకాన్‌లు, పేస్ట్ చేయడానికి HTML స్నిప్పెట్ ఉంటాయి.
  5. ఫైళ్లు /favicon.ico వంటి మార్గాలలో అందుబాటులో ఉండేలా వాటిని మీ వెబ్‌సైట్ రూట్‌కు అప్‌లోడ్ చేయండి.
  6. ప్రతి పేజీ <head>లో, లేదా మీ షేర్డ్ లేఅవుట్ లేదా టెంప్లేట్‌లో HTMLను జోడించండి.
  7. ఫేవికాన్ చెకర్తో ధృవీకరించండి, ఆపై కొత్త ఐకాన్ చూడటానికి మీ బ్రౌజర్ కాష్‌ను క్లియర్ చేసి రీలోడ్ చేయండి.

HTML స్నిప్పెట్ ఉదాహరణ

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

ICO లింక్‌పై ఉన్న sizes="48x48" అట్రిబ్యూట్, బ్రౌజర్‌లు మద్దతిస్తే SVGకి ప్రాధాన్యత ఇవ్వడానికి, ICOను ఫాల్‌బ్యాక్‌గా ఉంచడానికి సహాయపడుతుంది. 96 px PNG Google యొక్క 48 గుణిజ నియమాన్ని తీరుస్తుంది.

వెబ్ యాప్ మానిఫెస్ట్ ఉదాహరణ

{
  "name": "Example Site",
  "short_name": "Example",
  "icons": [
    { "src": "/web-app-manifest-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
    { "src": "/web-app-manifest-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

మీరు బిల్డ్ పైప్‌లైన్‌లతో పనిచేస్తుంటే లేదా ఐకాన్ సృష్టిని ఆటోమేట్ చేయాలనుకుంటే, డెవలపర్ వనరులు చూడండి.

బాగా పనిచేసే ఫేవికాన్ కోసం డిజైన్ చిట్కాలు

  • సరళంగా ఉంచండి. 16 pxలో గందరగోళంగా మారే వివరణాత్మక లోగో కంటే ఒక ఆకారం, ఒక అక్షరం లేదా బోల్డ్ మోనోగ్రామ్ మేలు.
  • బలమైన కాంట్రాస్ట్ ఉపయోగించండి. ఐకాన్ లైట్, డార్క్ బ్రౌజర్ థీమ్‌లు రెండింటిలోనూ కనిపించేలా చూసుకోండి. రంగు బ్యాక్‌గ్రౌండ్ టైల్ సహాయపడుతుంది.
  • టెక్స్ట్‌ను నివారించండి. ఒక్క ఇనిషియల్ సరిపోతుంది; ఈ సైజులో పదాలు చదవలేం.
  • మాస్కబుల్, గుండ్రని మూలల ఐకాన్‌ల కోసం కొద్దిగా ప్యాడింగ్ వదలండి, తద్వారా ముఖ్యమైనదేదీ కత్తిరించబడదు.
  • ఫేవికాన్ గుర్తింపును బలపరచడానికి మీ లోగో, బ్రాండ్ రంగులతో స్థిరంగా ఉండండి.
  • నిజమైన పరికరాలలో పరీక్షించండి, ట్యాబ్‌లో, బుక్‌మార్క్‌లో, Google ఫలితంలో ఎలా కనిపిస్తుందో చూడండి.

సాధారణ ఫేవికాన్ సమస్యలు

మీ ఐకాన్ కనిపించకపోతే, సాధారణ కారణాలు కాషింగ్, తప్పు మార్గాలు, బ్లాక్ చేయబడిన ఫైళ్లు. బ్రౌజర్‌లు ఫేవికాన్‌లను గట్టిగా కాష్ చేస్తాయి, కాబట్టి అప్‌డేట్‌లు చూడటానికి హార్డ్ రిఫ్రెష్ లేదా కొత్త ప్రైవేట్ విండో తరచుగా సరిపోతుంది. ఫైల్ URL 200 స్టేటస్, సరైన కంటెంట్ టైప్ ఇస్తోందో లేదో, <link> ట్యాగ్ <head>లో ఉందో లేదో తనిఖీ చేయండి. శోధన కోసం, robots.txt ఐకాన్‌ను లేదా హోమ్ పేజీని బ్లాక్ చేయడం లేదని నిర్ధారించుకోండి. ఈ సమస్యలను త్వరగా గుర్తించడంలో MakeFav చెకర్ సహాయపడుతుంది.

తరచుగా అడిగే ప్రశ్నలు

ఫేవికాన్ అంటే ఏమిటి (దాని పూర్తి రూపం)?

ఫేవికాన్ అంటే “ఫేవరెట్ ఐకాన్” యొక్క సంక్షిప్త రూపం. ఈ పేరు Internet Explorer 5 నుండి వచ్చింది; 1999లో అది బ్రౌజర్ Favorites జాబితాలోని ఎంట్రీలను అలంకరించడానికి మొదటిసారి చిన్న ఐకాన్ ఫైల్‌ను ఉపయోగించింది. ఇప్పుడు ఐకాన్ అనేక ఇతర చోట్ల కనిపిస్తున్నా ఆ పదం స్థిరపడిపోయింది.

ఫేవికాన్ SEOకి సహాయపడుతుందా?

ఫేవికాన్ ప్రత్యక్ష ర్యాంకింగ్ అంశం కాదు. అయితే ఇది మొబైల్, డెస్క్‌టాప్‌లలో Google ఫలితాలలో మీ సైట్ పేరు పక్కన కనిపిస్తుంది, కాబట్టి ఇది బ్రాండ్ గుర్తింపును, మీ లిస్టింగ్ దృశ్య ఆకర్షణను మెరుగుపరచగలదు, ఇది పరోక్షంగా క్లిక్‌లకు తోడ్పడవచ్చు. Google మార్గదర్శకాలను పాటించడం వల్లే ఐకాన్ ప్రదర్శనకు అర్హత పొందుతుంది.

ఫేవికాన్ సైజు ఎంత ఉండాలి?

Google Search కోసం, 48x48 లేదా 96x96 వంటి 48 పిక్సెల్స్ గుణిజమైన చతురస్ర చిత్రాన్ని ఉపయోగించండి. విస్తృత కవరేజ్ కోసం, ICO ఫైల్, 180x180 Apple touch icon, 192x192, 512x512 మానిఫెస్ట్ ఐకాన్‌లను కూడా అందించండి. స్కేలబిలిటీ కోసం SVG మంచి అదనం.

PNG లేదా SVG ఉపయోగిస్తే కూడా నాకు favicon.ico అవసరమా?

ఇప్పటికీ ఉంచడం మంచిది. బ్రౌజర్‌లు, కొన్ని టూల్స్ డిఫాల్ట్‌గా /favicon.icoను అభ్యర్థిస్తాయి, పాత సాఫ్ట్‌వేర్ దానిపై ఆధారపడుతుంది. సైట్ రూట్‌లో ICO ఫైల్‌ను ఉంచడం 404 లోపాలను నివారిస్తుంది, SVG లేదా PNGకి మద్దతు లేనప్పుడు సురక్షితమైన ఫాల్‌బ్యాక్ ఇస్తుంది.

నా ఫేవికాన్ ఎందుకు అప్‌డేట్ కావడం లేదు?

బ్రౌజర్‌లు, సెర్చ్ ఇంజిన్‌లు ఫేవికాన్‌లను చాలా కాలం కాష్ చేస్తాయి. హార్డ్ రిఫ్రెష్, ప్రైవేట్ విండో లేదా కాష్ క్లియర్ చేయడం ప్రయత్నించండి. ఫైల్ మార్గం సరైనదో కాదో, కొత్త ఫైల్ అందించబడుతోందో లేదో నిర్ధారించుకోండి. Google Searchలో, మార్చిన ఐకాన్ మళ్లీ క్రాల్ అయి అప్‌డేట్ కావడానికి రోజులు లేదా వారాలు పట్టవచ్చు.

సంబంధిత వ్యాసాలు

సెకన్లలో మీ favicon సృష్టించండి

ICO, Apple, Android మరియు PWA ఐకాన్‌లతో ఉచిత favicon జనరేటర్.

జనరేటర్‌ను తెరవండి