TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak dodać favicon w witrynie WordPress?

0

Favicon to krótka forma ulubionej ikony. Microsoft po raz pierwszy wprowadził go do korzystania z Internet Explorera 5 w marcu 1999 roku. Później, World Wide Web Consortium (W3C) ustandaryzowało użycie favicon w zaleceniach HTML 4.01. Favicon jest również określany wieloma innymi nazwami, takimi jak ikona witryny, ikona adresu URL, ikona zakładek, ikona zakładki lub ikona skrótu. Favicon stał się popularny, ponieważ wyszukiwarki wyświetlały je na stronach wyników wyszukiwania. Jeśli korzystasz z WordPressa, możesz łatwo dodać favicon do swojej witryny, a my wyjaśnimy ten proces w tym artykule.

Powiązane: Jak dodać favicon w bezpłatnej witrynie Weebly?

Dlaczego powinieneś używać Favicon?

W zależności od przeglądarki możesz zobaczyć favicon w innym miejscu. Ogólnie rzecz biorąc, Chrome i wiele innych przeglądarek wyświetla ikonę na karcie wraz z tytułem strony.

Wyświetl Favicon na karcie przeglądarki

Na Macu możesz włączyć lub wyłączyć wyświetlanie favicon w przeglądarce Safari. Podobnie możesz zobaczyć favicon podczas przełączania stron w przeglądarkach mobilnych. Favicons służą do zwiększenia widoczności marki strony internetowej, ponieważ jest ona wyświetlana w przeglądarkach. Różne przeglądarki wyświetlają favicon w różnych miejscach:

  • Pokaż na karcie przeglądarki
  • Wyświetlane jako ikony zakładek i na liście do przeczytania
  • Wyświetlane w pasku adresu w niektórych przeglądarkach
  • Przypięta ikona podczas przypinania karty
  • Ikona aplikacji podczas dodawania skrótu z przeglądarki do pulpitu lub ekranu głównego na urządzeniu mobilnym

Oprócz zastosowań w przeglądarce istnieje kilka innych czynników widoczności. Wyszukiwarki takie jak Yandex pokazują favicon w wynikach wyszukiwania, jak pokazano poniżej:

Jak dodać favicon w witrynie WordPress?

Wyniki wyszukiwania Yandex

Google raz pokazuje ikonę, a raz nie. Jednak favicon może być również używany jako ikona na pulpicie lub Apple Touch. Będzie to działać jako ikona aplikacji na smartfonach i tabletach po dodaniu skrótu do strony internetowej.

Podsumowując, firmy używają favicon tak samo jak ich logo marki, aby użytkownicy mogli łatwo zapamiętać.

Ogólne użycie Favicon

Favicon to zazwyczaj plik ikony obrazu z rozszerzeniem .ico. Musisz przesłać obraz do katalogu głównego swojej witryny. Następnie obraz favicon jest połączony z witryną za pomocą następującego metatagu w sekcji nagłówka:

<link rel="shortcut icon" href="http://example.com/favicon.ico" />

Rozmiar używanej favicony to 16 x 16 pikseli.

Jak dodać favicon w witrynie WordPress?

Dodanie faviconu do wersji WordPress 4.2 było kłopotliwe. Aby uprościć sprawę, dodano favicon jako podstawową funkcjonalność od wersji 4.3. Moduł „Site Icon" z wtyczki Jetpack został dodany do dostosowywania WordPressa jako funkcja domyślna. Potrzebujesz tylko obrazu bez żadnej innej potrzeby metatagu lub wtyczki.

Wymagania dotyczące obrazu

Ikona witryny WordPress wymaga dwóch prostych wymagań:

  • Obraz powinien mieć rozmiar kwadratu.
  • Minimalny rozmiar powinien wynosić 512 x 512 pikseli.

Nie musisz używać obrazu .ico, po prostu przygotuj kwadratowy obraz .png, .jpg lub .gif o rozmiarze 512 pikseli, który będzie używany jako favicon w witrynie WordPress. Ta sama ikona będzie używana jako ikona aplikacji na wszystkich urządzeniach mobilnych. Przygotuj obraz o mniejszym rozmiarze z dobrą widocznością za pomocą oprogramowania takiego jak Photoshop lub Snagit. Pamiętaj, że obraz favicon zostanie zmieniony na 16 x 16 pikseli na karcie przeglądarki. Dlatego przygotuj obraz w ciemnym kolorze, aby zwiększyć widoczność. Możesz również wypróbować nasze bezpłatne narzędzia do generowania favicon, aby wygenerować plik obrazu ikony dla swojej witryny.

Przesyłanie obrazu do witryny

Zaloguj się do panelu administracyjnego i przejdź do menu „Wygląd > Personalizacja”. Kliknij opcję „Tożsamość witryny”, jak pokazano na poniższym obrazku.

Jak dodać favicon w witrynie WordPress?

Opcja tożsamości witryny w WordPress Customizer

Kliknij „Wybierz obraz” i prześlij swój obraz favicon.

Jak dodać favicon w witrynie WordPress?

Dodawanie ikony witryny w witrynie WordPress

Jeśli prześlesz obraz o rozmiarze większym niż 512 pikseli, WordPress automatycznie otworzy ekran przycinania obrazu. Przesuń obszar przycinania, aby wyświetlić natychmiastowy podgląd swojej favikony w przeglądarce i jako ikonę aplikacji na lewym panelu.

Opcja przycinania obrazu dla Favicon

Po przesłaniu obrazu kliknij przycisk „Opublikuj”.

Jak dodać favicon w witrynie WordPress?

Opublikuj witrynę za pomocą Favicon

Otóż ​​to!!! Skończyłeś. Nie ma potrzeby wstawiania metatagów ani wtyczki. Sprawdź swoją witrynę w przeglądarce, aby zobaczyć, że favicon działa natychmiast. W celu usunięcia stron z pamięci podręcznej i ponownego załadowania strony konieczne może być wyczyszczenie historii przeglądarki. W dowolnym momencie możesz usunąć lub zmienić faviconę w swojej witrynie.

Częste problemy z Favicon

Chociaż łatwo jest wgrać favicon do WordPressa, użytkownicy często napotykają na pewne problemy.

  • Google / inna wyszukiwarka nie wyświetla favicon w wynikach wyszukiwania – dzieje się tak zazwyczaj ze względu na rozmiar Twojej ikony. Chociaż WordPress potrzebuje rozmiaru 512 pikseli, zalecany rozmiar favicon to 16×16, 32×32 lub 48×48 pikseli. Większy rozmiar obrazu może powodować problemy, ponieważ nie jest to zalecany rozmiar. Powinien jednak działać w witrynach WordPress, ponieważ możesz to zobaczyć w przeglądarce tej witryny. Jeśli masz problemy, usuń ikonę witryny w konfiguratorze i prześlij ją ponownie. Wyczyść także pamięć podręczną, jeśli używasz wtyczki buforującej i buforowania po stronie serwera, jeśli jest dostępne. Poczekaj kilka dni, aby Google mógł ponownie zaindeksować strony i poprawnie wyświetlić ikonę. Dopóki widzisz ikonę w przeglądarce, nie powinieneś się martwić, czy Google wyświetla się w wynikach wyszukiwania, czy nie.
  • Niewyraźna ikona w przeglądarce – dzieje się tak, gdy próbujesz zmienić rozmiar większego obrazu na mniejszy lub odwrotnie. Zalecamy stworzenie dokładnie potrzebnego rozmiaru i wgranie pliku.
  • Favicon nie jest widoczny w przeglądarce – w takim przypadku upewnij się, że prawidłowo załadowałeś obraz i sprawdź, czy możesz poprawnie otworzyć plik obrazu w przeglądarce.

Źródło nagrywania: webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów