foto naast de sitenaam

[Noord2011]

Geachte helpers,

Ik zie bij de meeste website een kleine foto (linkerkant) naast de sitenaam in Google venster.

Bij mij zie ik een wit vierkantje.

Hoe kan ik zelf een foto hier toevoegen, en of wat zal de foto afmetingen moeten zijn.

Mvg

 

[mardijk]

Dit is een zogenaamd Favicon. Als je deze in de root van je site set met de naam favicon.ico wordt hij als het goed is automatisch weergegeven.

 

[Venga]

Als 'ie niet automatisch wordt weergegeven, dan zet je in de head-tags:

Voor .ico (meest ondersteund):

<link rel="shortcut icon" href="mijnfavicon.ico" />

Voor .png (iets minder ondersteund, wel moderner):

<link rel="icon" type="image/png" href="mijnfavicon.png" />

Formaat is 1 : 1, dus meestal 32 x 32 of 64 x 64.

 

[bron]

Als je het compleet wilt maken:

<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="60x60" href="/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="/touch-icon-ipad.png"> 
<link rel="apple-touch-icon" sizes="120x120" href="/touch-icon-iphone-retina.png"> 
<link rel="apple-touch-icon" sizes="152x152" href="/touch-icon-ipad-retina.png">

Alle icons staan in de root van de website. Het sizes argument is de grootte van de afbeelding.

Suc6. Have fun.

 

[Noord2011]

Veel geprobeerd, maar met onderstaande link is het gelukt.

http://www.wpbeginner.com/wp-tutorials/how-to-add-a-favicon-to-your-wordpress-blog/

Bedankt

Opgelost

 

[bron]

<link rel="icon" href="http://www.wpbeginner.com/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.wpbeginner.com/favicon.png" type="image/x-icon" />

Is dit cross-browser, cross-device, cross-platform?
Bijvoorbeeld Apple adviseert dit en als je zoekt op een favicon generator dan krijg je helemaal een (te) grote lijst.