Praxisleitfaden

URL Encoder und Decoder online: Links und Query Strings reparieren

URLs online kodieren und dekodieren, Query Strings reparieren und den Unterschied zwischen encodeURI und encodeURIComponent verstehen.

URL-Text wird in einem Browser-Tool in prozentkodierte Zeichen umgewandelt

Warum URL-Kodierung existiert

Eine URL ist nicht nur normaler Text. Sie hat eine Struktur: Protokoll, Domain, Pfad, Query String, Anker, Trennzeichen und Sonderzeichen. Wenn eine URL Leerzeichen, arabischen Text, Symbole oder eingefuegte Werte enthaelt, muss sie manchmal kodiert werden, damit sie korrekt funktioniert.

URL-Kodierung wandelt Sonderzeichen in Prozentform um. Ein Leerzeichen kann zu %20 werden, ein Fragezeichen kann zu %3F werden, wenn es Teil eines Werts ist, und nicht-lateinischer Text kann sicher in einem Link dargestellt werden. So werden kaputte Links und falsche Query Strings vermieden.

Der URL-Encoder / Decoder von IGY Apps ist fuer diese Aufgabe gedacht. Fuegen Sie eine URL oder Textzeichenfolge ein, waehlen Sie URI kodieren, URI dekodieren oder Komponente kodieren und kopieren Sie das Ergebnis. Alles laeuft im Browser.

Wann Sie einen URL-Encoder brauchen

Nutzen Sie URL-Kodierung, wenn ein Link Leerzeichen, Symbole, nicht-englischen Text oder Werte enthaelt, die in einen Query String eingefuegt werden. Das passiert bei Such-URLs, Kampagnenlinks, Redirect-URLs, API-Beispielen und Tracking-Parametern.

Ein Wert kann zum Beispiel &, ?, = oder / enthalten. Wenn diese Zeichen nicht korrekt kodiert sind, interpretiert der Browser sie als Struktur der URL statt als Teil des Werts. Dadurch kann der Query String aufgeteilt oder die Bedeutung des Links veraendert werden.

Dekodierung ist der umgekehrte Vorgang. Sie hilft, wenn Sie einen Link mit vielen Sequenzen wie %20, %2F oder %3A erhalten und den urspruenglichen Text lesen moechten.

Encode URI oder Encode Component

Der Unterschied ist wichtig. Encode URI wird verwendet, wenn Sie eine vollstaendige URL haben und unsichere Zeichen kodieren moechten, waehrend die normale URL-Struktur erhalten bleibt. Zeichen wie :, /, ? und & bleiben deshalb erhalten.

Encode Component wird verwendet, wenn Sie nur einen einzelnen Wert kodieren, der in eine URL eingefuegt wird, etwa einen Query-Parameter. Es kodiert mehr Zeichen, darunter ?, & und =, damit diese Symbole die umgebende URL nicht zerbrechen.

Einfache Regel: Encode URI fuer einen kompletten Link, Encode Component fuer einen einzelnen Parameterwert.

So nutzen Sie das Tool

Oeffnen Sie URL-Encoder / Decoder. Fuegen Sie Ihre URL oder Ihren Text in das Eingabefeld ein.

Waehlen Sie die passende Aktion:

  • URI kodieren, wenn die Eingabe eine komplette URL ist.
  • URI dekodieren, wenn Sie eine kodierte URL lesen moechten.
  • Komponente kodieren, wenn die Eingabe ein Wert fuer einen Query String ist.

Wenn das Ergebnis erscheint, nutzen Sie Kopieren fuer die Zwischenablage. Nutzen Sie Tauschen, wenn Sie die Ausgabe zurueck in die Eingabe uebernehmen und weiterarbeiten moechten.

Typische Beispiele

Wenn Sie eine Such-URL bauen, kodieren Sie die Suchphrase, bevor Sie sie in den Parameter einsetzen. Eine Phrase mit Leerzeichen oder Sonderzeichen sollte nicht in jedem Kontext roh eingefuegt werden.

Wenn Sie eine Redirect-URL bauen, kodieren Sie die Ziel-URL als Komponente, bevor sie in eine andere URL kommt. Sonst koennen innere ? und & den aeusseren Link zerbrechen.

Wenn Sie Marketinglinks pruefen, dekodieren Sie sie, um Kampagnennamen, Zielseiten oder versteckte Redirects zu lesen.

Wenn Sie Seitenslugs vorbereiten, nutzen Sie Slug-Generator. Slugs sind nicht dasselbe wie URL-Kodierung. Ein Slug soll sauber und lesbar sein, URL-Kodierung stellt Zeichen sicher innerhalb einer URL dar.

URL-Kodierung oder HTML-Entities

URL-Kodierung ist fuer URLs. HTML-Entity-Kodierung ist fuer HTML-Inhalte. Beide loesen unterschiedliche Probleme.

Wenn Text in einen Link oder Query String kommt, ist URL-Kodierung meist richtig. Wenn Zeichen wie <, >, & oder Anfuehrungszeichen sicher im HTML-Quelltext stehen sollen, nutzen Sie HTML-Entity-Encoder.

Eine Verwechslung erzeugt oft seltsame Ausgaben. %20 gehoert in kodierte URLs, waehrend &amp; in HTML-Kontexte gehoert.

Datenschutz und vorsichtiger Umgang

Der URL-Encoder / Decoder laeuft lokal in Ihrem Browser. Das ist nuetzlich fuer interne Links, Entwuerfe von Kampagnen-URLs, API-Beispiele oder private Query Strings, die Sie nicht an einen externen Dienst senden moechten.

Kodierung ist aber keine Verschluesselung. Sie versteckt keine Geheimnisse. Jede Person kann eine kodierte URL wieder dekodieren. Legen Sie Passwoerter, private Tokens oder sensible Daten nicht in URLs ab, wenn das System nicht bewusst dafuer ausgelegt ist.

Empfehlung

Nutzen Sie URL-Encoder / Decoder, wenn ein Link Sonderzeichen, nicht-englischen Text oder Query-Werte enthaelt, die unveraendert bleiben muessen.

Nutzen Sie Slug-Generator fuer lesbare Seitenslugs und HTML-Entity-Encoder fuer sichere Sonderzeichen in HTML.

Passende Links

Öffnen Sie das echte Tool oder den Bereich, der zu diesem Artikel passt.

Zurück zum Blog