Przeglądając różne strony (a przecież robimy to codziennie) zwróciłeś uwagę na małą ikonkę obok nazwy strony ? Zastanawiałeś się czemu jedni umieszczają ją, a inni wręcz przeciwnie ? –
W tym artykule powiemy sobie co to jest FAVICON, bo o nim mowa, czy warto go mieć na stronie i jak zainstalować na popularnej platformie WordPress.
Co to jest Favicon ?
Favicon jest małym obrazkiem o wymiarach 16×16 lub 32×32. Wyświetla się w panelu adresu i na belce przeglądarki internetowej.
Dlaczego warto mieć Favicon ?
Wiele ludzi nie docenia tej malej ikonki, a ona ma za zadanie wyróżnić Twoją stronę pośród konkurencji.
Favicon wyróżni Cię na kilka sposobów:
- Favicon na górnej belce.
Przykład: zobacz na screen poniżej.. widzisz tam moją stronę pośród kilku otwartych kart w przeglądarce? (wszystkie strony były związane z mlm – strzałka pokazuje gdzie jest moja strona.).
A tutaj belka już z moją favicona.
Często jest tak, że przeglądając strony internetowe otwieramy kilka, a nawet kilkanaście zakładek (tak jak w tym przypadku). Gdy nasz blog/strona ma ustawioną favicone, to w szeregu zakładek jest ona widoczna, bo wyróżnia się na tle innych stron, które jej nie posiadają. Jeśli wszystkie otwarte zakładki miałyby ikonę to i tak jest łatwiej dostrzec Twoją, bo wzrokowo widać gdzie ona jest – kojarzymy jak wygląda ta ikonka.
- Favicon w zakładce „Ulubione”.
Gdy ktoś doda Twój serwis do ulubionych, Twój favicon też się tam znajdzie. W sytuacji gdy ktoś ma dużo stron w tej zakładce to ciężko jest mu zauważyć, że Twoja strona również się tam znajduje i zapomina o niej.
Na jednym z zagranicznych portali wyczytałam, że favicon wpływa na ilość kliknięć co prawda nieznacznie, ale zawsze warto mieć te kilka klików dziennie. Dlaczego tak jest ? Przeglądając ulubione i widzę favicon przypominam sobie o tej stronie i z ciekawości klikam by sprawdzić co nowego pojawiło się na portalu.
favicon w ulubione
- Profesjonalizm?!
To jest najciekawszy wg. mnie punkt. Moja strona ma być profesjonalna bo mam małą ikonkę ? Tak, mając faviconkę zwiększysz swój profesjonalizm. Inni dostrzegą, że dbasz o szczególiki na swojej stronie internetowej, i o to przecież chodzi. Zwiększy się również zaufanie do Twojej strony – a tym samym i do Ciebie.
Na jednym z kursów o tworzeniu szablonów, który wykupiłam Autor cały czas (łącznie przez ponad 24h) powtarzał, że strona jest dobra tylko wtedy kiedy jest dopracowana pod każdym względem. Każdy mały szczegół jest również dopracowany.
Jak stworzyć favicon ?!
- Favicon możesz tworzyć zarówno w programach graficznych takich jak: paint, photoshop, gimp.
- Możesz również skorzystać z generatorów online:
Oczywiście stron oferujących tworzenie ikonek jest sporo, wystarczy wpisać hasło generator favicon i pojawi się całe multum.
Kilka rad:
- Favicon warto zapisać jako plik .png z przezroczystym tłem. Da to dobry efekt w przeglądarce. Można też zastosować końcówkę .ico
- Rozmiar favicony – 16 x 16 lub 32×32.
- Grafika powinna być prosta ze względu na mały rozmiar obrazka.
- Często stosuje się logo (jeśli nie jest skomplikowane), 1 literę nazwy domeny, można również dodać własne zdjęcie – to też daje dobry efekt.
Umieszczenie faviconu na naszym blogu WordPress.
Sposób 1
- wgrywamy favicone na serwer do naszego motywu, który aktualnie używamy.
- w kokpicie bloga przechodzisz do wygląd/motyw/edytor/head.php lub header – nagłówek (różnie to może być nazwane). Odszukujemy komendę <head profile=”http://gmpg.org/xfn/1″> i pod nią wklejamy
<link rel=”shortcut icon” href=”<? php bloginfo(‘stylesheet_directory’); ?>/favicon.png>
Sposób 2
- korzystamy z gotowej wtyczki do wordpressa np. All In one Favicon, instalujemy, włączamy i dodajemy swoją ikonkę.
Jedną z ciekawszych wtyczek jest MaxBlogPress, która oferuje dodatkowo już stworzone favicony, które możemy od razu dodać do naszego bloga bez bawienia się w ich tworzenie.
Poświęć zatem chwilę, stwórz swoją ikonkę i umieść ja na swoim blogu. Bądź profesjonalny i widoczny.
[wms_protected] [/wms_protected]
Dzięki Kamila , za świetny wpis. Tak mała ikonka a zarazem tak istotna .
Dzięki za Inspiracje … Favicon dodany do mojego Bloga
Dziękuję za pomysł. Favikon już jest na moim blogu. Niestety nie widzi go Internet Explorer. Poza tym ok.
Cieszę się, że mogłam pomóc :) i przyznam, że nie spodziewałam się komentarzy pod tym artykułem.
Jeśli chodzi o IE to nie wiem czemu ale nie wyświetla ikonki. Obecnie firefox i chrom to najczęściej używane przeglądarki, dlatego nie ma co przejmować IE po prostu użytkownicy nie zobaczą faviconki – ich strata.
Wojtek wiedziałam, że po artykule PB przyozdobi się ikonką :)
W takim razie biorę się za następny artykuł aby do końca tygodnia podesłać.
Niby takie małe ale jednak ma znaczenie :-) Favicon niedługo będzie na wszystkich moich blogach
No właśnie Paweł mało kto docenia potęgę małej ikonki :) Pisząc ten artykuł zbierałam informację na zagranicznych portalach – tam wszyscy pisali, że faviconka to podstawa bloga/strony :)
Problem w tym, że taką małą grafikę najtrudniej stworzyć. Oczywiscie chodzi mi o sam pomysł, koncepcję. Ma być czytelna, jednoznaczna, nieprzeładowana, wyróżniająca itd…:)
Favikone mam już od początku, dzięki wtyczce jaką ma WordPress wrzuciłem zwykłe zdjęcie 300px . 400px – samoczynnie się zmniejszyło do miniaturki.
Wklej może link do tej wtyczki
1. Favikon NIE jest podstawą żadnego bloga i żadnej strony. Kto uważa inaczej, zakłada, że zainteresuje kogoś ikonką, a nie treścią. Dziwne…
2. Znacznie lepsze są favicony w postaci animowanych gifów. Część przeglądarek ich nie animuje, ale na pewno robi to najpopularniejszy FF. Efekt znacznie lepszy. Korzystam z witryn, gdzie na ogół jest jakiś fav (mam teraz 7 zakładek, 5 z nich ma fav). Robi się pstrokato. Animowany fav przykuwa uwagę znacznie lepiej. Polecam zlecić jego wykonanie.
3. Jeśli tak duże znaczenie mają szczegóły, to zawsze mnie dziwi, czemu osoby, które to piszą, pozwalają, by ich wpisy miały tak wiele błędów: logicznych, interpunkcyjnych… Nie szukam ich, ale i tak są bardzo widoczne. To bardziej przeszkadza niż brak favicona i mówi mi znacznie więcej o tym, jak profesjonalnie chce wyglądać autor tekstu.
Cześć.
Nie jestem czepialski i rzadko się wypowiadam w Necie. Czasami uznaję, że warto zwrócić uwagę na kilka nieporozumień czy niedociągnięć. Zrobicie z tym, co tylko zechcecie. Nigdy nie piszę, by zaszkodzić, choć niezmiernie rzadko ktoś to rozumie.
Dzięki za przypomnienie na jednej stronie dawno mam, ale na drugiej zapomniałam, więc cenne informacje:-) Tylko mam jeden problem nie wiem o co chodzi że wyświetla mi się gdy jestem w panelu edycji strony, a nie wiem jak ustawić żeby się wyświetlał na stronie choć teoretycznie to przecież powinien tam być.
Nie chodzi o to, że Favicon jest podstawą bloga, ale może się przydać. Natomiast Favicon w postaci animowanych gifów może być ciekawym rozwiązaniem, trzeba się temu bliżej przyjrzeć :-) Zlecenie takiej grafiki pewnie też nie jest za drogie.
A jeśli chodzi o jakieś drobne błędy na blogach, to moim zdaniem jest to dopuszczalne. Blogi piszą normalni ludzie, a popełnianie błędów to ludzka rzecz :-)
A korzystaj z jakieś wtyczki ?
Zainstalowałam All In one Favicon
Jednak nadal nie udało mi się jej ustawić. Próbowałam też z wtyczką którą mam na drugim blogu cbnet Favicon, ale ostatecznie ustawiłam MaxBlogPress i ta działa poprawnie:-).
To w tej wtyczce ustawiasz osobno dla zaplecza favicon i osobno dla strony głównej. Jeśli masz tylko w opcji zaplecza to nie wyświetli się na blogu.
Ja mam ustawione tylko dla strony głównej, dla zaplecza nie mam – bo tutaj dostęp mam tylko ja, więc ikonka jest mi zbędna.
Tak mi też ale nijak nie chciała mi się wyświetlić na stronie głównej:-)
Najważniejsze, że działa :) nie ważna jaka wtyczka.
Oto nazwa tej wtyczki, wyszukasz ją w wyszukiwarce w zakładce wtyczki.
cbnet Favicon
Właśnie zamierzałem wziąć się za tą mała ikonkę i ją zmienić. A dzięki wpisowi będzie mi to na pewno łatwiej zrobić:) korzystając z generatorów
Pozdrawiam