Your Techmate

Tworzenie bloków Gutenberg z użyciem ChatGPT.

Zobacz kurs

Podstawy AWS.

Automatyzacja procesów z Make.com

  • Jak stworzyć jedną wtyczkę dla wielu bloków Gutenberga?

    Jak stworzyć jedną wtyczkę dla wielu bloków Gutenberga?

  • Nowości w WordPress 6.6.2: Bug Fixes i zmiany w edytorze Gutenberga.
  • Cwicly: Krótka historia innowacji i przemian
  • Konfiguracja środowiska do tworzenia bloków Gutenberga: Przewodnik krok po kroku
  • Gutenberg vs. Site Editor vs. FSE – co jest czym w WordPressie?
  • Jak bez kodowania dodać Google Font do Gutenberga?

Tworzenie spersonalizowanej strony błędu 404 w WordPressie: jak to zrobić?

Awatar Mike Tomala

Dlaczego strona błędu 404 jest istotna?

Rozpoznawanie znaczenia błędów 404

Strona błędu 404 jest kluczowa w doświadczeniu użytkownika Twojej witryny. Z pewnością zdarza się, że odwiedzający napotykają na błąd 404, szukając stron, które zostały usunięte lub przeniesione. Takie sytuacje są nieuniknione, ale sposób, w jaki radzisz sobie z tym problemem, może znacząco wpłynąć na doświadczenia użytkowników.

Jak wynika z statystyk Google, aż 28% użytkowników opuszcza witrynę po napotkaniu błędu 404. Dlatego tak ważne jest, abyś zadbał o optymalizację swojej strony błędu 404. Pomyśl o niej jak o bramie, która pomoże użytkownikom wrócić na właściwe tory Twojej witryny.

Wpływ na SEO

Strona błędu 404 ma również ogromny wpływ na SEO (Search Engine Optimization). Jeśli zignorujesz ten aspekt, Twoja witryna może ucierpieć pod względem widoczności w wyszukiwarkach. Kiedy wyszukiwarka napotyka zbyt wiele błędów 404, może to obniżyć Twoją pozycję w wynikach wyszukiwania.

Nie tylko użytkownicy, ale i roboty wyszukiwarek muszą wiedzieć, że strona treściowo nie istnieje, ale Twoja witryna nadal funkcjonuje. Możesz to osiągnąć, tworząc praktyczną i informacyjną stronę błędu 404. Gdy Googlebot przeszuka Twoją stronę, przejrzysta strona błędu 404 wskaże mu, że strona jest nieistniejąca, ale reszta Twojej witryny działa poprawnie.

Możliwość przekierowania do relevantnych treści

Podczas projektowania strony błędu 404 warto również zwrócić uwagę na możliwość przekierowania użytkowników do relevantnych treści. Zamiast prezentowania standardowego komunikatu błędu, warto dodać linki do popularnych artykułów, kategorii lub strony głównej.

Przekierowania mogą poprawić doświadczenie użytkownika aż o 64% – wynika z badań przeprowadzonych przez Crazy Egg.

Dodatkowo, możesz zintegrować wyszukiwarkę na stronie błędu 404, co pozwoli użytkownikom na szybkie znalezienie tego, czego szukają. Przykładowo, umieszczenie frazy „Nie znaleziono tego, czego szukasz? Skorzystaj z wyszukiwarki poniżej!” może zdziałać cuda.

  • Stwórz angażującą treść: Napisz krótki, ale przyjazny komunikat, wyjaśniający, dlaczego użytkownik widzi tę stronę i co może zrobić dalej.
  • Zintegrowany formularz wyszukiwania: Umieść pole wyszukiwania, aby użytkownicy mogli szybko znaleźć to, czego szukają na Twojej witrynie.
  • Wskazówki i linki: Zaproponuj kilka popularnych lub nowo dodanych artykułów, które mogą zainteresować Twoich odwiedzających.

Dzięki tym prostym krokom nie tylko poprawisz UX (user experience) Twojej witryny, ale także zwiększysz prawdopodobieństwo, że użytkownicy będą chcieli wracać na Twoją stronę. Pamiętaj, że dobra strona błędu 404 to część budowania profesjonalnego i przyjaznego wizerunku w sieci.

Jak zmienić wygląd strony 404?

Jednym z najprostszych sposobów na personalizację tej strony jest edytowanie pliku 404.php w katalogu szablonu. Poniżej znajdziesz instrukcje krok po kroku jak to zrobić.

Znajdowanie pliku 404.php

Aby zacząć, musisz odnaleźć plik 404.php w katalogu szablonu swojej witryny WordPress. Plik ten znajdziesz zazwyczaj w ścieżce /wp-content/themes/TwojSzablon/. Jeśli nie masz tego pliku, możesz skopiować zawartość z pliku page.php i zapisać ją jako nowy plik 404.php. To jest pierwszy krok do stworzenia spersonalizowanej strony 404.

Usuwanie pętli WordPress

Kolejnym krokiem jest usunięcie tzw. „loopa” WordPressa z pliku 404.php. Znajdź i usuń następujący kod:

<?php if ( have_posts() ) : 
  while ( have_posts() ) : 
    the_post(); ?> 
    <!-- tutaj są wyświetlane posty --> 
  <?php endwhile; 
endif; ?>

Usunięcie tego kodu pozwoli na wyświetlenie komunikatu, że strona nie została znaleziona, bez ładowania niepotrzebnych danych z bazy.

Dodanie tekstu zachęcającego i funkcji wyszukiwania

Teraz nadszedł czas, aby dodać tekst zachęcający oraz funkcję wyszukiwania na stronie 404. Możesz dodać następujący kod HTML:

<h2>Nie znaleziono strony</h2>

<p>Niestety, szukana przez Ciebie strona nie istnieje. Skorzystaj z poniższej wyszukiwarki, aby znaleźć interesujące Cię informacje.</p> <?php get_search_form(); ?>

Powyższy kod wyświetli nagłówek z informacją, że strona nie została znaleziona, oraz formularz wyszukiwania, który pomoże użytkownikom znaleźć interesujące ich treści.

Przywracanie paska bocznego i poprawa nawigacji

Na koniec warto przywrócić pasek boczny oraz inne elementy nawigacyjne, aby użytkownicy mogli łatwiej poruszać się po Twojej stronie. Możesz to zrobić, dodając poniższy kod:

<div id="content"> <!-- Twoje treści 404 --> </div> 
<div id="sidebar"> <?php get_sidebar(); ?> </div>

Takie rozwiązanie zwiększy użyteczność strony 404, pozwalając użytkownikom na łatwy dostęp do innych sekcji Twojej witryny.

Podsumowując, edytowanie pliku 404.php daje Ci pełną kontrolę nad tym, jak wygląda i działa Twoja strona 404. Wykorzystaj te kroki, aby uczynić ją bardziej przyjazną i funkcjonalną dla odwiedzających.

Kategorią WordPress & Gutenberg
opiekuje się zespół z Lama Media,
który od 18 lat tworzy dobre strony internetowe.

Lama Media stworzyła między innymi strony dla:
* kolejedolnoslaskie.pl
* wielton.com.pl
* archicom.pl