Service voor het online maken van favicons. Een universele manier om favicons te maken. Kenmerken van Yandex die met favicons werken

Favicon -(kort voor woorden "Favoriete icoon") is een klein beeldformaat 16x16 pixels, die een bezoeker van uw site zal zien. Het verschijnt naast de site-URL in de adresbalk van de browser. Bovendien wordt dit pictogram weergegeven naast de naam van uw site in de lijst met geopende tabbladen, bladwijzers en zoekresultaten, waardoor gebruikers uw site gemakkelijker tussen andere sites kunnen vinden.

Standaard als pictogrammen site wordt een browserpictogram weergegeven. Om ervoor te zorgen dat de site anders is dan de rest en niet verdwaalt in de talloze grijze tabbladen die door de gebruiker worden geopend, moet u uw eigen originele favicon maken.

Hoewel veel moderne webbrowsers favicons in GIF, PNG of andere populaire bestandsformaten ondersteunen, vereisen alle versies van Internet Explorer nog steeds favicons als bestanden ICO(Microsoft-formaat). In dit formaat begrijpt elke browser uw pictogram.

Waarom heb je een favicon nodig?

Er is een favicon nodig zodat uw site zich op de een of andere manier onderscheidt van de massa op de zoekresultatenpagina en zichtbaar is op veel geopende tabbladen in de browser. Een goed icoon is als een logo van uw site, dat herkenbaar is, een bepaalde houding creëert en een speciaal niveau van vertrouwen oproept.

Uiteraard kan een favicon de aandacht van de gebruiker trekken en zal hij de titellink naar uw artikel lezen. De titel, in combinatie met een goed fragment en een mooi pictogram, zal de klikfrequentie en daarmee het verkeer naar de bron verhogen.

Ik zou meteen willen opmerken dat voor sites met het label "GS" het pictogram zelf de indruk van de bron niet kan verbeteren. Maar het is als een vergadering over kleding. Een prachtige favicon zal zeker de eerste indruk wekken van een site die uitnodigt om te bezoeken.

Hoe maak je een favicon aan?

Je kunt natuurlijk proberen een kant-en-klaar favicon.ico-bestand te vinden op de website www.iconfinder.com, maar ik denk dat velen graag zelf iets willen maken. Het is tenslotte de favicon die uw site in de zoekresultaten zal benadrukken. Je weet nu hoe je dit moet doen. Dus laten we beginnen.

Logaster is een online dienst voor het maken van logo's en huisstijlelementen. Daarin ontvangt u automatisch, met slechts een paar klikken, een pictogram voor de site in ICO- en PNG-formaat.

Maar houd er rekening mee dat geen enkele automatische logogenerator de menselijke creativiteit kan vervangen.

Natuurlijk zullen grote bedrijven dergelijke tools niet gebruiken. Ze zullen een dure ontwerper vinden die een professioneel logo voor hen kan maken. Maar voor kleine bedrijven en particuliere ondernemers kan een dergelijk instrument van pas komen.

Hoe werkt het proces van het maken van een pictogram in Logaster?

1. Om er zeker van te zijn dat uw favicon bij uw logo past, wordt u gevraagd eerst een logo te maken (het is gratis).
2. Schrijf een naam en eventueel een slogan, geef het soort activiteit aan en Logaster zal zelfstandig vele logo-opties voor u voorbereiden.
3. Kies een geschikt logo, u kunt dit later wijzigen.

Dit is wat ik heb

Nu kunt u op de knop “Logo downloaden” klikken. In de gratis versie staat er een Logaster.com-watermerk op

Het logo kan worden gekocht. Daarna kunt u downloaden in het geselecteerde formaat (PNG, JPEG, PDF, SVG) en grootte (1024 px, 5000 px).

Laten we nu verder gaan met het maken van een favicon.

1. Kies opnieuw de gewenste optie.
2. U kunt de vorm wijzigen in vierkant, afgerond, rond of helemaal geen vorm.
3. Voeg desgewenst een gekleurde lijn toe door op het gereedschap Lijn te klikken.
4. Klik op de knop "Opslaan".

Zo is de favicon geworden. In principe ziet het er goed uit.

Hoe u een favicon aan uw website toevoegt

1. Koop en activeer de favicon.
2. Download het.
3. Pak het gedownloade bestand uit in de hoofdmap van uw site.
4. Plak de volgende code op alle pagina's van de site in de tag :

Designpakket met korting

Daarnaast kunt u de gehele huisstijlset aanschaffen. Hier is één optie.

Gerelateerd artikel: Optimalisatie van de lay-out voor Retina-displays

Plugin voor het maken van favicons

Er zijn een groot aantal verschillende programma's voor het maken van favicons. Kortom, ze zijn primitief, waardoor je pictogrammen kunt maken met 16 kleuren.

U kunt rechtstreeks in Photoshop een favicon maken. Hiervoor heeft u een plug-in nodig die u kunt downloaden van www.telegraphics.com.au. Kopieer het bestand om het te installeren ICOFormat.8bi naar de map c:Program FilesAdobeAdobe Photoshop CS2Plug-InsFile Formats.

Een plug-in gebruiken ICOFormat.8bi, kunt u afbeeldingen opslaan als “.ico-bestanden”.

Hoe de ICO (Windows Icon) Format-plug-in te installeren

1. 64-bits Windows (Vista/Windows 7):
   • Start opnieuw op voordat u installeert;
   • Plaats de plug-in in de map C:Program FilesAdobePhotoshopPlug-InsFile Formats, maar ik heb een andere structuur, ik heb dit bestand hier opgeslagen: C:Program FilesAdobeAdobe Photoshop CS6 (64 Bit)Plug-ins.
   • Als u op een 64-bits Windows-systeem werkt en de 64-bits versie van Photoshop CS4 of CS5 start, download de 64-bits versie van de plug-in en plaats het in de map Plug-Ins die overeenkomt met 64-bit Photoshop (d.w.z. die in "Program Files" en niet "Program Files (x86)").
2. Verplaats de plug-in naar de map "Bestandsindelingen" in de map Photoshop Plugins:
   • Voor Windows (32-bits), ICOFormat.8bi
   • Voor Windows (64-bits), ICOFormat64.8bi
   • Voor Mac OS X, ICOFormat.plug-in(merk op dat er aparte versies beschikbaar zijn voor CS2, CS3/4 en CS5)
   • Voor Mac OS X/Klassiek, icoformaat
   • Voor 68K MacOS, icoformaat(68K)
3. Als u Corel PSP Photo X2 gebruikt, plaatst u de plug-in in C:Program FilesCorelCorel Paint Shop Pro Photo X2TalenENPlugIns
4. Sluit Photoshop af en start deze opnieuw als deze al actief is.

Er is ook een onlinedienst www.convertico.com. ConvertICO is een gratis online ICO/PNG-bestandsconverter. Het werkt snel en is gemakkelijk te gebruiken. Het wordt gebruikt om bureaubladpictogrammen, applicatiepictogrammen en favicons voor websites te converteren.

Hoe maak je favicon.ico zelf?

1. Photoshop openen.
2. Maak een document van 32x32 pixels.
3. Voeg een slim object van de voltooide afbeelding uit Illustrator in.
4. Gebruik de opdracht "Opslaan als" om de favicon op te slaan in .ICO*-indeling.
5. Upload de resulterende favicon naar de hoofdmap van de site en verbind deze via een WordPress-thema, of registreer deze handmatig in de sitesjabloon. Over het aansluiten van favicon heb ik al eerder geschreven.

*Als je geen speciale plug-in hebt geïnstalleerd ICO-formaat (Windows-pictogram)., u kunt het downloaden van www.telegraphics.com.au/sw/. Er zijn voor Macs Windows 32, 64-bit met ondersteuning voor alle versies van Photoshop, inclusief CS6.

favicon-weergave

Naar uw site liet een favicon zien, het kan eenvoudig in de root van de site worden geplaatst. De browser en zoekmachines bepalen zelf dat u een favicon.ico-bestand heeft en geven dit automatisch weer. Deze methode is de eenvoudigste en is in 95% van de gevallen effectief. Maar je kunt ook expliciet een favicon toevoegen.

Wat is een favicon?

Voor degenen die niet weten wat een favicon is, geven we je wat informatie waarmee je op weg kunt gaan. Een favicon is een klein pictogram van 16x16 of 32x32 pixels, meestal met een logo, de eerste letter van een merk of een karakteristieke afbeelding die het type bedrijf of het thema van de site weerspiegelt.

Waarom is een favicon belangrijk?

Het favicon voert de volgende functies uit:

Branding.

Identificatie van de site door de gebruiker (gebruiksgemak).

Geeft de site een professionele uitstraling.

Laten we de belangrijkste voordelen van het gebruik van favicons eens nader bekijken.

Merk herkenning

Favicon is als een kleine site-identiteit. Zoals vermeld in het inleidende gedeelte, helpt een favicon de gebruiker uw site te onthouden tussen de vele sites die ze hebben bekeken. Of het nu gaat om uw browsegeschiedenis, Google-zoekresultaten of de lijst met bladwijzersites in uw browser, met favicons kunnen gebruikers uw site gemakkelijk herkennen en openen.

Vertrouwen

Gebruikers hebben de neiging om online verkopers van goederen en diensten te beoordelen op basis van hoe professioneel hun website is. Onzorgvuldigheid in de vorm van het ontbreken van een favicon (zoekmachines tonen een site zonder favicon als icoon van een leeg document) kan gemakkelijk leiden tot verlies van vertrouwen, vooral wanneer gebruikers u vergelijken met uw concurrenten.

Herhaalbezoeken

Het is bekend dat mensen beter reageren op afbeeldingen dan op tekst. Laten we nu zeggen dat een bezoeker van uw site haast had toen hij deze voor het eerst bezocht en besloot er een bladwijzer van te maken, zodat hij later terug kon komen. Stel dat deze persoon vervolgens besluit uw site opnieuw te bezoeken en naar zijn bladwijzers gaat. Je hebt geluk als je een herkenbare favicon hebt, zoals de prominente en unieke G van Google, en gebruikers zullen je vinden. Als u geen favicon heeft, wordt u mogelijk zelfs uit uw bladwijzerlijst verwijderd.

Bespaart gebruikerstijd

Favicons besparen de gebruiker tijd die hij besteedt aan het identificeren van een site in bladwijzers, geschiedenis of andere plaatsen waar de browser een favicon plaatst voor snelle identificatie. Het maakt het leven van de gemiddelde bezoeker van uw site gewoon eenvoudiger.

SEO-voordelen

Als uw site een favicon heeft, bent u beter zichtbaar in de zoekresultaten dan sites die er geen hebben, en kunt u daarom meer bezoekers trekken.

Hoe maak je een favicon?

Er zijn veel tools waarmee je binnen enkele minuten een favicon kunt maken. Als u geen ontwerpvaardigheden heeft of niet weet hoe u dit moet doen, kunt u proberen een favicon te genereren met Logaster.

Volg hiervoor de stapsgewijze instructies:

Stap 5: Maak een favicon

Nu je een logo hebt, klik je op ‘Maak een favicon met dit logo’ op de logopagina.

Stap 6. Selecteer het gewenste favicon-ontwerp

Net als bij het logo zal Logaster enkele tientallen prachtige en gebruiksklare favicons genereren. Kies je favoriete ontwerp. In het voorbeeld kunt u zien hoe uw favicon er op de site uit zal zien.

Als u de favicon wilt wijzigen, kunt u dit doen door het logo te bewerken, net zoals favicons worden gemaakt op basis van het logo-ontwerp. Dus als u bijvoorbeeld een andere faviconkleur wilt, moet u teruggaan naar de logopagina, de kleur wijzigen en vervolgens de favicon opnieuw maken.

Inspiratie voor favicons vind je op de volgende sites:

Stap 7. Download de favicon

Je kunt de favicon afzonderlijk kopen voor $ 9,99 of een Design Pack kopen dat niet alleen de favicon bevat, maar ook een logo, visitekaartje, envelop en briefpapier. Hier leest u hoe u een Design Pack kunt kopen.

Na betaling kun je de favicon downloaden in ico- en png-formaat.

Waar kan ik een favicon gebruiken?

Je kunt favicon gebruiken:

Op de site;

Mobiele toestellen. De gebruiker kan een favicon toevoegen aan het startscherm van zijn apparaat (zoiets als een bladwijzer) - Android, IOS, Windows Phone, enz.;

Programma's en applicaties voor pc/Mac.

Hoe installeer ik een favicon op een website?

Nadat u de favicon heeft ontvangen, duurt het installeren op de server slechts enkele minuten en wordt in twee fasen voltooid. Om dit te doen heeft u toegang nodig tot de hoofdmap van uw site en een teksteditor om de HTML-code van de site te wijzigen.

Stap 1. U moet het favicon.ico-bestand naar de server uploaden. Om dit te doen, moet u een ftp-client downloaden en installeren, zoals FileZilla. Voer vervolgens uw gebruikersnaam en wachtwoord in en download het bestand. U kunt meer gedetailleerde instructies lezen over het uploaden van een favicon-bestand.

Stap 2. Nu moet u de HTML-pagina van uw site bewerken, zodat browsers uw favicon-afbeelding kunnen vinden. Terwijl het FTP-venster geopend is, zoekt en downloadt u het index.html- of header.php-bestand van de server.

Open het index.html-bestand in een teksteditor - Kladblok, Kladblok++, Sublieme tekst.

Als uw site pure HTML bevat, plakt u de speciale code in het HEAD-gebied van het index.html-bestand.

De code kan worden gekopieerd op de faviconpagina op de Logaster-website.

Als u WordPress gebruikt, plakt u de onderstaande code in het HEAD-gebied van uw header.php-bestand.

Zodra je dit hebt gedaan, download je het bestand terug naar waar je het vandaan hebt. Klaar! Laad de pagina van uw site opnieuw om de favicon te zien.

De meeste moderne browsers zijn slim genoeg om het favicon-bestand zelfs zonder dergelijke code te vinden, maar alleen als de favicon een afbeelding van 16x16 pixels heeft, de naam favicon.ico, en is opgeslagen in de hoofdmap van uw site.

We hopen dat dit artikel u nuttige informatie heeft gegeven om u te helpen een favicon te maken die uw website succesvoller en aantrekkelijker zal maken.

Vandaag wil ik u kennis laten maken met diensten voor het maken van een favicon voor uw website. Favicon is een afkorting van de Engelse woorden favoriet en icoon. Dit is een afbeelding van 16 bij 16 pixels, deze heet favicon en heeft de extensie ico. Het wordt in de hoofdmap van uw website op uw hosting geplaatst. Wanneer de site wordt geladen, zoekt de browser automatisch naar dit bestand en voegt het vervolgens toe aan de adresbalk vóór de pagina-URL en aan bladwijzers, waardoor het aan uw site wordt toegewezen. Een websitepictogram heeft geen praktisch nut en dient alleen om het te herkennen.

Tegenwoordig is elke webontwerper die op zijn minst op de een of andere manier nadenkt over het unieke karakter en de originaliteit van zijn bron eenvoudigweg verplicht er een speciaal pictogram voor te maken. In elke browser in de adresbalk ziet de naam van uw site er samen met het pictogram modern en relevant uit. Het zal ook merkbaar zijn in bladwijzers en favorieten, waardoor het zich kan onderscheiden van de massa vergelijkbare sites. U kunt een pictogram kiezen op basis van het onderwerp van uw bron en zelfs voordat u het gaat bestuderen, zal de bezoeker onmiddellijk kunnen begrijpen waar het over gaat. Dit zal een goed effect hebben op de herkenning van de site en de vorming ervan als merk.

Standaard geeft een website het daarvoor bestemde pictogram weer in de huidige browser. Bovendien ondersteunen de meeste versies van moderne browsers persoonlijke sitefavicons. En in de Yandex-zoekmachine, die nu samen met Google domineert in de Russischtalige ruimte, verschijnen gerangschikte sites samen met hun pictogram wanneer een zoekopdracht wordt uitgevoerd. Daarom is het absoluut noodzakelijk om, zonder het uit te stellen voor later, veel aandacht te besteden aan de creatie ervan.

Er zijn veel bronnen op internet die kant-en-klare pictogrammen opslaan. Er zijn er heel veel, maar nu zijn we geïnteresseerd in het maken van een favicon.

Wilt u een favicon voor uw website maken? Laten we diensten overwegen voor het online maken van favicons

De meest populaire service voor het maken van websitepictogrammen. Het is vrij eenvoudig om mee te werken en zelfs een beginnende gebruiker kan er mee overweg. We uploaden de afbeelding die we als sitepictogram willen zien. Hij verwerkt het. We kijken naar de resulterende afbeelding en als het ons uitkomt, klikken we op Downloaden. Een bestand met de naam . Je kunt het zelf pixel voor pixel tekenen en als je het leuk vindt, kun je het ook opslaan als een pictogram. Het is belangrijk dat er gebruik wordt gemaakt van een eenvoudige tekening om een ​​favicon te maken. Als er veel veelkleurige dingen zijn, krijg je een onopvallende plek.

De volgende service, die net zo gemakkelijk te gebruiken is, is . Het werk erin is ongeveer vergelijkbaar met de vorige analoog. Het enige is dat het in het Engels is en dat er meer advertenties zijn. Maar over het algemeen zijn de generatieacties vrij gelijkaardig. Upload een afbeelding, bekijk, bewerk en sla op.

Nu heeft bijna elke bron die websitepromotiediensten levert of analyses daarover verzamelt, een extra optie voor het maken van favicons. Bekende diensten die ook deze extra mogelijkheid hebben bijvoorbeeld:

Maar ik hou van diensten die specifiek zijn ontworpen voor creatie. Kijk hier, nog een leuke online tool voor het genereren van pictogrammen van verschillende groottes en formaten. Bescheiden en smaakvol. Ons bestand geüpload. Geselecteerde maat. Bekijk een voorbeeld en sla het op uw computer op.

Je kunt natuurlijk ieders favoriete Photoshop gebruiken om het pictogram te maken. Maar het slaat geen afbeeldingen op met de ico-extensie. Of beter gezegd, het bespaart, maar hiervoor moet je een speciale plug-in uitpakken - icoformat.8bi en deze installeren in de map Plug-Ins\File Formats in de map Photoshop. Hierdoor kunt u bestanden opslaan met de door u gewenste extensie. Voor mij is dit behoorlijk lastig.

Ik stel deze optie voor. In Photoshop maken we een afbeelding die we als pictogram willen zien, slaan deze op met een willekeurige extensie en sturen deze naar een van de bovenstaande services, waar we uit deze afbeeldingen degene halen die we nodig hebben.

U kunt ook online converters van grafische afbeeldingen van het ene formaat naar het andere gebruiken. Bijvoorbeeld hier of . Met behulp hiervan kunt u elke grafische bestandsextensie wijzigen in ico.

Hoe kun je ervoor zorgen dat een pictogram een ​​favicon voor de site wordt?

De volgende stappen zijn vereist:

1 Zorg ervoor dat het bestand de naam .

2 Met behulp van Filezilla plaatsen we het in de hoofdmap van onze site. In theorie zijn deze acties voldoende en bepaalt de browser automatisch waar deze zich bevindt. Maar we spelen op safe en schrijven het pad naar dit bestand in html-code.

3 Om dit te doen, neemt u ons themabestand header.php (u kunt het rechtstreeks in het beheerderspaneel in WordPress bewerken, of u kunt het downloaden van de server), open het en voeg het toe vóór de afsluitende tag de volgende code:

/favicon.ico"/>

4 Sla het bestand op en breng het terug naar de hosting.

5 Wis de cache van de huidige browser en dat is alles. We hebben het gewenste resultaat behaald.

Het is overigens niet nodig dat de favicon in de root staat. Het href-attribuut specificeert rechtstreeks het pad ernaartoe. Het komt zo uit:

Het is ook niet nodig dat het pictogram de ico-extensie heeft. Je kunt ook de png- en gif-extensies gebruiken. Om dit te doen, verandert de code het type van het uitvoerbestand.

Dat wil zeggen, we veranderen het type van image/x-icon naar image/png of gif .

Je kunt trouwens nog één ding toevoegen. We hebben een favicon voor de site gemaakt en geïnstalleerd, maar in het WordPress-beheerderspaneel bleef de standaard favicon standaard behouden. Om het overal te veranderen, moet je de volgende php-code in het function.php-bestand van ons thema invoegen:

functie sp_set_favicon() (echo " "; ) add_action("admin_head", "sp_set_favicon"); add_action("login_head", "sp_set_favicon"); add_action("wp_head", "sp_set_favicon");

Nu wordt het weergegeven in alle headers.

Dat is eigenlijk alles wat er is. Vandaag hebben we besproken waarom je een favicon voor een website moet maken en hebben we gekeken naar online services voor het maken van een favicon voor een website en de fijne kneepjes van de installatie ervan. Vergeet je niet te abonneren op blogupdates. Tot snel!

Bekijk de video over hoe je favicon.ico kunt maken en hosten:

Favicons zijn een heel klein, maar zeker niet het allerlaatste onderdeel van elke site. Ze verschenen met de geboorte van internet en zijn tot op de dag van vandaag nog steeds in trek. Er zijn verschillende manieren om ze te maken. U kunt plug-ins voor programma's gebruiken, of u kunt speciale webhulpprogramma's gebruiken. Laten we over hen praten.

X-Icon-editor

In tegenstelling tot de vorige tool bevat favicon.cc minder tekentools. Hier kunt u alleen afzonderlijke pixels tekenen met een specifieke kleur en transparantie. Met deze tool kunt u ook afbeeldingen importeren, indien nodig bewerken en exporteren als favicons.

Dankzij een speciaal paneel zie je tijdens het tekenen van een favoriet meteen hoe deze eruit ziet in de browser Internet Explorer.

Antifavicon

Het standaard faviconformaat (16x16) is uiteraard te klein voor tekst. Met Antifavicon kunt u echter twee regels tekst in die kleine ruimte plaatsen. Het gebruikte lettertype is zeker niet zo geweldig, maar wat kun je doen :).

Het gegeven raamwerk beperkt uiteraard. Nadat je echter enkele voorbeelden hebt bekeken, kun je iets heel interessants bedenken.

Faviconist

De laatste dienst waar we naar zullen kijken is Genfavicon. Hier kunt u een afbeelding uploaden, deze omzetten in een pictogram en meteen zien hoe deze er in de browser uitziet. Daarna kunt u een pictogram van een bepaalde grootte downloaden.

Alle diensten die we vandaag hebben besproken, hebben hun voor- en nadelen. Onder hen zijn er echter mensen die iets meer kunnen bieden dan hun concurrenten. Maak dus een bladwijzer van deze sites. Ze zullen zeker nuttig voor je zijn.

Eerlijk gezegd ben ik dol op de favicon. Ik heb een diepe, even kuise platonische liefde voor hem. Dit betekent niet dat ik mijn collega-webmasters verhalen vertel over hoe ik de favicon heb gewijzigd en het verkeer met 10% is toegenomen (hoewel wacht... misschien is dat wel gebeurd), maar het betekent wel dat wanneer de favicon van mijn nieuwe site in de Yandex-index, de site zelf begint voor mij een beetje meer SDL te lijken.

Wat is een favicon?

Favicon (Favicon – afkorting van “favorietpictogram”) is een afbeelding die wordt weergegeven in de adresbalk van de browser vóór het adres, op het tabblad dat overeenkomt met het venster met de geopende pagina van de site, en ook bij het toevoegen van een bron aan de tabbladen met favorieten. Deze afbeeldingen kunnen de gebruiker helpen het merk of bedrijf beter te onthouden en de herkenning van de site te vergroten. Vaak wordt als favicon een verkleinde of licht gewijzigde afbeelding van een bedrijfs- of merklogo gebruikt.

Voordelen van het gebruik van een favicon

Het gebruik van een favicon levert op termijn voordelen op. Bekijk bijvoorbeeld deze opties:

• Wanneer een gebruiker veel tabbladen in de browser opent, kan hij onmiddellijk bepalen op welke daarvan de site zich bevindt, zelfs als de tekst met de naam niet meer wordt weergegeven;
• In de zoekresultaten van Yandex wordt de favicon links van de site of de pagina ervan weergegeven, wat de aandacht van bezoekers trekt en zich onderscheidt van anderen;
• De foto wordt goed onthouden en blijft in het geheugen bewaard - als resultaat wordt de site herkenbaarder en aantrekkelijker voor gebruikers.

Een favicon maakt dus deel uit van het imago van de site, wat niet alleen een esthetische functie vervult, maar het voor de gebruiker ook handiger maakt om naar de portal te zoeken in bladwijzers, tabbladen en zoekresultaten.

Kenmerken van Yandex die met favicons werken

De Yandex-zoekmachine is een van de weinige die sitefavicons markeert en deze weergeeft bij het samenstellen van een lijst met zoekresultaten. Om dit te doen, indexeert een speciale bot periodiek sites en werkt informatie bij over de aanwezigheid van favicons.

Voorheen vonden favicon-updates eens in de paar maanden plaats. Nu, in 2018, indexeert Yandex ze veel krachtiger en op sommige van mijn nieuwe sites verschijnt de favicon binnen een paar dagen.

Om te controleren of Yandex een favicon weergeeft, kunt u uw portal in de zoeklijst vinden en kijken of het pictogram links ervan zichtbaar is. U kunt ook de volgende constructie in de adresbalk invoeren: voor Yandex - http://favicon.yandex.net/favicon/www.site.ru (waar u in plaats van www.site.ru het domein van uw site moet typen ). Een correct gemaakte Favicon wordt op een zwarte achtergrond weergegeven, en dit betekent dat Yandex deze ziet.

Als de favicon niet zichtbaar is, kan dit de volgende redenen hebben:

• Het afbeeldingsformaat komt niet overeen met het vereiste formaat: 16x16 pixels;
• Het afbeeldingsformaat is niet hetzelfde: het zou ico, jpeg of png moeten zijn (de eerste optie heeft meer de voorkeur voor Yandex);
• Het beeld is wazig of niet uniek - soms blokkeert de zoekmachine om deze redenen pictogrammen;
• Yandex is het systeem aan het updaten - en na een tijdje zou alles zichzelf moeten corrigeren;
• De site bevindt zich verder dan de honderdste positie in de zoekresultaten - in dit geval wordt de favicon mogelijk ook niet weergegeven.

Nadat u de foto aan de hand van deze criteria heeft gecontroleerd, moet u de tekortkomingen corrigeren. Als het pictogram hierna niet wordt weergegeven, kunt u contact opnemen met Yandex-ondersteuning.

Om een ​​favicon in Yandex.Direct weer te geven, moet deze correct zijn ontworpen en op de juiste plaats op de site staan. Vervolgens indexeert de Yandex-zoekrobot het en begint het in de zoekresultaten te tonen. Dit gebeurt meestal 2-4 weken nadat de site met wijzigingen is gepubliceerd. Het is niet nodig om Yandex op de hoogte te stellen of te vragen om de favicon te publiceren; dit gebeurt automatisch nadat een bepaalde tijd is verstreken nadat deze op de portal is verschenen.

Hoe maak je een favicon aan?

Als u een ico-bestand wilt maken van een grote afbeelding in een formaat zoals bijvoorbeeld png, dan is het een goed idee om eerst Adobe Photoshop te installeren. Vervolgens wordt de ICO-plug-in voor Photoshop geïnstalleerd (zoek de plug-in voor jouw versie van FS in een zoekmachine). Wanneer het is geïnstalleerd, kopiëren we het gewenste bestand ICOFormat.8bi (voor 32-bit) of ICOFormat64.8bi (voor 64-bit) naar een van de volgende paden:

C:\Program Files\Adobe\Adobe Photoshop CS6 (64-bits)\Plug-ins\Bestandsindelingen
C:\Program Files (x86)\Adobe\Adobe Photoshop CS6\Plug-ins\File Formats

Als er geen map “Plug-ins” of “Bestandsformaten” is, moet u deze aanmaken. Nu kunt u in het dialoogvenster Opslaan het ico-formaat selecteren. De afmetingen van de gemaakte pictogrammen kunnen veelvouden van 8 zijn (16×16, 24×24, 32×32, enzovoort, maar het is het meest betrouwbaar om 16×16 te kiezen).

De afbeelding die de favicon moet worden, wordt vervolgens geopend in Photoshop. Klik op “Afbeelding – Afbeeldingsgrootte” en de afbeeldingsgrootte verandert naar 16x16 pixels. Druk vervolgens op “Bestand – Opslaan als” en selecteer het ICO-formaat (de bestandsnaam moet favicon.ico zijn).

Zelf ben ik sinds kort afbeeldingen aan het converteren naar ico-formaat zonder Photoshop. Gebruik van de dienst https://realfavicongenerator.net/.

Na enige tijd zal de favicon op de site verschijnen.

Sommige slimme mensen maken een favicon in de vorm van een pijl, een driehoek, en voegen rode elementen toe zodat de gebruiker klikt. Dit kan natuurlijk worden gedaan, maar hiervoor kan de site kunstmatig worden verlaagd.

Yandex maakt favicon-nerds bang

Houd er bij het ontwerpen van een icoon rekening mee dat de afbeelding ondanks het kleine formaat helder en duidelijk zichtbaar moet zijn. Daarom is het beter om zo min mogelijk individuele objecten en niet te veel kleuren te gebruiken. U kunt naar de favicons van uw concurrenten kijken en nadenken over hoe u zich van hen kunt onderscheiden.

Diensten

Er zijn ook speciale programma's en bronnen voor het maken van pictogrammen, waaronder de volgende populair:

• favicon.cc - met de eenvoudigste editor kun je een eenvoudige afbeelding maken, het werkingsprincipe lijkt een beetje op Paint. Ook worden kleuren geselecteerd en wordt er een tekening gemaakt door op de pixelvierkantjes te klikken die overgeschilderd moeten worden. Er is een reparatietool. De gemaakte afbeelding kan ook op uw computer worden opgeslagen als een voltooide faviconafbeelding. Terwijl u werkt, ziet u onderaan het scherm het voorlopige resultaat in de vorm waarin het in de browser wordt weergegeven. De bron biedt ook een grote selectie kant-en-klare iconen;
• favicon.ru – hier is het beter om favicons te maken van kant-en-klare afbeeldingen. De afbeelding wordt van de computer gedownload, door het systeem verwerkt en omgezet in een favicon.ico-bestand, dat vervolgens kan worden gedownload;
• iconj en audit4web zijn databases waar je kant-en-klare favicons kunt vinden.

Er is ook zo'n service:

U kunt zich wenden tot een ontwerper om de afbeelding te ontwikkelen, maar dit kost aanzienlijk meer.

Een ander punt is dat de afbeelding voor het pictogram niet kan worden geanimeerd; deze is altijd bewegingsloos, zelfs als er een afbeelding met niet-statische effecten als basis is gebruikt.