Jak działa widget?
Widget działa jak miniaplikacja osadzona w większym środowisku, która pokazuje aktualne dane lub jedną akcję bez otwierania pełnego programu. Na stronie internetowej to zwykle fragment kodu JavaScript lub ramka iframe od zewnętrznego dostawcy. Na smartfonie to kafelek na ekranie głównym, który pobiera dane z aplikacji.
Każdy widget ma trzy elementy: gospodarza (strona, pulpit, ekran telefonu), źródło danych (serwer dostawcy lub aplikacja) oraz mały interfejs, który widzi i klika użytkownik.
Historia widgetów
Widgety przeszły drogę od akcesoriów biurkowych w dawnych systemach operacyjnych do kart na ekranach smartfonów.
| Rok | Wydarzenie |
|---|---|
| 1997 | Trivia Blitz od Uproar.com, pierwszy znany widget, na ponad 35 tys. stron |
| 2006 | W3C publikuje pierwszy szkic specyfikacji Widgets 1.0 (9 listopada) |
| 2007-2008 | Popularność aplikacji-widgetów na MySpace i Facebooku |
| 2009 | Android 1.5 Cupcake wprowadza widgety na ekran główny (27 kwietnia) |
| 2020 | iOS 14 dodaje widgety o różnych rozmiarach i Smart Stack (ogłoszenie 22 czerwca) |
Rodzaje widgetów
Widgety dzielą się na cztery główne grupy w zależności od miejsca działania: internetowe, mobilne, pulpitowe i kontrolki interfejsu.
Widgety na stronę internetową
Widgety webowe dodają do strony funkcje zewnętrznych usług za pomocą krótkiego kodu: czat na żywo, oceny z Google lub Ceneo, kanał z Instagrama, kalendarz rezerwacji, mapę czy baner zgody na cookies.
Widgety mobilne
Dokumentacja Android Developers wyróżnia cztery typy: informacyjne (pogoda, zegar), kolekcje (zdjęcia, e-maile), sterujące (przełączniki inteligentnego domu) i hybrydowe, łączące kilka funkcji.
Widgety pulpitowe
Widgety na pulpicie pokazują proste narzędzia, np. kalendarz lub kalkulator, od Apple Dashboard i gadżetów Windows Vista po dzisiejsze panele widgetów w Windows i macOS.
Kontrolki interfejsu (GUI)
Programiści nazywają widgetami także podstawowe elementy interfejsu: przyciski, pola wyboru, suwaki i okna dialogowe.
Widgety w marketingu i SEO
Widgety wspierają marketing, ponieważ umieszczają dowody zaufania i opcje kontaktu tam, gdzie klient podejmuje decyzję. Widget z opiniami przy cenie, chatbot na stronie cennika czy kalendarz rezerwacji na stronie usługi potrafią podnieść konwersję bez przebudowy serwisu.
Od strony SEO widgety wymagają ostrożności, bo większość ładuje zewnętrzny JavaScript:
- Wydajność: ciężkie skrypty czatów i zgód spowalniają stronę. Od marca 2024 roku Google mierzy responsywność wskaźnikiem INP, a dobry wynik to maksymalnie 200 milisekund.
- Indeksowanie: treść wstrzykiwana przez widget może nie trafić do HTML-a renderowanego przez Google, więc kluczowy tekst (opinie, ceny) powinien być w Twoim kodzie.
- Linki: widgety z linkiem do dostawcy osadzone na tysiącach stron mogą wyglądać jak schemat linków, dlatego takie odnośniki powinny mieć rel=”nofollow”.
- Prywatność: widgety śledzące zwykle wymagają zgody zgodnie z RODO, zanim się załadują.
Skalę zjawiska pokazuje Web Almanac 2024: mediana dla 1000 najpopularniejszych serwisów to 66 zewnętrznych dostawców, a najczęstsze kategorie to narzędzia zgód, wideo i obsługa klienta. Audyt widgetów to stały element mojej pracy przy SEO sklepów internetowych i każdego przeglądu SEO mobilnego.
Widget a wtyczka (plugin)
Widget i wtyczka, np. integracja z systemem CRM, są ze sobą powiązane, ale pełnią inne role.
| Cecha | Widget | Wtyczka |
|---|---|---|
| Rola | Pokazuje treść lub jedną akcję w widocznym miejscu | Rozszerza funkcje całego systemu |
| Instalacja | Kod do osadzenia, przeciągnij i upuść | Instalacja w CMS lub aplikacji |
| Przykład | Plakietka z opiniami Google | Wtyczka SEO do WordPressa |
| Widoczność dla użytkownika | Zawsze | Czasami |
Najczęstsze pytania: Widget
Co to jest widget na telefonie?
Widget na telefonie to kafelek na ekranie głównym, który pokazuje dane z aplikacji, np. pogodę, kalendarz lub stan konta, bez jej otwierania. Android ma widgety od 2009 roku, a iPhone w obecnej formie od iOS 14 z 2020 roku.
Czym różni się widget od aplikacji?
Aplikacja to pełny program z wieloma funkcjami, a widget to mały podgląd jednej funkcji lub zestawu danych. Większość widgetów mobilnych należy do aplikacji i otwiera ją po dotknięciu.
Czy widgety spowalniają stronę?
Widgety spowalniają stronę, gdy ładują ciężki JavaScript od razu przy wejściu użytkownika. Leniwe ładowanie i ograniczenie liczby widgetów pomagają utrzymać dobre wyniki Core Web Vitals.
Jak się odmienia słowo widget?
Słowo „widget” odmienia się jak rzeczownik męski: widgetu, widgetowi, z widgetem, o widgecie, w liczbie mnogiej widgety. W polskich tekstach spotyka się też zapis „widżet”.
Powiązane pojęcia
- Software widget · Wikipedia
- App widgets overview · Android Developers (Google)
- Apple reimagines the iPhone experience with iOS 14 · Apple Newsroom
- Web Almanac 2024: Third Parties · HTTP Archive
- Interaction to Next Paint becomes a Core Web Vital · web.dev (Google)
