TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka lisätä Favicon WordPress -sivustoon?

1

Favicon on suosikkikuvakkeen lyhyt muoto. Microsoft otti sen ensimmäisen kerran käyttöön Internet Explorer 5: n avulla maaliskuussa 1999. Myöhemmin World Wide Web Consortium (W3C) standardoi faviconin käytön HTML 4.01 -suosituksissa. Faviconia kutsutaan myös monilla muilla nimillä, kuten sivuston kuvake, URL -kuvake, kirjanmerkkikuvake, välilehtikuvake tai pikakuvake. Faviconista tuli suosittu, koska jonkin aikaa hakukoneet näyttävät ne hakutulossivuilla. Jos käytät WordPressiä, faviconin lisääminen verkkosivustoosi on helppoa ja selitämme prosessin tässä artikkelissa.

Aiheeseen liittyviä: Kuinka lisätä favicon ilmaiseen Weebly -sivustoon?

Miksi sinun pitäisi käyttää Faviconia?

Selaimesta riippuen voit nähdä faviconin eri paikassa. Yleensä Chrome ja monet muut selaimet näyttävät kuvakkeen välilehdessä sivun otsikon kanssa.

Näytä Favicon selaimen välilehdellä

Macissa voit ottaa käyttöön tai poistaa käytöstä faviconin näyttämisen Safari -selaimessa. Samoin voit nähdä suosikkikuvan, kun vaihdat sivuja mobiiliselaimissa. Faviconeja käytetään lisäämään verkkosivuston brändinäkyvyyttä, kuten selaimissa näkyy. Eri selaimet näyttävät faviconin eri paikoissa:

  • Näytä selain -välilehdellä
  • Näkyy kirjanmerkkikuvakkeina ja lukulistalla
  • Näkyy osoiterivillä joissakin selaimissa
  • Kiinnitetty kuvake, kun kiinnität välilehden
  • Sovelluskuvake, kun lisäät pikakuvakkeen selaimesta työpöydälle tai mobiililaitteen aloitusnäyttöön

Selaimen käyttötapojen lisäksi on muutamia muita näkyvyystekijöitä. Yandexin kaltaiset hakukoneet näyttävät faviconin hakutuloksissa alla esitetyllä tavalla:

Kuinka lisätä Favicon WordPress -sivustoon?

Yandex -hakutulokset

Google näyttää jonkin aikaa kuvaketta ja joskus ei. Faviconia voidaan kuitenkin käyttää myös työpöydän tai omenan kosketuskuvakkeena. Tämä toimii sovelluskuvakkeena älypuhelimissa ja tableteissa, kun lisäät verkkosivun pikakuvakkeen.

Yhteenvetona voidaan todeta, että yritykset käyttävät faviconia, joka on sama kuin heidän brändilogonsa, jotta käyttäjät voivat helposti muistaa.

Faviconin yleinen käyttö

Favicon on yleensä kuvaketiedosto, jonka tiedostopääte on .ico. Sinun on ladattava kuva sivustosi juurihakemistoon. Sitten favicon -kuva linkitetään sivustoon käyttämällä otsikko -osion seuraavaa sisällönkuvauskenttää:

<link rel="shortcut icon" href="http://example.com/favicon.ico" />

Käytetyn faviconin koko on 16 x 16 pikseliä.

Kuinka lisätä Favicon WordPress -sivustoon?

Faviconin lisääminen WordPress -versioon 4.2 saakka oli vaikeaa. Asioiden yksinkertaistamiseksi faviconin lisääminen tehtiin ydintoiminnoksi versiosta 4.3 alkaen. Jetpack -laajennuksen "Sivuston kuvake" -moduuli lisättiin oletustoiminnoksi WordPress -mukauttajaan. Tarvitset vain kuvan ilman muuta sisällönkuvauskentän tai laajennuksen tarvetta.

Kuvavaatimukset

WordPress -sivuston kuvake tarvitsee kaksi yksinkertaista vaatimusta:

  • Kuvan tulee olla neliön kokoinen.
  • Minimikoko on 512 x 512 pikseliä.

