Dziś zajmiemy się uruchomieniem strony błędu 404 na Twojej stronie. Jest to jedna z najmniej docenianych stron w naszych serwisach. Większość osób nawet nie zastanawia się nad jej utworzeniem.

Przyznam się, że kiedyś też należałam do tej części ludzi. Do momentu, gdy po jednej z aktualizacji algorytmu google w Google Search Console, zarówno u mnie, jak i u jednej z moich klientek zauważyłam znaczący skok odwiedzin właśnie tej strony.

A jednak – ustawienie indywidualnej strony błędu 404 w WordPressie może być świetnym sposobem na poprawę doświadczenia użytkowników, którzy natknęli się na niedziałający link. Zamiast spowodować, że zamkną stronę, możesz przekierować ich uwagę na inne, ważne dla Ciebie rzeczy.

dlaczego polecam hosting lh

Poniżej znajdziesz instrukcję dla nietechnicznych, czyli jak ustawić stronę 404 przy pomocy wtyczki:

Zainstaluj wtyczkę:

  • Przejdź do Wtyczki > Dodaj nową w panelu WordPress.
  • Wyszukaj Custom 404 Pro.
  • Zainstaluj i aktywuj wybraną wtyczkę.

Skonfiguruj stronę błędu 404:

  • Przejdź do ustawień wtyczki (znajdziesz je po lewej stronie Dashboardu Custom 404 Pro > Settings).
  • Utwórz nową stronę w WordPressie, która będzie pełnić rolę strony błędu 404.
  • W ustawieniach wtyczki wybierz tę stronę, którą zaprojektowałaś, aby używała jej jako strony błędu 404.

Przetestuj działanie

Dobrze jest też na koniec sprawdzić, czy Twoje ustawienie działa poprawnie. By to zrobić:

  • Wejdź na stronę swojego serwisu i wpisz w adres przeglądarki nieistniejący URL, np. https://twojadomena.com/nieistniejaca-strona.
  • Upewnij się, że wyświetla się niestandardowa strona błędu 404.
  • Jeśli coś nie działa prawidłowo, wróć do edycji pliku 404.php lub ustawień wtyczki i wprowadź odpowiednie zmiany.

Potrzebujesz pomocy z ustawieniem lub potrzebujesz indywidualnego projektu, który stylem będzie pasował do Twojej marki?

Skorzystaj z pakietów Wirtualnego wsparcia. Jest to wsparcie graficzno-techniczne.

Przykłady ciekawych stron 404:

ikea 404

Ikea

w głowie się nie mieści 404
Strona 404 filmu W głowie się nie mieści

Gdzie szukać grafik, do wykorzystania na stronie 404?

CreativeMarket

Standardowo moim ulubionym miejscem na szukanie tego typu gotowych grafik to Creative Market.

Słowa kluczowe, po których możemy wyszukiwać grafiki w tym serwisie to np. empty states, 404 website.

Wybierając pliki w wektorze lub svg, masz możliwość zmiany koloru każdego z elementów na kolory własnej marki, tak by całość wyglądała spójnie. Warto jednak zadbać, by również styl grafik nawiązywał do tych, które masz już umieszczone na Twojej stronie.

Mając pliki w wektorze, możesz również kilka grafik, elementów z poszczególnych ilustracji połączyć w jedno.

Loading Preview...
Powered by Creative Market
Loading Preview...
Powered by Creative Market
Loading Preview...
Powered by Creative Market

Canva

Jak się okazuje, również w Canvie znajdziesz przykładowe prototypy stron 404, których możesz użyć we własnym projekcie. Nie wstawiałabym jednak całej grafiki z Canvy w formie obrazka, tylko wdrożyła to, co się da przy pomocy buildera (np. Divi lub Elementor), a z Canvy wyeksportowała jedynie główny motyw.

404 Error Page Desktop Prototype

Figma

Jeśli korzystasz z Figmy, to być może wiesz, jak dużo jest tam dostępnych materiałów do użycia w części Community (społeczność).
Wchodząc np. na stronę https://www.figma.com/community/desktop-apps-websites można “popłynąć”.

W pole “wyszukiwania” wystarczy wpisać standardowo: “404 error page” i również tu znajdziesz masę rzeczy do wykorzystania.

Pobierz checklistę sklepu Woocommerce

Wiem, że wielu ekspertów wciąż radzi, by mieć to razem ze względu na SEO, ale zauważam, że ze względów wydajnościowych i bezpieczeństwa powoli odchodzi się od tej praktyki. Jeśli też jesteś przed etapem postawienia sklepu, przygotowałam Ci checklistę w Notion oraz pdf, z której możesz skorzystać. Notion to darmowe narzędzie, w tym roku planuję już tylko w nim.

.