WordPress Favicon: So bindest du ein Favicon in deinen WordPress Blog ein!

Zuerst einmal sollte geklärt werden, was ein Favicon ist. Bei einem Favicon handelt es sich um ein winziges Bild, das je nach Browser neben dem Seitentitel oder der URL angezeigt wird. Dieses Bild ist in der Regel 32 x 32 Pixel groß und als .png oder .gif abgespeichert. Viele setzen allerdings auch auf eine 16 x 16 Pixel große Grafik im .ico Dateiformat. Dieses Dateiformat wird nämlich auch von älteren Browsern unterstützt.

Favicon Beispiel

Favicon Beispiel

Wofür braucht mein WordPress Blog ein Favicon?

Mit einem Favicon kannst du deinen Besuchern einen Wiedererkennungswert geben. Es macht deinen Blog einfach eindrucksvoller und professioneller. Es ist wie dein Logo auch sehr wichtig dabei, deine Blogbekanntheit zu steigern.

Zudem können Blogs mit einem Favicon auch bessere Rankings in Suchmaschinen bekommen. Das Favicon ist nämlich ein sehr kleiner Rankingfaktor bei Suchmaschinen und du wirst keine bekannte Website finden, die kein Favicon verwendet. Ein Favicon in deinen Blog einzubinden ist einfach eine kurze Aufgabe, die du nicht übersehen solltest.

WP-Akademie
Nutzen:
WP-Akademie Inhalt
  • Ausbildung zum Internet-Unternehmer
  • Online Private-Coaching
  • Zertifizierung und Auszeichnung
WP-Akademie Button

Wo bekomme ich ein Favicon her?

Ich persönlich finde die Website www.favicon-generator.de sehr gut auf der du selbst einen Favicon erstellen kannst. Natürlich kannst du auch irgendein Grafikprogramm verwenden um das kleine Favicon zu erstellen.

Meistens bekommst du bei einem Grafikprogramm keine .ico Datei geliefert. Möchtest du dennoch ein .ico Favicon in deinen WordPress Blog einfügen, musst du lediglich deine Grafik mit diesem Favicon Konverter umwandeln lassen.

Das Favicon in deinen Blog einfügen

Damit deine Favicon angezeigt werden kann, musst du es zuerst ins Root
Verzeichnis deiner Domain hochladen. Gib deiner Grafik die du als Favicon verwenden möchtest den Namen „favicon“. Genau so hab ich das bei How-to-Wordpress auch gemacht und kann mein Favicon nun unter dieser URL aufrufen:

http://how-to-wordpress.de/favicon.ico

Damit dein Favicon auf jeder Seite deines Blogs angezeigt wird, musst du nachfolgenden Code ganz am Anfang in die header.php deines Blogs schreiben. Die header.php findest du im Admin Bereich deines WordPress Blogs unter:

Wordpress Editor

Design –> Editor

Dann auf der rechten Seite einfach auf header.php klicken:

Wordpress Header

WordPress Header

Das ist der Code dafür, wenn du einen .ico Favicon in deinen Blog einfügen möchtest:

Achte dabei drauf, dass die Größe deines Favicons genau 16 x 16 Pixel betragen muss.

Diesen Code verwendest du, wenn dein Favicon das Dateiformat .png besitzt:

Die Größe dieses Favicons muss genau 32 x 32 Pixel betragen.

Diesen Code zum Einbinden eines .gif Favicons:

Die Größe für ein Gif Favicon muss genau 32 x 32 Pixel betragen.

Conversion-Plugins: Flytools
Flytools
Vorteile:
Flytools Vorteile
  • Ideal um Webinar- oder Mitglieds-seiten zu erstellen
  • Conversionstarke Buttons schnell & einfach erstellen

Plugin zum Favicon einbinden

Wenn du dir das wirklich nicht zutrauen solltest, kannst du auch das All in One Favicon Plugin verwenden. Du solltest aber immer bedenken, dass du in WordPress so wenig Plugins wie möglich verwenden solltest. Plugins verlangsamen nämlich deinen Ladezeit.

In sehr seltenen Fällen kann es auch vorkommen, dass Plugins nicht fehlerfrei miteinander zusammenarbeiten können. Wenn du das Einfügen des Favicons also ohne Plugin hinkriegst, dann mach es ohne das Plugin.

Bewerte diesen Artikel
1 Stern2 Sterne3 Sterne4 Sterne5 Sterne


Bis jetzt keine Bewertung
Loading...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

How-to-WordPress.de unterstützt dofollow und ist somit nofollow frei.