TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan legge til Favicon i WordPress -nettsted?

1

Favicon er en kort form for favorittikon. Microsoft introduserte den for første gang ved bruk av Internet Explorer 5 i løpet av mars 1999. Senere standardiserte World Wide Web Consortium (W3C) bruken av favicon i HTML 4.01 -anbefalinger. Favicon refereres også til med mange andre navn som nettstedikon, URL -ikon, bokmerkeikon, faneikon eller snarveisikon. Favicon ble populært siden søkemotorer noen ganger viser dem på søkeresultatsider. Hvis du bruker WordPress, er det enkelt å legge til favicon på nettstedet ditt, og vi vil forklare prosessen i denne artikkelen.

Relatert: Hvordan legge til favicon på et gratis Weebly -nettsted?

Hvorfor bør du bruke Favicon?

Avhengig av nettleseren kan du se favicon på et annet sted. Generelt viser Chrome og mange andre nettlesere ikonet i fanen sammen med sidetittel.

Se Favicon på nettleserfanen

På Mac kan du aktivere eller deaktivere favikonvisning i Safari -nettleseren. På samme måte kan du se favorittikonet når du bytter side i mobile nettlesere. Favicons brukes til å øke merkevarenes synlighet for et nettsted slik det vises i nettleserne. Ulike nettlesere viser favikon på forskjellige steder:

  • Vis på nettleserfanen
  • Vises som bokmerkeikoner og i leseliste
  • Vises i adresselinjen i noen nettlesere
  • Festet ikon når du fester fanen
  • Appikon når du legger til snarvei fra nettleser til skrivebord eller startskjerm på mobil

I tillegg til bruken i nettleseren, er det få andre synlighetsfaktorer. Søkemotorer som Yandex viser favikonet i søkeresultatene som vist nedenfor:

Hvordan legge til Favicon i WordPress -nettsted?

Yandex søkeresultater

Google viser ikonet en stund, og en tid ikke. Favicon kan imidlertid også brukes som et skrivebord eller et berøringsikon. Dette vil fungere som et appikon på smarttelefoner og nettbrett når du legger til snarveien til nettsiden.

Oppsummert bruker selskaper favicon på samme måte som merkevarelogoen slik at brukerne enkelt kan huske det.

Generell bruk av Favicon

Favikonet er vanligvis en bildeikonfil med .ico -forlengelse. Du må laste opp bildet i rotkatalogen på nettstedet ditt. Deretter kobles favicon -bildet til nettstedet ved hjelp av følgende metakode i overskriftsseksjonen:

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

Størrelsen på favikonet som brukes er 16 x 16 piksler.

Hvordan legge til Favicon i WordPress -nettsted?

Det var et problem å legge til favicon til WordPress versjon 4.2. For å gjøre ting enkelt, ble favicon lagt til som en kjernefunksjonalitet fra versjon 4.3. "Site Icon" -modulen fra Jetpack -plugin ble lagt til i WordPress customizer som en standardfunksjon. Og du trenger bare et bilde uten annet behov for metatag eller plugin.

Bildekrav

WordPress -nettstedikon trenger to enkle krav:

  • Bildet skal være en firkant i størrelse.
  • Minimumsstørrelse bør være 512 x 512 piksler.

Du trenger ikke å bruke .ico -bilde, bare lag et .png-, .jpg- eller .gif -kvadratbilde på 512px som du kan bruke som ditt favorittikon på WordPress -nettstedet. Det samme ikonet vil bli brukt som et appikon på alle mobile enheter. Forbered et bilde med mindre størrelse med tydelig synlighet ved hjelp av programvare som Photoshop eller Snagit. Husk at favikonbildet endres til 16 x 16 piksler på nettleserfanen. Forbered derfor bildet med mørk farge for å øke synligheten. Du kan også prøve våre gratis favicon -generatorverktøy for å generere ikonbildefilen for nettstedet ditt.

Last opp bilde til nettstedet

Logg deg på administrasjonspanelet og naviger til "Utseende> Tilpasning" -menyen. Klikk på alternativet "Nettstedidentitet" som vist på bildet nedenfor.

Hvordan legge til Favicon i WordPress -nettsted?

Alternativ for nettstedidentitet i WordPress Customizer

Klikk på "Velg bilde" og last opp favikonbildet ditt.

Hvordan legge til Favicon i WordPress -nettsted?

Legger til nettstedikon i WordPress -nettsted

Hvis du laster opp større enn 512px bildestørrelse, åpner WordPress automatisk beskjæringsbildeskjermen. Flytt beskjæringsområdet for å se umiddelbar forhåndsvisning av favorittikonet ditt i nettleseren og som et appikon på panelet til venstre.

Beskjær bildealternativ for Favicon

Når bildet er lastet opp, klikker du på "Publiser" -knappen.

Hvordan legge til Favicon i WordPress -nettsted?

Publiser nettsted med Favicon

Det er det!!! Du er ferdig. Ingen behov for innsetting eller plugin av metakoder. Sjekk nettstedet ditt i nettleseren for å se at favikonet er effektivt umiddelbart. Du må kanskje tømme nettleserhistorikken for å slette de bufrede sidene og laste siden på nytt. Når som helst kan du fjerne eller endre favorittikonet på nettstedet ditt.

Hyppige problemer med Favicon

Selv om det er enkelt å laste opp favicon i WordPress, møter brukerne noen vanlige problemer.

  • Google / annen søkemotor viser ikke favorittikonet i søkeresultater – dette skjer vanligvis på grunn av størrelsen på ikonet ditt. Selv om WordPress trenger 512 piksler, er den anbefalte størrelsen på favicon 16 × 16, 32 × 32 eller 48 × 48 piksler. Den større bildestørrelsen kan skape problemer, siden den ikke er en anbefalt størrelse. Det bør imidlertid fungere for WordPress -nettsteder slik du kan se det i nettleseren for dette nettstedet. Hvis du har problemer, fjern nettstedikonet i tilpasser og last det opp igjen. Tøm også hurtigbufferen hvis du bruker hurtigbuffer -plugin og bufferen på serversiden hvis tilgjengelig. Vent noen dager slik at Google kan gjennomsøke sidene igjen og vise ikonet på riktig måte. Så lenge du ser ikonet i nettleseren, bør du ikke bekymre deg for om Google vises i søkeresultatet eller ikke.
  • Uklart ikon i nettleseren – dette skjer når du prøver å endre størrelsen på et større bilde til en mindre størrelse eller omvendt. Vi anbefaler å lage nøyaktig den nødvendige størrelsen og laste opp filen.
  • Favicon ikke synlig i nettleseren – i dette tilfellet må du kontrollere at du har lastet opp bildet riktig og kontrollere at du kan åpne bildefilen i nettleseren.

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon