So verbergen oder entfernen Sie Seitentitel in WordPress (7 einfache Methoden)

Lust auf eine sauberere homepage, eine ablenkungsfreie landingpage, oder einen hero-bereich, der nicht mit einer großen standardüberschrift kämpft? der fix ist normalerweise der gleiche: den seitentitel in wordpress ausblenden Es ist eine kleine abänderung, und sie können es in unter zwei minuten tun, sobald sie wissen, welche methode zu ihrem setup passt.

Der Haken ist, dass “welche Methode” von Ihrem Theme, Ihrem Page Builder abhängt, und ob Sie möchten, dass der Titel von einer Seite oder Ihrer ganzen Seite weg ist Ein Block-Theme behandelt dies anders als ein klassisches Theme, und Elementor hat einen eigenen Kippschalter, den klassische WordPress-Benutzer nie sehen.

Im Folgenden sind sieben Möglichkeiten, um Seitentitel in WordPress auszublenden oder zu entfernen: Theme-Einstellungen, der Site Editor, CSS, Elementor, ein Theme-Builder, ein Plugin, und Code Jede hat unterschiedliche SEO - und Barrierefreiheitsfolgen, also mit offenen Augen auswählen Sie möchten keine Rankings gegen Ästhetik eintauschen.

Ausblenden vs. Entfernen eines Seitentitels: Was ist der Unterschied?

Diese beiden Wörter werden synonym verwendet, beschreiben jedoch unterschiedliche Dinge, und der Unterschied ist für SEO wichtig.

• Einen Titel verbergen Hält es im HTML der Seite, macht es aber für Besucher unsichtbar, meist mit CSS. Suchmaschinen und Screenreader können es immer noch sehen, so behält die Seite ihren Kontext Betrachten Sie es als Tarnkappe.
• Entfernen eines Titels Löscht es vollständig aus dem HTML. Die Seite sieht für Besucher gleich aus, aber Suchmaschinen verlieren eine kontextbezogene Information und Benutzer von Bildschirmlesegeräten verlieren die Überschrift, die ihnen sagt, worum es auf der Seite geht.

Für die meisten Seiten ist das Ausblenden die sicherere Wahl Das Entfernen macht hauptsächlich auf Seiten Sinn, die vollständig in einem Page Builder erstellt sind, wo Ihr Design bereits eine eigene H1-Überschrift enthält und der Titel des Themes ein Duplikat wäre.

Seitentitel vs. SEO-Titel: Verwechseln Sie die Zwei nicht

Eine kurze Klarstellung vor den Methoden, denn das stolpert bei vielen Menschen hoch Der Seitentitel, den man auf der Seite sieht (die H1-Überschrift) und der SEO-Titel (der Titel-Tag, der in den Google-Ergebnissen angezeigt wird und der Browser-Tab) sind zwei verschiedene Dinge.

Jede Methode in diesem Handbuch betrifft nur den sichtbaren Onpage-Titel Dein SEO-Titel, festgelegt durch dein Theme oder ein SEO-Plugin wie Yoast oder Rank Math, bleibt genau dort, wo er ist Das Verstecken des Onpage-Titels wird also deinen Eintrag in den Suchergebnissen nicht ausblenden.

Methode 1: Verwenden Sie die integrierte Titeloption Ihres Themas

Bevor Sie CSS oder Plugins berühren, prüfen Sie, ob Ihr Theme dies bereits löst Viele beliebte Themes werden mit einem Titel-Toggle pro Seite ausgeliefert:

• Astra Fügt ein Ankreuzfeld “Titel deaktivieren” in den Seitenleisteneinstellungen hinzu.
• GeneratePress enthält Titelsichtbarkeitskontrollen in seinem Layout-Metafeld.
• Kadence und Neve bieten ähnliche Umschalter pro Seite an.

Öffnen Sie eine beliebige Seite im Editor, schauen Sie sich die Sidebar der Einstellungen auf der rechten Seite an und suchen Sie nach einer Option namens “Deaktivierbarer Titel”, “Titel ausblenden” oder “Titlesichtbarkeit” Wenn es da ist, kreuzen Sie es an, aktualisieren Sie die Seite, und fertig Kein Code, kein Plugin, nur auf diese Seite angewendet.

Wenn Sie noch ein Thema für Ihr nächstes Projekt auswählen, ist unsere Zusammenfassung des Beste Elementorthemen Deckt mehrere ab, die diesen Umschalter aus dem Karton enthalten.

Methode 2: Seitentitel in einem Block-Theme ausblenden (Site-Editor)

Verwenden Sie ein Blockthema wie Twenty Twenty-Four oder Twenty Twenty-Five? Sie werden sehen Auftritt > Editor In Ihrem Dashboard statt dem alten Customizer Sie haben hier zwei Möglichkeiten.

Option A: Entfernen Sie den Titelblock aus der Vorlage

Dadurch wird der Titel von jeder Seite entfernt, die die Vorlage verwendet:

1. Gehe zu Aussehen > Editor > Vorlagen.
2. Öffnen Sie die Seiten Vorlage (oder welche Vorlage Ihre Seite auch verwendet).
3. Klicken Sie auf die Titel Blockieren, öffnen Sie das Drei-Punkte-Optionsmenü und wählen Sie Löschen.
4. Speichern Sie die Vorlage.

Dies ist eine wahre Entfernung: der Titel ist aus dem HTML. Seiten, die diese Vorlage verwenden, benötigen eine eigene Überschrift, also fügen Sie einen Überschriftenblock oben an jedem hinzu. Andernfalls landen Besucher und Suchmaschinen auf einer Seite ohne H1. Die WordPress Titel Block Dokumentation Deckt diesen Block genauer ab.

Option B: Verstecken Sie den Titel mit CSS (behält SEO-Wert)

Wenn Sie sich lieber verstecken als entfernen möchten, fügen Sie stattdessen eine kleine CSS-Regel hinzu:

1. Navigieren zu Aussehen > Editor > Stile.
2. Klicken Sie auf die Bearbeiten (Stift) Symbol, dann das Drei-Punkte-Menü und wählen Sie Zusätzliches CSS.
3. Fügen Sie den folgenden Code ein und speichern Sie.

.wp-block-post-title {
    display: none;
}

Hier der ganze Ablauf auf dem Bildschirm:

Eines zu wissen: dies verbirgt den Titel auf jeder Seite und jedem Beitrag Um nur Seiten anzuvisieren, verwenden Sie .page .wp-block-post-title Stattdessen. Und wenn der Titel nach dem Speichern noch angezeigt wird, aktualisieren Sie die Seite hart (Strg+Umschalt+R), da Ihr Browser wahrscheinlich das alte Stylesheet aus dem Cache bedient.

Methode 3: Titel mit CSS im Theme Customizer (Classic Themes) ausblenden

Wenn Aussehen > Anpassen Wird in Ihrem Dashboard angezeigt, Sie haben ein klassisches Theme und das zusätzliche CSS-Panel des Customizer ist der schnellste Plugin-freie Weg.

Suchen Sie zunächst die CSS-Klasse, die Ihr Theme für Titel verwendet Klicken Sie mit der rechten Maustaste auf den Titel auf einer beliebigen Seite, wählen Sie Inspizieren, und schauen Sie sich das Überschriftenelement an In den meisten klassischen Themen ist die Klasse entry-title‘aber nicht annehmen’ Viele Themes benennen es um, und eine Regel, die auf die falsche Klasse abzielt, bringt nichts Dann:

1. Gehe zu Aussehen > Anpassen > Zusätzliches CSS.
2. Fügen Sie die untenstehende Regel hinzu und veröffentlichen Sie.

.post .entry-title {
    display: none;
}

Tauschen .post Für .page Seiten anzuvisieren, oder zu verwenden .page-id-42 .entry-title Titel auf einer einzigen Seite auszublenden (die ID findest du in der Bearbeitungs-URL der Seite, behandelt in Methode 7).

Vorteile des CSS-Ansatzes:

• Kein Plugin erforderlich.
• Der Titel bleibt im HTML, SEO und Screenreader sind also davon unberührt.
• Sie können eine Seite, alle Seiten oder alle Beiträge mit einem einzigen Selektor anvisieren.

Nachteile:

• Jedes Thema benennt seine Titelklasse anders, daher müssen Sie möglicherweise zuerst einen Blick darauf werfen.
• Wenn Sie die Themen wechseln, kann es sein, dass die Regel nicht mehr übereinstimmt und die Titel wieder auftauchen.

Methode 4: Verstecken Sie den Seitentitel in Elementor

Elementor-Benutzer erhalten die einfachste Methode von allen, und es funktioniert in der kostenlosen Version Öffnen Sie die Seite im Elementor-Editor, klicken Sie auf die Einstellungen (Getriebe) Symbol unten links im Bedienfeld und einschalten Titel ausblenden. Aktualisieren Sie die Seite und der Titel des Themas verschwindet nur von dieser Seite.

Die Einstellung gilt pro Seite, passt also auf Landingpages, auf denen man ohnehin seinen eigenen Heldenteil gestaltet, da man die Seite optisch aufbaut, ein eigenes Heading-Widget auf H1 hinzufügen, damit die Seite noch eine ordentliche Überschriftenstruktur hat Unser Leitfaden zum Benutzerdefinierte WordPress-Layouts mit Elementor Vertieft auf die Strukturierung von Builder-Made-Seiten.

Titel nicht funktionieren? den Titelwähler beheben

Elementor versteckt Titel, indem es gängige CSS-Klassen wie z entry-title. Wenn Ihr Theme eine benutzerdefinierte Klasse verwendet, schlägt der Umschalter lautlos fehl Dieser fängt viele Leute, und der Fix dauert eine Minute:

1. Überprüfen Sie den Titel Ihrer Seite im Browser und kopieren Sie die CSS-Klasse.
2. Gehen Sie in Elementor zu Site-Einstellungen > Layout.
3. Fügen Sie die Klasse ein (zum Beispiel h1.custom-title) in die Seitentitelauswahl Feld und speichern.

Der Hide Title-Toggle weiß nun, worauf er achten muss Elementor's own Titeldokumentation ausblenden Deckt auch diese Einstellung ab.

Alternative: verwenden Sie das Elementor Canvas-Layout

Für Landingpages gibt es ein Blunter-Instrument. Ändern Sie im selben Seiteneinstellungsfeld Seitenlayout zu Elementor-Leinwand. Leinwand streift Kopf, Fußzeile und Titelbereich des Themas in einem Zug und lässt Ihnen ein unbeschriebenes Blatt. Verwenden Sie es, wenn Sie die vollständige Designkontrolle wünschen; Überspringen Sie es, wenn Sie noch die Navigation Ihrer Website benötigen, oder koppeln Sie es mit Ihrem eigenen Header, der mit einem erstellt wurde Themenbauer.

Methode 5: Entfernen Sie Titel Site-Wide mit einem Theme Builder

Alles funktioniert bisher Seite für Seite, oder versteckt Titel mit CSS, wenn man Titel aus jedem Blogbeitrag oder jeder Seite auf Template-Ebene weg haben möchte, ist ein Theme-Builder die sauberere Antwort, denn man steuert genau, welche Elemente eine Vorlage rendert.

Mit Elementor Pro gehen Sie zu Vorlagen > Theme Builder > EinzelpostBearbeiten Sie Ihre einzelne Beitragsvorlage, wählen Sie das Element Titel posten aus und löschen Sie sie.

Wenn Sie keine existierende einzelne Beitragsvorlage haben, erstellen Sie eine von Grund auf neu oder importieren Sie eine aus der Vorlagenbibliothek, dann entfernen Sie das Post Title-Widget, bevor Sie veröffentlichen.

Sie wollen Elementor Pro nicht nur dafür bezahlen? Master Addons beinhaltet eigene Themenbauer Damit können Sie Header, Footer, Single-Post-Vorlagen, Archive und 404 Seiten mit der kostenlosen Version von Elementor erstellen. Die Header-, Footer- und Comment Builder-Dokumentation Durchläuft das Setup, und durch die gleiche Template-Steuerung entscheiden Sie, ob überhaupt ein Titel erscheint Es ist der gleiche Ansatz, den wir in unserem Leitfaden verwenden Bearbeiten Sie Ihre Fußzeile in WordPress mit Elementor.

Vorteile:

• Eine Vorlagenbearbeitung deckt jeden Beitrag oder jede Seite dieses Typs ab.
• Volle visuelle Kontrolle, kein Code.
• Sie können es mit koppeln Anzeigebedingungen Unterschiedlichen Layouts für unterschiedliche Inhalte zu zeigen.

Nachteile:

• Benötigt Elementor Pro oder ein Theme-Builder-Plugin wie Master Addons.
• Dies ist eine echte Entfernung, daher benötigt Ihre Vorlage ein weiteres H1, z. B. ein Heading-Widget, das den Posttitel dynamisch dorthin zieht, wo Sie ihn haben möchten.

Methode 6: Verwenden Sie ein Title Remover Plugin

Wenn Sie lieber ein Kontrollkästchen anklicken, als CSS zu schreiben, ist das kostenlose Titelentferner Plugin macht einen Job gut Installieren und aktivieren, und jeder Seiten, Post - und benutzerdefinierte Posttyp bekommt in seinem Einstellungsfeld ein Ankreuzfeld “Titel für diesen Artikel ausblenden” Kreuzen Sie ihn auf den gewünschten Seiten an, lassen Sie ihn überall sonst aus.

Es ist die anfängerfreundlichste Option, obwohl es ein weiteres Plugin zur Wartung hinzufügt. Wenn Ihr Theme oder Seitenersteller bereits einen Kippschalter anbietet (Methoden 1 und 4), verwenden Sie diese zuerst und halten Sie Ihre Plugin-Liste kurz. Ein schlankerer Stapel hilft auch bei Ladezeiten, etwas, das wir in unserem Beitrag behandeln So beschleunigen Sie Elementor-Websites.

Methode 7: Titel mit Code entfernen (Funktionen.php)

Komfortable Bearbeitung von Themedateien? können Sie Titel auf PHP-Ebene herausfiltern Fügen Sie diese Snippets zu den Themes Ihres Kindes hinzu functions.php Datei. Verwenden Sie ein untergeordnetes Theme, damit ein Theme-Update Ihre Änderungen nicht löscht, und sichern Sie zuerst.

Entfernen Sie den Titel aus einzelnen Blogbeiträgen

