Què és un Favicon i per a què serveix
octubre 5, 2020
Cada vegada que realitzo una conferència o un curs, terra mirar-me les pàgines web dels assistents. Per això, l'organització de l'esdeveniment m'envia un llistat amb els URL i les vaig obrint en un mateix navegador però en diferents pestanyes. Per desgràcia, quan tinc les pàgines obertes i puc veure els faviconos de tot el món, observo que una bona part d'ells són els faviconos dels CMS utilitzats per construir les seves pàgines web (normalment el de Joomla o el de WordPress), no un favicon corporatiu, que és el que hauria de ser.
Així que aquí va aquest breu article explicant què és un favicon i per a què serveix, A veure si d'aquesta manera, si que la gent li atorgui la importància que es mereix.
octubre 5, 2020
1 favicon és una petita icona (normalment de 16×16 píxels o de 32×32 px) que s'utilitza per identificar un lloc web a les pestanyes d'un navegador, en un llistat de favorits, oa qualsevol altra part que requereixi una identificació petita. De fet, favicon significa “icona de favorits”. És l'element creat per identificar la nostra pàgina web quan algú la inclou a un llistat de favorits.
En aquest bloc que estàs llegint, el favicon és una "MP" amb fons fúcsia que pots veure al costat de l'URL oa la pestanya de la pàgina teu navegador.
Per a què serveix un favicon en una pàgina web
És un símbol que transmet imatge corporativa, així que serveix per a:
- Transmetre la nostra imatge de marca quan algú navega per la nostra pàgina web i fixa la seva mirada a la zona de la URL del navegador.
- Perquè la nostra pàgina sigui fàcilment identificable quan algú té obertes diverses pestanyes al seu navegador.
- Perquè la nostra pàgina sigui fàcilment identificable quan algú la guarda en els seus favorits.
Com podem crear un favicon per a la nostra pàgina web
Hi ha molts programes que t'ajudaran a crear-lo. Aquest és el que jo faig servir per crear-los: creador de les favicones.
El meu consell és que creus la teva favicon en 32×32 píxels i que sigui semblant al teu logotip. Pots crear-los a partir d'imatges... potser això et pot ajudar, però píxel a píxel també és fàcil de crear. Un altre consell: abans de dissenyar el teu, mira faviconos d'altres empreses en Google Imatges, Això pot ajudar-te a inspirar-te per el teu i a assegurar-te que sense voler, no utilitzis algun favicon que ja ha estat creat per algú més.
Quan ja ho tinguis creat, has de guardar utilitzant el nom favicon.ico i pujar-ho per FTP al directori arrel de la teva pàgina web.
En WordPress:
Alguns gestors de contingut com WordPress disposen d'una secció al panell d'administració perquè indiquis la URL exacta del favicon… encara que funciona igualment si allà no indiques res però disposes de favicon al teu directori arrel.
També algunes plantilles de WordPress porten ja una zona en la qual indiques la URL de la imatge de la teva favicon i ja està.
A Shopify:
Shopify també contempla que puguis gestionar fàcilment el teu favicon: ves a Theme settings -> Favicon y selecciona tu logo o sube el favicon que te guste más.
Un blogger:
Ídem que a la resta de gestors de contingut. Busca a l'administració del tema i allà hauries de trobar com canviar el que porta per defecte i incloure el teu.
Què és un favicon en HTML
Perquè el teu favicon es vegi el més aviat possible, pots donar a conèixer la seva existència a través del codi font de la pàgina web, utilitzant en els metatags la següent línia de codi:
<Link type = "image / x-icon" href = "favicon.ico" rel = "icona d'accés directe" />
Encara que de nou, si no utilitzes la línia de codi, el navegador ho veurà per si sol en algun moment. A Firefox i Chrome es veu gairebé al moment, en Explorer triga una mica més.
Això és tot.
Que vagi tot bé ... (i quan tinguis un moment, assegura't que la teva pàgina web disposa del seu propi favicon ;-)
Espero que aquest article t'hagi estat d'utilitat.
Ens parlem.
