Jak ukryć tytuł strony WordPress?

Kiedy tworzymy lub zarządzamy stroną internetową na platformie WordPress, często napotykamy na sytuacje, w których standardowe elementy struktury strony, takie jak tytuł, mogą nie pasować do naszej wizji lub potrzeb. Tytuł strony, nie mylić z meta title jest jednym z kluczowych elementów każdej witryny, zazwyczaj wyświetlanym na czele każdej strony lub posta, jako nagłówek H1 służącym jako punkt orientacyjny dla odwiedzających, . Jednakże, w pewnych okolicznościach, mogą zaistnieć przesłanki do ukrycia tego elementu. Może to być spowodowane chęcią stworzenia bardziej minimalistycznego wyglądu, potrzebą uniknięcia powtarzania tytułu na stronie, lub po prostu decyzją o innej prezentacji treści.

Czym są Nagłówki H1?

Nagłówki H1 to elementy HTML używane do wyróżniania najważniejszych tytułów na stronie internetowej. W kontekście WordPressa, często są one automatycznie stosowane do tytułów postów i stron. W WordPressie nagłówki H1 są często używane do zaznaczania tytułu posta lub strony, co pomaga użytkownikom zrozumieć strukturę i hierarchię treści na stronie.

Znaczenie nagłówków H1 dla SEO

• Optymalizacja Słów Kluczowych: Nagłówki H1 są istotne dla SEO, ponieważ pomagają wyszukiwarkom zrozumieć główny temat strony.
• Czynniki rankingowe: nagłówki H1 są silnym czynnikiem rankingowym, ich brak może wpływać na pozycje serwisu.
• Poprawa Użyteczności i Dostępności: Dobrze skonstruowane nagłówki H1 ułatwiają nawigację po stronie, co jest korzystne zarówno dla użytkowników, jak i dla SEO.
• Hierarchia Treści: Użycie nagłówków H1 do zaznaczania najważniejszych punktów treści pomaga w utworzeniu klarownej hierarchii na stronie, co jest dobrze widziane przez algorytmy wyszukiwarek.

Należy używać nagłówków H1 ostrożnie – zazwyczaj powinien być tylko jeden nagłówek H1 na stronę, aby uniknąć dezorientacji zarówno użytkowników, jak i wyszukiwarek. Pamiętać trzeba również o tym żeby nagłówek H1 znajdował się na początku treści strony, przed innymi nagłówkami i treściami, jeśli nie jest to możliwe najważniejsze jest to by znajdował się jak najwyżej w treści strony, umieszczanie nagłówka H1 poniżej dużych bloków treści może wpływać negatywnie na pozycje

Ukrywanie tytułu strony w WordPressie

Z problemem konieczności usunięcia nagłówka H1, napotkałem się w mojej pracy już nie raz, często w starszych motywach, nagłówki H1 są ostylowane “na sztywno” co utrudnia tworzenie spójnych graficznie szablonów landing page’y czy wpisów. Zazwyczaj można to rozwiązać poprzez wdrożenie skryptu przez Google Tag manager lub dodanie skryptu JS do nagłówka, jednak jest to rozwiązanie jednorazowe które za każdym razem wymaga dodania identyfikatora strony do utworzonych wcześniej skryptów. Stąd narodził się mój pomysł na utworzenie prostej wtyczki usunie nagłówek H1 na wybranych stronach.

Ten plugin dla WordPressa, umożliwia usuwanie nagłówka H1 o klasie page-title z wybranych stron lub postów. Oto jego działanie, krok po kroku:

1. Dodawanie Meta Boxa: Funkcja remove_h1_add_custom_box dodaje meta box w edytorze stron i postów. Umożliwia on wybranie opcji usunięcia nagłówka H1 dla konkretnego posta lub strony.
2. Wyświetlanie Checkboxa: W meta boxie znajduje się checkbox, który po zaznaczeniu aktywuje funkcję usuwania nagłówka H1.
3. Zapisywanie Stanu Checkboxa: Funkcja remove_h1_save_postdata zapisuje stan checkboxa. Jeśli jest zaznaczony, stan jest zapisywany w meta danych posta.
4. Usuwanie Nagłówka H1: Jeśli checkbox jest zaznaczony, skrypt JavaScript (remove_h1_script) usuwa nagłówek H1 z DOM strony lub posta.

Plugin jest przydatny w sytuacjach, gdzie nagłówek H1 jest automatycznie dodawany przez szablon WordPressa, ale z jakiegoś powodu nie jest potrzebny lub pożądany na konkretnej stronie lub w poście.

Jeśli klasa wbudowanego nagłówka h1 na twojej stronie jest inna niż page-title, niestety musisz edytować kod wtyczki!! Zmień fragment kodu zaznaczony poniżej w pliku remove-h1.php.

<script type="text/javascript" id="remove-h1">
                document.addEventListener("DOMContentLoaded", function() {
                        var h1 = document.querySelector('h1.page-title');
                        h1.parentNode.removeChild(h1);
                    });
</script>

Jak zainstalować dodatek?

Dodatek może pobrać bezpośrednio z linku poniżej, lub pobrać repozytorium z GitHuba, później wykorzystując panel WordPress przechodzimy do Wtyczki > Dodaj wtyczkę > Wyślij wtyczkę na serwer, tam korzystając z formularza wrzucamy spakowany w archiwym ZIP dodatek i klikamy zainstaluj, po instalacji wtyczka jest gotowa do użytku.

Pobierz wtyczkę:

Jak działa dodatek?

Plugin dla WordPressa, pozwala usunąć nagłówek H1 o klasie page-title z wybranych stron lub postów, żeby to zrobić wystarczy przejść do edycji wpisu lub strony i w menu bocznym zaznaczyć opcje “Czy usunąć nagłówek H1”, jeśli element HTML H1 o klasie page-title istnieje zostanie usunięty z szablonu strony

Podsumowanie

W tym artykule omówiłęm zarówno znaczenie nagłówków H1 w kontekście WordPressa i SEO, jak i praktyczne metody ich ukrywania przy użyciu pluginu “Remove H1”. Dzięki temu narzędziu, możesz łatwo zarządzać wyświetlaniem nagłówków H1 na swoich stronach. Zachęcam do kontaktu jeśli potrzebujesz więcej informacji lub jesteś zainteresowany usługami mojej firmy!