WordPress favicon: hoe voegt u een favicon toe aan WordPress?

WordPress favicon. Heeft u zich altijd afgevraagd, waarom sommige website een klein icoon tonen in de webbrowser? Tijd om te ontdekken waarom dat is. Het lijkt wellicht niet zo belangrijk. Toch is een favicon een basisvereiste voor uw WordPress website. WordPress favicon: hoe voegt u een favicon toe aan WordPress?

WordPress favicon:

Hoe voegt u een favicon toe aan WordPress?


WordPress favicon

Wat is een favicon?

Favicon

Een favicon (“favoriete icoon”), is een klein icoon. Web browsers tonen het naast een webpagina's titel op een browser tabblad of links naast de URL in de adresbalk. Favicons zijn ontworpen om favoriete bladwijzers in de webbrowser transparanter te makenMet dit icoon kunt u uw favoriete web pagina "book marken". Het bestand heet “favicon.ico”. En wordt geplaatst in de hoofdmap van uw website.

Bijv. http: //subdomein.domeinnaam.extensie/favicon.ico


Waarom is een favicon belangrijk?

Op het eerste gezicht, lijkt de waarde van een favicon verwaarloosbaar. Maar de favoriete icoon is veel belangrijker, dan u in eerste instantie denkt. Bladwijzers, webbrowser balkjes, open windows, zoekmachines en browsergeschiedenis. Dit zijn enkele dingen, waarvoor een favicon handig is.

Het kleine icoon is ook belangrijk voor SEO. Niet alle zoekmachines tonen het pagina icoon in de zoekresultaten van de zoekmachine. Maar het wordt wel vaak gebruikt om de online zichtbaarheid van websites te verhogen.

google

Zo maakt zoekgigant Google er geen gebruik van. Maar dit betekent niet dat is geen legitieme reden om geen gebruik te maken van een favicon. Het Internet is meer dan alleen Google. Populaire, nieuwe zoekmachine´s, zoals DuckDuckgo.com, weten dat. Deze anonieme zoekmachine, geeft favicons weer in de zoekresultaten.

Wilt u het onderstaande bereiken?:

  • Web transparantie: maak uw WordPress website meer transparant.
  • Web Identificatie: maak uw WordPress website gemakkelijk identificeerbaar.
  • Web Zichtbaarheid: maak uw WordPress website online beter zichtbaar.
Voeg dan een favicon toe aan uw WordPress website.

Hoe creëer ik een favicon?

U kunt een favicon op twee manieren creëren:

  1. Met een grafische editor
  2. Met een online favicon generator

1. Met een grafische editor

  • Logo: Gebruik uw website logo om een favicon te maken.
  • Grafische editor: Gebruik een standaard grafische editor, zoals GIMP of Photoshop om een favicon te maken.
  • Kleuren: Selecteer 8-bits of 24-bits kleur.
  • Favicon Grootte: Gebruik 16x16 pixels of 32x32 pixels als het formaat van de favicon afbeelding.
  • Opslaan als: Sla de foto op als .PNG, .GIF of.ICO (W3C standard, 2017).

2. Met een online favicon generator

In plaats van zelf het favicon te maken, kunt u ook online favicon generators gebruiken. Ze zetten een geüploade afbeelding om in een miniatuur pictogram in het juiste formaat en formaat.

  • Logo: Uw logo is uw bedrijfsidentiteit. Gebruik dit als favicon.
  • Favicon Generators: Gebruik een van de favicon generators, zoals:

  • favicon-generator.org
    favicomatic.com
    realfavicongenerator.net

    FaviconGenerator

  • Favicon Grootte: Gebruik 16x16 pixels (standaard) voor het bureaublad. Sommige favicon generatoren produceren verschillende maten, compatibel met mobiele apparaten en applicaties.
  • Opslaan als: Bewaar de afbeelding naar .PNG of JPEG-logo.
  • Vul favicon.png in als de bestandsnaam
  • Klik op Opslaan
  • Ga naar Zoeken
  • Zoek het bestand en geef het de naam “favicon.ico”.
  • Bevestig dat u de bestand uitbreiding wilt wijzigen.
  • Klik op "Gebruik .ico" om door te gaan.

TIP: Als het logo niet beschikbaar is, kunt u uw eigen icoon maken. Selecteer tekst en kleur. Binnen een moment hebt u uw gebruiksklare pictogram gegenereerd.

Favicon Browser geschiktheid

Nu u de favicon gemaakt heeft, is het tijd het favicon bestand te uploaden naar de server van uw website. Houd er rekening mee dat "niet alle web browsers compatibel zijn om een favicon te delen". Oudere browsers, zoals Internet Explorer, hebben een link naar het code pictogram nodig:

  • Ga in de WordPress administratie naar "Vertoning" - "Editor".
  • Selecteer in de rechterkolom “header.php”.
  • Zoek de regel code die begint met:
  • < link rel = "shortcut icon" and ending /favicon.ico "/ >
  • Vervang met:
  • < link rel = "shortcut icon" href = " / Favicon.ico" / >
  • Kunt u dit niet vinden? Zet deze code onder de koptekst "< head >" tag .

  • Sommige WordPress templates hebben de optie een favicon te uploaden naar "Instellingen". Vanaf WordPress versie 4.3 en hoger, detecteert de favicon web browser versies van de website hoofdmap (root folder):

    • Open uw File Transfer Programma's, zoals Total Commander or Filezilla.
    • Log in met uw FTP-gegevens om toegang te krijgen tot uw web host server.
    • Upload de favicon naar de hoofdmap via de FTP-interface.

    WordPress favicon

    Hoe voegt u een favicon toe aan WordPress?

    Met een WordPress versie 4.3 of hoger kunt u de favicon toevoegen aan uw website:

    • Log in op het WordPress admin-gedeelte met uw inloggegevens.
    • Ga naar “Administratie scherm”, “Weergave” - “Aanpassen”.
    • Klik op 'website Identiteit'. Wijzig de website titel en omschrijving en controleer of u deze tekst in de koptekst wilt laten zien.
    • Klik op Afbeelding selecteren bij “Website Icoon”.
    • Upload het afbeeldingsbestand, dat u heeft voorbereid, via “Bestanden uploaden”.
    • En klik op “Selecteren”.
    TIP: Als u naar uw browsergeschiedenis kijkt, geeft het favicon u de huidige browser weer. Hetzelfde geldt voor uw favoriete bladwijzers.

    Favicon

    Gerelateerde artikelen