Sinun ei tarvitse käyttää .ico -kuvaa, vaan yksinkertaisesti valmistaa .png-, .jpg- tai .gif -neliön muotoinen kuva, jonka koko on 512 pikseliä ja jota haluat käyttää suosikkikuvana WordPress -sivustossasi. Samaa kuvaketta käytetään sovelluskuvakkeena kaikissa mobiililaitteissa. Valmista kuva pienemmällä koolla ja näkyvästi käyttämällä ohjelmistoja, kuten Photoshop tai Snagit. Muista, että favicon -kuvan koko muutetaan selaimen välilehdessä kokoon 16 x 16 px. Valmista kuva siten tummalla värillä näkyvyyden lisäämiseksi. Voit myös kokeilla ilmaisia ​​favicon -generaattorityökalujamme kuvakkeen kuvatiedoston luomiseksi sivustollesi.

Kuvan lataaminen sivustolle

Kirjaudu sisään hallintapaneeliin ja siirry "Ulkoasu> Mukauta" -valikkoon. Napsauta "Sivuston identiteetti" -vaihtoehtoa alla olevan kuvan mukaisesti.

Kuinka lisätä Favicon WordPress -sivustoon?

Sivuston identiteetti -vaihtoehto WordPress Customizerissa

Napsauta "Valitse kuva” ja lataa suosikkikuvasi.

Kuinka lisätä Favicon WordPress -sivustoon?

Sivuston kuvakkeen lisääminen WordPress -sivustoon

Jos lataat yli 512 pikselin kuvakoon, WordPress avaa automaattisesti rajausnäytön. Siirrä rajausaluetta nähdäksesi faviconin pikakatselun selaimessa ja sovelluskuvakkeena vasemmassa paneelissa.

Rajaa kuvan vaihtoehto Faviconille

Kun kuva on ladattu, napsauta "Julkaise" -painiketta.

Kuinka lisätä Favicon WordPress -sivustoon?

Julkaise sivusto Faviconilla

Se siitä!!! Olet valmis. Ei tarvita sisällönkuvauskentän lisäystä tai laajennusta. Tarkista sivustosi selaimessa nähdäksesi, että favicon toimii heti. Sinun on ehkä tyhjennettävä selainhistoria, jotta voit poistaa välimuistissa olevat sivut ja ladata sivusi uudelleen. Voit milloin tahansa poistaa tai muuttaa sivustosi suosikkikuvaketta.

Usein ongelmia Faviconin kanssa

Vaikka faviconin lataaminen WordPressiin on helppoa, käyttäjät kohtaavat usein ongelmia.

  • Google / muu hakukone ei näytä faviconia hakutuloksissa – tämä johtuu yleensä kuvakkeen koosta. Vaikka WordPress tarvitsee 512 pikseliä, suositeltu favicon -koko on 16 × 16, 32 × 32 tai 48 × 48 pikseliä. Suurempi kuvakoko voi aiheuttaa ongelmia, koska se ei ole suositeltu koko. Sen pitäisi kuitenkin toimia WordPress -sivustoissa, kuten näet sen tämän sivuston selaimessa. Jos sinulla on ongelmia, poista sivuston kuvake mukauttajasta ja lataa se uudelleen. Tyhjennä myös välimuisti, jos käytät välimuistilaajennusta ja palvelinpuolen välimuistia, jos sellainen on käytettävissä. Odota muutama päivä, jotta Google voi indeksoida sivut uudelleen ja näyttää kuvakkeen oikein. Niin kauan kuin näet kuvakkeen selaimessa, sinun ei pitäisi huolehtia siitä, näkyykö Google hakutuloksessa vai ei.
  • Epäselvä kuvake selaimessa – tämä tapahtuu, kun yrität muuttaa suuremman kuvan kokoa pienemmäksi tai päinvastoin. Suosittelemme luomaan juuri tarvittavan koon ja lataamaan tiedoston.
  • Favicon ei näy selaimessa – tässä tapauksessa varmista, että olet ladannut kuvan oikein, ja tarkista, että voit avata kuvatiedoston selaimessa.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja