TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur lägger jag till Favicon på WordPress -webbplatsen?

0

Favicon är en kort form av favoritikon. Microsoft introducerade den för första gången för att använda Internet Explorer 5 under mars 1999. Senare standardiserade World Wide Web Consortium (W3C) användningen av favicon i HTML 4.01 -rekommendationer. Favicon refereras också till med många andra namn som webbplatsikon, URL -ikon, bokmärkesikon, flikikon eller genvägsikon. Favicon blev populärt sedan en tid sökmotorer visar dem på sökresultatsidor. Om du använder WordPress är det enkelt att lägga till favicon på din webbplats och vi kommer att förklara processen i den här artikeln.

Relaterat: Hur lägger jag till favicon på en gratis Weebly -webbplats?

Varför ska du använda Favicon?

Beroende på webbläsaren kan du se favicon på olika platser. I allmänhet visar Chrome och många andra webbläsare ikonen på fliken tillsammans med sidtitel.

Visa Favicon på fliken Webbläsare

På Mac kan du aktivera eller inaktivera favikonvisning i webbläsaren Safari. På samma sätt kan du se favicon när du byter sida i mobila webbläsare. Favicons används för att öka varumärkets synlighet för en webbplats som den visas i webbläsarna. Olika webbläsare visar favikon på olika platser:

  • Visa på webbläsarfliken
  • Visas som bokmärkesikoner och i läslistan
  • Visas i adressfältet i vissa webbläsare
  • Fäst ikon när du fäster fliken
  • Appikon när du lägger till genväg från webbläsare till skrivbordet eller startskärmen på mobilen

Förutom användningen i webbläsaren finns det få andra synlighetsfaktorer. Sökmotorer som Yandex visar favikonet i sökresultaten enligt nedan:

Hur lägger jag till Favicon på WordPress -webbplatsen?

Yandex sökresultat

Google visar en gång ikonen och någon gång inte. Men favicon kan också användas som en skrivbords- eller apple touch -ikon. Detta fungerar som en appikon på smartphones och surfplattor när du lägger till genvägen till webbsidan.

Sammanfattningsvis använder företagen samma favicon som deras varumärkeslogotyp så att användarna enkelt kan komma ihåg.

Allmän användning av Favicon

Favicon är i allmänhet en bildikonfil med .ico -tillägg. Du måste ladda upp bilden i rotkatalogen på din webbplats. Sedan länkas favicon -bilden till webbplatsen med följande metatagg i rubriksektionen:

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

Storleken på favikonet som används är 16 x 16 pixlar.

Hur lägger jag till Favicon på WordPress -webbplatsen?

Det var ett krångel att lägga till favicon till WordPress version 4.2. För att göra saker och ting enkla har man lagt till favicon som en kärnfunktion från version 4.3. Modulen "Webbplatsikon" från Jetpack -plugin har lagts till i WordPress -anpassaren som en standardfunktion. Och du behöver bara en bild utan annat behov av metatagg eller plugin.

Bildkrav

WordPress -webbplatsikonen behöver två enkla krav:

  • Bilden ska vara en kvadrat i storlek.
  • Minsta storlek bör vara 512 x 512 pixlar.

Du behöver inte använda .ico -bild, förbered helt enkelt en .png-, .jpg- eller .gif -fyrkantig bild på 512px för att användas som ditt favikon på WordPress -webbplatsen. Samma ikon kommer att användas som en appikon på alla mobila enheter. Förbered en bild med mindre storlek med tydlig synlighet med hjälp av programvara som Photoshop eller Snagit. Kom ihåg att favikonbilden ändras till 16 x 16 pixlar på webbläsarfliken. Förbered därför bilden med mörk färg för att öka synligheten. Du kan också prova våra gratis favicon -generatorverktyg för att skapa ikonbildfilen för din webbplats.

Överför bild till webbplatsen

Logga in på din adminpanel och navigera till menyn "Utseende> Anpassare". Klicka på alternativet "Webbplatsidentitet" som visas på bilden nedan.

Hur lägger jag till Favicon på WordPress -webbplatsen?

Platsidentitetsalternativ i WordPress Customizer

Klicka på "Välj bild" och ladda upp din favikonbild.

Hur lägger jag till Favicon på WordPress -webbplatsen?

Lägga till webbplatsikon i WordPress -webbplats

Om du laddar upp bildstorleken större än 512 pixlar öppnar WordPress automatiskt skärmbilden. Flytta beskärningsområdet för att se omedelbar förhandsvisning av ditt favikon i webbläsaren och som en appikon på den vänstra panelen.

Beskär bildalternativ för Favicon

När bilden har laddats upp klickar du på knappen "Publicera".

Hur lägger jag till Favicon på WordPress -webbplatsen?

Publicera webbplats med Favicon

Det är allt!!! Du är färdig. Inget behov av infogning eller plugin av metatagg. Kontrollera din webbplats i webbläsaren för att se att favikonet fungerar direkt. Du kan behöva rensa webbläsarhistoriken för att radera de cachade sidorna och läsa in sidan igen. När som helst kan du ta bort eller ändra favikonet på din webbplats.

Vanliga problem med Favicon

Även om det är enkelt att ladda upp favicon i WordPress, möter användarna några vanliga problem.

  • Google / annan sökmotor visar inte favikonet i sökresultaten – detta händer vanligtvis på grund av storleken på din ikon. Även om WordPress behöver 512 pixlar, är den rekommenderade storleken på favicon 16 × 16, 32 × 32 eller 48 × 48 pixlar. Den större bildstorleken kan skapa problem eftersom det inte är en rekommenderad storlek. Det bör dock fungera för WordPress -webbplatser som du kan se det i webbläsaren för denna webbplats. Om du har problem, ta bort webbplatsikonen i anpassaren och ladda upp den igen. Rensa också cacheminnet om du använder caching -plugin och cachning på serversidan om det finns tillgängligt. Vänta några dagar så att Google kan genomsöka sidorna igen och visa ikonen ordentligt. Så länge du ser ikonen i webbläsaren ska du inte oroa dig för om Google visar i sökresultatet eller inte.
  • Oklar ikon i webbläsaren – detta händer när du försöker ändra storlek på större bild till mindre storlek eller vice versa. Vi rekommenderar att du skapar exakt den storlek som behövs och laddar upp filen.
  • Favicon syns inte i webbläsaren – i det här fallet, se till att du har laddat upp bilden ordentligt och kontrollera att du kan öppna bildfilen i webbläsaren.

Inspelningskälla: webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer