Varför min favorit för bloggare som inte visas på Google Chrome utan bara internt utforskare?
Det finns flera skäl till varför din bloggare Favicon kanske inte dyker upp på Google Chrome men gör på Internet Explorer. Här är en uppdelning av de vanligaste orsakerna och hur man felsöker dem:
1. Cache -problem:
* webbläsarcache: Chrome cache caches favicons. Detta är den mest troliga skyldigheten. Även om du har uppdaterat Favicon -filen kan Chrome fortfarande visa den gamla.
* Lösning:
* hård uppdatering: Tryck på `Ctrl + Shift + R` (Windows) eller` CMD + Shift + R` (MAC) på din bloggsbloggsida i Chrome. Detta tvingar en fullständig uppdatering som ignorerar cachen.
* Clear Browser Cache:
* Gå till Chromes meny (tre prickar i det övre högra hörnet).
* Rekommenderat format: Det bästa formatet är i allmänhet `.ico '. Medan Chrome ibland kan visa ".png` eller" .gif "-filer, är" .ico "den mest pålitliga och universellt stödda.
* Storleksfrågor: Medan du * kan * ha flera storlekar inbäddade i en ".ico" -fil, börja med en grundläggande 16x16 pixel favorit. Andra vanliga storlekar som du kan inkludera är 32x32, 48x48 och 64x64. Vissa enheter kan använda större storlekar för bokmärken eller andra UI -element.
* Lösning:
* Konvertera din bild till `.ico`: Använd en gratis Favicon -generator online (sök efter "Favicon Generator"). Se till att det kan skapa ".ico" -filer.
* Verifiera dimensioner: Använd en bildredigerare (som Photoshop, GIMP eller till och med färg) för att säkerställa att din bild är rätt storlek (16x16 eller andra multiplar).
3. Felaktig kod eller placering i Blogger:
* Felaktig tagg: Den rätta HTML -taggen som ska användas för en favorit är:
`` `html
`` `
* Byt ut `your_favicon_url` med den fulla webbadressen till din favoritfil (t.ex.` https:// www.example.com/favicon.ico`).
* Viktigt: Inklusive * båda * `rel =" -ikonen "` och `rel =" genvägsikon "` ökar kompatibiliteten över webbläsare. `Type =" image/x-icon "` är korrekt för ".ico" -filer.
* fel plats i tema: Favicon -taggen ska placeras inom "
`-avsnittet i din bloggmall.
* Lösning:
* Redigera ditt bloggtema:
1. Gå till "tema i din blogger instrumentbräda."
2. Klicka på de tre prickarna bredvid "Anpassa" och välj "Redigera HTML."
3. Hitta `
`tag. (Använd `ctrl + f` eller` cmd + f` för att söka efter det).
4. Klistra in kodavsnittet * omedelbart efter * `
`tagg eller inom` `sektion.
5. Ersätt `your_favicon_url` med * korrekta * url till din favorit. Var helt säker på att webbadressen är korrekt och filen finns på den platsen.
6. Spara ditt tema.
* Blogger Favicon Ställa in konflikt: Blogger har en inbyggd favicon-miljö. Ibland konflikter med anpassad kod.
* Lösning:
* Ta bort blogginställningen: Gå till "Inställningar" -> "Favicon" och ta bort alla bilder som för närvarande är ställda där. Detta kommer att tvinga din kod att ha företräde.
4. Serverproblem (mindre troligt):
* Fel mimtyp: I sällsynta fall kan webbservern som är värd för din favorit att tjäna den med fel mimtyp. Detta är mer troligt om du är värd för Favicon utanför Blogger (t.ex. på ett separat värdkonto).
* Lösning: Kontrollera din serverkonfiguration för att säkerställa att MIME-typen för ".ico" -filer är inställd på `Image/X-Icon '. Om du använder ett innehållsleveransnätverk (CDN), kontrollera också konfigurationen. Om du bara är värd för Bloggers servrar är det osannolikt att det är problemet.
5. URL -problem:
* Felaktig URL: Dubbelkontrollera webbadressen i din ` `tag. Är det skiftkänsligt? Inkluderar det "www" om din blogg vanligtvis använder "www"? Finns det några skrivfel?
* Hosting Plats: Se till att Favicon faktiskt finns vid URL:n du anger. Om du laddade upp den till Blogger, använder URL -bloggaren dig. Om du laddade upp den till en annan värdleverantör, använd den url.
* https -problem: Om din webbplats använder HTTPS (rekommenderas), se till att Favicon URL också använder HTTPS. Att blanda HTTP och HTTPS kan orsaka problem, särskilt med säkerhet.
Felsökningssteg (i ordning):
1. hård uppdatering (Ctrl+skift+r eller cmd+skift+r): Prova detta *först *. Det är den enklaste fixen.
2. Clear Browser Cache: Clear Chrome's Cache.
3. Kontrollera elementet i Chrome DevTools:
* Högerklicka på din bloggsida i Chrome och välj "Kontrollera" eller "Kontrollera elementet."
* Gå till fliken "Elements".
* Hitta `
`sektion.
* Leta efter din ` `tag.
* svävar över attributet `href ': Ser URL:n korrekt ut?
* Kontrollera fliken "Network": Ladda om sidan (F5). Filtret med "IMG." På fliken "Network". Ser du att din Favicon listas? Finns det en felkod (som 404 inte hittades)? Om du ser en 404 är Favicon -filen inte på den angivna URL. Om du ser ett annat fel kan det indikera ett serverproblem.
4. Kontrollera Favicon URL: Klistra in webbadressen till din favorit direkt i din kromadressfält. Visas Favicon -bilden? Om inte är URL:n fel eller filen är inte tillgänglig.
5. Verifiera favoritkod och placering: Kontrollera försiktigt HTML -koden och placeringen i ditt bloggtema.
6. Prova en annan webbläsare: Visar Favicon i Firefox eller Edge? Om det dyker upp i andra webbläsare är problemet definitivt med Chromes cache eller konfiguration.
7. Ladda upp Favicon: Radera den befintliga favoritfilen och ladda upp en ny. Använd ett nytt namn för filen (t.ex. "Favicon2.ico") för att undvika cache -problem. Uppdatera URL:n i din kod i enlighet därmed.
8. Inaktivera webbläsarens tillägg: Vissa webbläsarförlängningar kan störa Favicon Display. Försök inaktivera dina tillägg en efter en för att se om det löser problemet.
9. Starta om Chrome: En enkel omstart kan ibland rensa konstiga frågor.
10. Kontrollera med Chrome i Incognito -läge: Incognito -läge inaktiverar tillägg och använder en ren cache. Om Favicon dyker upp i inkognito -läge, är problemet troligtvis en förlängning eller cachad data i din vanliga kromprofil.
Genom att systematiskt arbeta igenom dessa steg bör du kunna identifiera och lösa orsaken till att din bloggfavicon inte visas i Chrome.