add_filter( 'the_title', 'ma_remove_single_post_title', 10, 2 );
function ma_remove_single_post_title( $title, $id ) {
    if ( is_single() && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

Entfernen Sie den Titel von einer bestimmten Seite

add_filter( 'the_title', 'ma_remove_page_title', 10, 2 );
function ma_remove_page_title( $title, $id ) {
    if ( is_page( YOUR_PAGE_ID ) && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

Ersetzen YOUR_PAGE_ID Mit der ID der Seite, auf die du es abgesehen hast Die in_the_loop() Überprüfen Sie die Sache: Ohne sie kann der Filter auch Ihre Navigationsmenübeschriftungen und Widget-Titel ausblenden. Ich habe genau diesen Fehler gesehen, indem Sie ein ganzes Navigationsmenü auf einer Live-Site entfernen.

So finden Sie eine Seiten-ID

Öffnen Sie die Seite im WordPress-Editor und schauen Sie sich die URL in der Adresszeile Ihres Browsers an Die Zahl nach post= Seiten-ID ist.

Diese Methode ist eine echte Entfernung, also reservieren Sie sie für Fälle, in denen das Theme keinen Umschalter bietet und CSS keine Option ist Wenn Sie bereits in functions.php Gebiet, vielleicht gefällt Ihnen auch unser Tutorial dazu Deaktivieren Sie die Autosave-Funktion Mit einem ähnlichen Schnipsel.

SEO, UX und Barrierefreiheit: Was sich tatsächlich auf das Verstecken von Titeln auswirkt

Bevor Sie Titel auf Ihrer Website verstecken, wägen Sie die Kompromisse ab.

SEO. Das Verstecken mit CSS hält das H1 in Ihrem HTML, sodass Suchmaschinen es immer noch lesen Das Entfernen des Titels löscht dieses Signal, und eine Seite ohne H1 gibt Google weniger Kontext zum Inhalt Wenn Sie einen Titel entfernen, ersetzen Sie ihn immer durch ein anderes H1 irgendwo in Ihrem Design. Eine breitere Checkliste finden Sie in unserem SEO-Praktiken für Elementor Anleitung. Ihre Unterüberschriften tragen auch Gewicht Inhaltsverzeichnis Plugin Baut seine In-Page-Navigation aus Ihren H2 s und H3 s auf, also halten Sie den Rest der Überschriftenstruktur intakt.

Benutzererfahrung. Auf Landingpages hilft meist das Ablegen des Standardtitels: weniger konkurrierende Elemente, klarerer Weg zum Call to Action Auf Blogbeiträgen und Dokumentationen orientieren Titel die Leser, das Entfernen dort verwirrt tendenziell mehr als es poliert.

Zugänglichkeit. Screenreader verlassen sich auf Überschriften, um auf einer Seite zu navigieren Ein CSS-versteckter Titel wird weiterhin angekündigt, sodass die Zugänglichkeit erhalten bleibt Ein entfernter Titel ohne Ersatz H1 lässt die Benutzer des Screenreaders raten Wenn Ihr Design den Titel ersetzt, machen Sie den Ersatz zu einem echten Überschriftenelement, nicht zu einem gestylten Absatztext.

Wann sollten Sie Titel ausblenden und wann Sie sie behalten sollten

Titel sichtbar halten, wenn:

• Die Seite ist ein Blogbeitrag, ein Dokument oder irgendetwas, worauf Leser aus der Suche kommen.
• Sie benötigen eine klare Content-Hierarchie für Navigation und SEO.
• Der Titel bietet Kontext, den der Rest der Seite nicht wiederholt.

Titel ausblenden oder entfernen, wenn:

• Du baust Landingpages mit einer eigenen Heldenüberschrift.
• Das Homepage Design kommuniziert bereits, was die Seite ist.
• Die Titelplatzierung des Themes kollidiert mit einem Design, das Sie in Elementor erstellt haben, zum Beispiel einem Helden über die gesamte Breite unter einem Klebekopf in Elementor.

Häufig gestellte Fragen

Einwickelnd

Das Ausblenden oder Entfernen von Seitentiteln in WordPress hängt von der Auswahl der Methode ab, die zu Ihrem Setup passt. Überprüfen Sie zuerst den integrierten Umschalter Ihres Themes, verwenden Sie den Site Editor oder Customizer CSS für eine siteweite Ausblendung, greifen Sie auf einzelnen Landingpages nach Elementors Titel ausblenden und verwenden Sie einen Theme-Builder, wenn Sie eine Steuerung auf Template-Ebene ohne Titel irgendwo wünschen.

Welchen Weg Sie auch einschlagen, denken Sie an die Faustregel: Verstecken Sie sich mit CSS, wenn Sie den SEO-Wert beibehalten möchten, und wenn Sie einen Titel wirklich entfernen, geben Sie der Seite an ihrer Stelle ein weiteres H1.

Wenn Sie sowieso benutzerdefinierte Layouts erstellen, werfen Sie einen Blick auf den vollständigen Satz von Master-Addons Widgets und Erweiterungen. Der Themenbauer Benutzerdefinierte CSS-Erweiterung, und 80+ andere Tools bewältigen Aufträge wie diese ohne zusätzliche Plugins, und die Preisseite Zeigt, was in der kostenlosen und Pro-Version enthalten ist.