696 Stimmen

Wie ändere ich den Titel einer Webseite dynamisch?

Ich habe eine Webseite, die eine Reihe von Registerkarten implementiert, die jeweils unterschiedliche Inhalte anzeigen. Die Klicks auf die Registerkarten aktualisieren die Seite nicht, sondern verbergen/zeigen Inhalte auf der Client-Seite.

Jetzt gibt es die Anforderung, den Seitentitel entsprechend der ausgewählten Registerkarte auf der Seite zu ändern (aus SEO-Gründen). Ist das möglich? Kann jemand eine Lösung vorschlagen, um den Seitentitel dynamisch über JavaScript zu ändern, ohne die Seite neu zu laden?

17 Stimmen

document.title = "neuer Titel";, aber wenn die Seite IFrames hat, können Sie verwenden: window.top.document.title

0 Stimmen

Wie machen Sie Ihre Registerkartensammlung individuell und einzigartig?

0voto

Hamed Punkte 547

Google hat erwähnt, dass alle js-Dateien gerendert wurden, aber in Wirklichkeit habe ich meinen Titel und weitere Meta-Tags verloren, die von Reactjs auf dieser Website bereitgestellt wurden und tatsächlich meine Position bei Google verloren! Ich habe viel gesucht, aber anscheinend müssen alle Seiten vorgerendert sein oder SSR (Server-seitiges Rendern) verwenden, um ihr SEO-freundliches Protokoll zu haben!
Es erstreckt sich auf Reactjs, Angularjs usw.
Kurz gesagt: Jede Seite, die im Browser die Quellcode anzeigen Option hat, wird von allen Robotern indexiert. Wenn nicht, kann Google wahrscheinlich indexieren, aber andere überspringen die Indexierung!

0voto

shootingrubber Punkte 145

Ich möchte hier nur etwas hinzufügen: Das Ändern des Titels über JavaScript ist tatsächlich nützlich, wenn Sie eine Datenbank über AJAX aktualisieren, damit sich der Titel ändert, ohne dass Sie die Seite aktualisieren müssen. Der Titel ändert sich tatsächlich über Ihre serverside Skriptsprache, aber das Ändern über JavaScript ist nur eine Benutzerfreundlichkeit und UI-Sache, die die Benutzererfahrung angenehmer und flüssiger macht.

Wenn Sie jedoch den Titel nur aus Spaß über JavaScript ändern, sollten Sie das nicht tun.

0voto

Pbearne Punkte 925

Aber um die Vorteile des SEO zu erhalten

Sie müssen eine Seitenaktualisierung durchführen, wenn sich die Seite ändert, damit die Suchmaschinen die unterschiedlichen Titel usw. sehen.

Also stellen Sie sicher, dass die Aktualisierung der Seite funktioniert, bevor Sie Änderungen am Dokumententitel vornehmen.

-2voto

Vanyo Vanev Punkte 41

Der einfachste Weg ist es, das </code>-Tag aus index.html zu löschen und einzuschließen </p> <pre><code><head> <title>Website - Die Seite

auf jeder Seite im Web. Spiders werden dies finden und in den Suchergebnissen angezeigt werden :)

-7voto

D. Henry Punkte 23

Ich benutze einen separaten Header und füge ihn mit Hilfe von PHP ein. Im Header benutze ich:

<?php echo $title; ?>

Dann in jeder Seite benutze ich:

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X