ਫੈਵੀਕਾਨ ਕੀ ਹੈ ਅਤੇ ਇਹ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਲਈ ਕਿਉਂ ਮਹੱਤਵਪੂਰਨ ਹੈ?

ਫੈਵੀਕਾਨ ਉਹ ਛੋਟਾ ਆਈਕਨ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ, ਬੁੱਕਮਾਰਕਾਂ, Google ਖੋਜ ਨਤੀਜਿਆਂ ਅਤੇ ਹੋਮ ਸਕ੍ਰੀਨਾਂ ਵਿੱਚ ਤੁਹਾਡੀ ਸਾਈਟ ਦੀ ਨੁਮਾਇੰਦਗੀ ਕਰਦਾ ਹੈ। ਜਾਣੋ ਕਿ ਇਹ ਕਿੱਥੇ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਇਹ ਭਰੋਸੇ ਅਤੇ ਕਲਿੱਕਾਂ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ, ਅਤੇ ਮਿੰਟਾਂ ਵਿੱਚ ਇੱਕ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਵੇ।

Tomáš Rohlena 12 ਮਿੰਟ ਪੜ੍ਹਨ ਦਾ ਸਮਾਂ

ਫੈਵੀਕਾਨ (“favorite icon” ਦਾ ਛੋਟਾ ਰੂਪ) ਉਹ ਛੋਟੀ ਵਰਗਾਕਾਰ ਤਸਵੀਰ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ, ਬੁੱਕਮਾਰਕਾਂ, ਹਿਸਟਰੀ ਸੂਚੀਆਂ, 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 ਫੈਵੀਕਾਨ ਲਈ ਰੈਂਕਿੰਗ 'ਤੇ ਕੋਈ ਪ੍ਰਭਾਵ ਪ੍ਰਕਾਸ਼ਿਤ ਨਹੀਂ ਕਰਦਾ, ਅਤੇ ਤੁਹਾਨੂੰ ਰੈਂਕਿੰਗ ਵਿੱਚ ਵਾਧੇ ਦੀ ਉਮੀਦ ਨਹੀਂ ਰੱਖਣੀ ਚਾਹੀਦੀ। ਫਾਇਦਾ ਵਿਜ਼ੂਅਲ ਪਛਾਣ ਦਾ ਹੈ: ਜੋ ਯੂਜ਼ਰ ਤੁਹਾਡੇ ਆਈਕਨ ਨੂੰ ਜਾਣਦੇ ਹਨ, ਉਹ ਤੁਹਾਡੇ ਨਤੀਜੇ ਨੂੰ ਪਛਾਣਨ ਅਤੇ ਚੁਣਨ ਦੀ ਵੱਧ ਸੰਭਾਵਨਾ ਰੱਖਦੇ ਹਨ, ਖ਼ਾਸ ਕਰਕੇ ਮੋਬਾਈਲ 'ਤੇ ਜਿੱਥੇ ਨਤੀਜੇ ਸੰਖੇਪ ਹੁੰਦੇ ਹਨ।

ਕਈ ਖੁੱਲ੍ਹੀਆਂ ਟੈਬਾਂ ਨਾਲ ਵਰਤੋਂਯੋਗਤਾ

ਜਦੋਂ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਵੀਹ ਟੈਬਾਂ ਖੁੱਲ੍ਹੀਆਂ ਹੋਣ, ਤਾਂ ਸਿਰਲੇਖ ਕੱਟ ਕੇ ਗਾਇਬ ਹੋ ਜਾਂਦੇ ਹਨ ਅਤੇ ਸਿਰਫ਼ ਫੈਵੀਕਾਨ ਹੀ ਬਚਦਾ ਹੈ। ਇੱਕ ਵੱਖਰਾ ਆਈਕਨ ਲੋਕਾਂ ਨੂੰ ਤੁਹਾਡੀ ਟੈਬ ਤੁਰੰਤ ਲੱਭਣ ਅਤੇ ਉਸ ਵਿੱਚ ਵਾਪਸ ਆਉਣ ਦਿੰਦਾ ਹੈ, ਨਾ ਕਿ ਡੁਪਲੀਕੇਟ ਖੋਲ੍ਹਣ ਜਾਂ ਉਸਨੂੰ ਭੁੱਲ ਜਾਣ।

