Verändere Website-Texte direkt im Browser [UX-Writing Trick]
Du möchtest testen, wie unterschiedliche Formulierungen auf deiner Website wirken? Du willst Feedback zu verschiedenen Textversionen einholen, direkt im Kontext der Website?
Dieser kleine Trick hilft dir dabei!
In dieser Anleitung zeigen wir dir, wie du jeglichen Text auf jeglicher Website direkt im Browser anpassen kannst, um damit zu experimentieren.
Wichtig: Die Änderungen, die du so vornimmst, sind nur für dich sichtbar – die Originalversion der Webseite verändert sich nicht. Deine Änderungen verschwinden, wenn du die Seite neu lädst.
Du kannst also wild drauflos experimentieren, es geht nichts kaputt. Um die bearbeitete Version zu behalten und weiterzugeben, mach eine Screenshot, bevor du die Seite neu lädst.
UX-Writing Kurs
Verwandle deine Nutzenden in Fans: Klare Benutzerführung, authentische Brand Voice, hilfreiche KI-Tools.
Chrome
Schritt 1: Gewünschte Website öffnen
Öffne die Website, deren Text du verändern möchtest, in Google Chrome.
Schritt 2: Rechtsklick auf das Textelement
Mache einen Rechtsklick auf den Text, den du ändern möchtest, und wähle im Kontextmenü den Punkt "Untersuchen" (oder "Inspect" auf Englisch) aus. Dadurch öffnen sich die Developer Tools.
Schritt 3: Textelement im Quellcode finden
Im sich öffnenden DevTools-Fenster wird der entsprechende HTML-Code des Textelements hervorgehoben. Klicke doppelt auf den hervorgehobenen Text im Quellcode, um ihn zu bearbeiten.
Schritt 4: Text ändern
Gib den neuen Text ein und drücke die Eingabetaste (Enter). Der geänderte Text wird sofort auf der Website angezeigt.
Schritt 5: Änderungen überprüfen
Schließe die DevTools und sieh dir an, wie der neue Text im Kontext der Website wirkt. Beachte, dass diese Änderungen nur lokal auf deinem Computer sichtbar sind und nicht dauerhaft gespeichert werden.
Schritt 6: Screenshot machen
Wenn du mit dem Ergebnis zufrieden bist, kannst du einen Screenshot machen, um die Änderungen zu dokumentieren oder Feedback von anderen einzuholen.
Edge
Schritt 1: Gewünschte Website öffnen
Öffne die Website, deren Text du verändern möchtest, in Microsoft Edge.
Schritt 2: Rechtsklick auf das Textelement
Mache einen Rechtsklick auf den Text, den du ändern möchtest, und wähle im Kontextmenü den Punkt "Untersuchen" (oder "Inspect" auf Englisch) aus. Dadurch öffnen sich die Developer Tools.
Schritt 3: Textelement im Quellcode finden
Im sich öffnenden DevTools-Fenster wird der entsprechende HTML-Code des Textelements hervorgehoben. Klicke doppelt auf den hervorgehobenen Text im Quellcode, um ihn zu bearbeiten.
Schritt 4: Text ändern
Gib den neuen Text ein und drücke die Eingabetaste (Enter). Der geänderte Text wird sofort auf der Website angezeigt.
Schritt 5: Änderungen überprüfen
Schließe die DevTools und sieh dir an, wie der neue Text im Kontext der Website wirkt. Beachte, dass diese Änderungen nur lokal auf deinem Computer sichtbar sind und nicht dauerhaft gespeichert werden.
Schritt 6: Screenshot machen
Wenn du mit dem Ergebnis zufrieden bist, kannst du einen Screenshot machen, um die Änderungen zu dokumentieren oder Feedback von anderen einzuholen.
Safari
Schritt 1: Gewünschte Website öffnen
Öffne die Website, deren Text du verändern möchtest, in Safari.
Schritt 2: Entwicklermenü aktivieren (falls erforderlich)
Falls das Entwicklermenü noch nicht aktiviert ist, wird möglicherweise ein Popup-Fenster erscheinen, sobald du versuchst, die DevTools zu öffnen. In diesem Fall kannst du einfach das Popup bestätigen, um das Entwicklermenü zu aktivieren. Alternativ kannst du dies auch manuell über “Safari" > "Einstellungen" > "Erweitert" tun und "Menü 'Entwickler' in der Menüleiste anzeigen" aktivieren.
Schritt 3: Rechtsklick auf das Textelement
Mache einen Rechtsklick auf den Text, den du ändern möchtest, und wähle im Kontextmenü den Punkt "Element untersuchen" aus. Dadurch öffnen sich die Developer Tools.
Schritt 4: Textelement im Quellcode finden
Im sich öffnenden DevTools-Fenster wird der entsprechende HTML-Code des Textelements hervorgehoben. Klicke doppelt auf den hervorgehobenen Text im Quellcode, um ihn zu bearbeiten.
Schritt 5: Text ändern
Gib den neuen Text ein und drücke die Eingabetaste (Enter). Der geänderte Text wird sofort auf der Website angezeigt.
Schritt 6: Änderungen überprüfen
Schließe die DevTools und sieh dir an, wie der neue Text im Kontext der Website wirkt. Beachte, dass diese Änderungen nur lokal auf deinem Computer sichtbar sind und nicht dauerhaft gespeichert werden.
Schritt 7: Screenshot machen
Wenn du mit dem Ergebnis zufrieden bist, kannst du einen Screenshot machen, um die Änderungen zu dokumentieren oder Feedback von anderen einzuholen.
Firefox
Schritt 1: Gewünschte Website öffnen
Öffne die Website, deren Text du verändern möchtest, in Mozilla Firefox.
Schritt 2: Rechtsklick auf das Textelement
Mache einen Rechtsklick auf den Text, den du ändern möchtest, und wähle im Kontextmenü den Punkt "Element untersuchen" (oder "Inspect" auf Englisch) aus. Dadurch öffnen sich die Developer Tools.
Schritt 3: Textelement im Quellcode finden
Im sich öffnenden DevTools-Fenster wird der entsprechende HTML-Code des Textelements hervorgehoben. Klicke doppelt auf den hervorgehobenen Text im Quellcode, um ihn zu bearbeiten.
Schritt 4: Text ändern
Gib den neuen Text ein und drücke die Eingabetaste (Enter). Der geänderte Text wird sofort auf der Website angezeigt.
Schritt 5: Änderungen überprüfen
Schließe die DevTools und sieh dir an, wie der neue Text im Kontext der Website wirkt. Beachte, dass diese Änderungen nur lokal auf deinem Computer sichtbar sind und nicht dauerhaft gespeichert werden.
Schritt 6: Screenshot machen
Wenn du mit dem Ergebnis zufrieden bist, kannst du einen Screenshot machen, um die Änderungen zu dokumentieren oder Feedback von anderen einzuholen.
UX-Writing Kurs
Verwandle deine Nutzenden in Fans: Klare Benutzerführung, authentische Brand Voice, hilfreiche KI-Tools.