ਪੇਸ਼ੇਵਰ ਪ੍ਰਭਾਵ

ਚੰਗੀ ਤਰ੍ਹਾਂ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਫੈਵੀਕਾਨ ਤੁਹਾਡੀ ਬਾਕੀ ਸਾਈਟ ਵਾਂਗ ਹੀ ਵੇਰਵਿਆਂ ਵੱਲ ਧਿਆਨ ਦਰਸਾਉਂਦਾ ਹੈ। ਉਤਪਾਦ ਪੰਨਿਆਂ, ਦਸਤਾਵੇਜ਼ਾਂ, ਬਲੌਗਾਂ ਅਤੇ ਵੈੱਬ ਐਪਾਂ ਸਭ ਲਈ, ਇਹ ਜੋੜਨ ਲਈ ਸਭ ਤੋਂ ਸਸਤੀਆਂ ਸਜਾਵਟਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ।

ਟੈਬ ਲੱਭਣ ਦੀ ਪਹੁੰਚਯੋਗਤਾ

ਆਈਕਨ ਉਨ੍ਹਾਂ ਯੂਜ਼ਰਾਂ ਦੀ ਮਦਦ ਕਰਦੇ ਹਨ ਜੋ ਪੜ੍ਹਨ ਦੀ ਬਜਾਏ ਦੇਖ ਕੇ ਖੋਜਦੇ ਹਨ, ਜਿਨ੍ਹਾਂ ਵਿੱਚ ਡਿਸਲੈਕਸੀਆ ਜਾਂ ਬੋਧਾਤਮਕ ਭਿੰਨਤਾਵਾਂ ਵਾਲੇ ਲੋਕ ਅਤੇ ਕੰਮਾਂ ਵਿਚਕਾਰ ਤੇਜ਼ੀ ਨਾਲ ਬਦਲਣ ਵਾਲਾ ਕੋਈ ਵੀ ਸ਼ਾਮਲ ਹੈ। ਉੱਚ-ਕੰਟ੍ਰਾਸਟ ਅਤੇ ਸਰਲ ਆਕਾਰ ਵਾਲਾ ਆਈਕਨ ਪਛਾਣਨਾ ਆਸਾਨ ਹੁੰਦਾ ਹੈ। ਪਰ ਯਾਦ ਰੱਖੋ ਕਿ ਫੈਵੀਕਾਨ ਇੱਕ ਪੂਰਕ ਹੈ: ਇਹ ਸਪੱਸ਼ਟ ਪੰਨਾ ਸਿਰਲੇਖ ਦੀ ਥਾਂ ਨਹੀਂ ਲੈਂਦਾ, ਜਿਸ 'ਤੇ ਸਕ੍ਰੀਨ ਰੀਡਰ ਅਤੇ ਸਹਾਇਕ ਤਕਨਾਲੋਜੀ ਨਿਰਭਰ ਕਰਦੀ ਹੈ।

ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਫੈਵੀਕਾਨ ਨਾ ਹੋਵੇ ਤਾਂ ਕੀ ਹੁੰਦਾ ਹੈ

ਬ੍ਰਾਊਜ਼ਰ ਤੁਹਾਡੇ ਡੋਮੇਨ ਦੀ ਰੂਟ ਤੋਂ ਆਪਣੇ-ਆਪ /favicon.ico ਦੀ ਮੰਗ ਕਰਦੇ ਹਨ, ਭਾਵੇਂ ਤੁਹਾਡਾ HTML ਇਸਦਾ ਜ਼ਿਕਰ ਨਾ ਕਰੇ। ਜੇ ਫਾਈਲ ਮੌਜੂਦ ਨਹੀਂ ਹੈ, ਤਾਂ ਕਈ ਗੱਲਾਂ ਵਾਪਰਦੀਆਂ ਹਨ:

  • ਆਮ ਆਈਕਨ: ਵਿਜ਼ਟਰਾਂ ਨੂੰ ਟੈਬ ਅਤੇ ਬੁੱਕਮਾਰਕਾਂ ਵਿੱਚ ਡਿਫਾਲਟ ਗਲੋਬ, ਦਸਤਾਵੇਜ਼ ਜਾਂ ਖਾਲੀ ਆਈਕਨ ਦਿਸਦਾ ਹੈ, ਜੋ ਗੁੰਮਨਾਮ ਲੱਗਦਾ ਹੈ।
  • ਤੁਹਾਡੇ ਲੌਗਾਂ ਵਿੱਚ 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> ਟੈਗ ਆਪਣੇ ਹੋਮ ਪੰਨੇ ਦੇ head ਵਿੱਚ ਰੱਖੋ।
  • ਪ੍ਰਤੀਨਿਧ ਅਤੇ ਢੁਕਵਾਂ: ਆਈਕਨ ਤੁਹਾਡੇ ਬ੍ਰਾਂਡ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਅਤੇ 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. HTML ਜੋੜੋ ਹਰ ਪੰਨੇ ਦੇ <head> ਵਿੱਚ, ਜਾਂ ਆਪਣੇ ਸਾਂਝੇ ਲੇਆਉਟ ਜਾਂ ਟੈਮਪਲੇਟ ਵਿੱਚ।
  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 ਚੈਕਰ ਇਹਨਾਂ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਜਲਦੀ ਲੱਭਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ

ਫੈਵੀਕਾਨ ਦਾ ਕੀ ਮਤਲਬ ਹੈ?

ਫੈਵੀਕਾਨ “favorite icon” ਦਾ ਛੋਟਾ ਰੂਪ ਹੈ। ਇਹ ਨਾਮ Internet Explorer 5 ਤੋਂ ਆਇਆ, ਜਿਸਨੇ 1999 ਵਿੱਚ ਪਹਿਲੀ ਵਾਰ ਬ੍ਰਾਊਜ਼ਰ ਦੀ Favorites ਸੂਚੀ ਦੀਆਂ ਐਂਟਰੀਆਂ ਨੂੰ ਸਜਾਉਣ ਲਈ ਛੋਟੀ ਆਈਕਨ ਫਾਈਲ ਵਰਤੀ। ਇਹ ਸ਼ਬਦ ਚੱਲਦਾ ਰਿਹਾ ਭਾਵੇਂ ਆਈਕਨ ਹੁਣ ਹੋਰ ਕਈ ਥਾਵਾਂ 'ਤੇ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।

ਕੀ ਫੈਵੀਕਾਨ SEO ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ?

ਫੈਵੀਕਾਨ ਕੋਈ ਸਿੱਧਾ ਰੈਂਕਿੰਗ ਕਾਰਕ ਨਹੀਂ ਹੈ। ਫਿਰ ਵੀ, ਇਹ ਮੋਬਾਈਲ ਅਤੇ ਡੈਸਕਟੌਪ 'ਤੇ Google ਨਤੀਜਿਆਂ ਵਿੱਚ ਤੁਹਾਡੀ ਸਾਈਟ ਦੇ ਨਾਮ ਦੇ ਕੋਲ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਇਸ ਲਈ ਇਹ ਬ੍ਰਾਂਡ ਦੀ ਪਛਾਣ ਅਤੇ ਤੁਹਾਡੀ ਸੂਚੀ ਦੀ ਵਿਜ਼ੂਅਲ ਖਿੱਚ ਨੂੰ ਸੁਧਾਰ ਸਕਦਾ ਹੈ, ਜੋ ਅਸਿੱਧੇ ਤੌਰ 'ਤੇ ਕਲਿੱਕਾਂ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ। Google ਦੇ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰਨਾ ਹੀ ਆਈਕਨ ਨੂੰ ਦਿਖਾਏ ਜਾਣ ਦੇ ਯੋਗ ਬਣਾਉਂਦਾ ਹੈ।

ਫੈਵੀਕਾਨ ਦਾ ਆਕਾਰ ਕਿੰਨਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ?

Google Search ਲਈ, 48 ਪਿਕਸਲ ਦੇ ਗੁਣਜ ਵਾਲਾ ਵਰਗਾਕਾਰ ਚਿੱਤਰ ਵਰਤੋ, ਜਿਵੇਂ 48x48 ਜਾਂ 96x96। ਵਿਆਪਕ ਕਵਰੇਜ ਲਈ, 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 ਜਨਰੇਟਰ।

ਜਨਰੇਟਰ ਖੋਲ੍ਹੋ