URL-Kodierung erklärt: Was %20, + und %2F wirklich bedeuten

Bei der Prozentkodierung wird ein Zeichen, das eine URL nicht sicher transportieren kann, als Prozentzeichen mit seinem Byte-Wert in Hexadezimal geschrieben. Ein Leerzeichen wird zu %20, ein kaufmännisches Und zu %26, ein Schrägstrich zu %2F. Die Kodierung schützt den Aufbau eines Links, denn Zeichen wie & und = trennen die Teile eines Query-Strings.

URL kodieren und dekodierenURL voller %20-CodesKostenlos loslegen

Welche Zeichen bleiben unverändert

Der URI-Standard (RFC 3986), auf dem URLs aufbauen, lässt einige Zeichen unangetastet: die Buchstaben A bis Z und a bis z, die Ziffern und die vier Zeichen - _ . ~. Diese müssen nie kodiert werden. Andere Zeichen haben in einer URL eine Aufgabe. Der Doppelpunkt trennt das Schema vom Rest, der Schrägstrich trennt Pfadteile, das Fragezeichen beginnt die Abfrage, die Raute beginnt ein Fragment, und & und = teilen die Abfrage in Namen und Werte. Ein Zeichen mit einer Aufgabe muss kodiert werden, wenn du es als Daten meinst und nicht als Struktur.

Deshalb kann dasselbe Zeichen an einer Stelle kodiert werden und an einer anderen nicht. In einem Abfragewert muss das kaufmännische Und %26 sein, sonst wird der Link an der falschen Stelle geteilt. Im Pfad eines Links ist es einfach ein Zeichen.

Nicht-englische Buchstaben

Buchstaben außerhalb des einfachen Englisch werden als ihre UTF-8-Bytes kodiert, und jedes Byte wird als Prozentcode geschrieben. Das é in café besteht aus den zwei Bytes C3 und A9, also wird es zu %C3%A9, und das ganze Wort zu caf%C3%A9.

Ein einfaches Beispiel macht die Regeln greifbar. Der Text a b&c=d/é, als Komponente kodiert, wird zu a%20b%26c%3Dd%2F%C3%A9. Jedes Zeichen, das kein sicherer Buchstabe, keine Ziffer und kein sicheres Sonderzeichen ist, wird kodiert: das Leerzeichen, das kaufmännische Und, das Gleichheitszeichen, der Schrägstrich und der Akzentbuchstabe.

Komponente oder ganze URL

Es gibt zwei Arten der Kodierung, und das hat einen Grund. Eine Komponentenkodierung behandelt jedes reservierte Zeichen als Daten. Nutze sie für einen einzelnen Wert, etwa einen Suchbegriff oder einen Dateinamen in einem Link. Wird „rock & roll“ als Suchbegriff kodiert, entsteht rock%20%26%20roll, sodass das kaufmännische Und im Wert bleibt.

Eine Kodierung der ganzen URL behält den Aufbau. Wird https://example.com/a b kodiert, entsteht https://example.com/a%20b, wobei Schrägstriche und Doppelpunkt unberührt bleiben. Nutze sie für eine vollständige Adresse, die gültig gemacht werden muss, nicht für einen Wert, der in einen Link gehört.

Das URL-Tool bietet dafür die Einstellungen Komponente und Ganze URL. Die Dekodierung der ganzen URL behält außerdem kodierte Strukturzeichen wie %26 und %3D, sodass der Link nach dem Dekodieren weiterhin funktioniert.

Pluszeichen und Formulardaten

Webformulare nutzen eine andere Konvention. Wird ein Formular als Formulardaten abgeschickt, wird ein Leerzeichen als + statt %20 geschrieben. Ein echtes Pluszeichen wird dann als %2B geschrieben. So wird die Wendung C++ tips in Formulardaten zu C%2B%2B+tips und bei einer einfachen Komponentenkodierung zu C%2B%2B%20tips.

Beim Dekodieren gibt es denselben Unterschied. In einem Query-String bedeutet + meist ein Leerzeichen. Im Pfad eines Links ist + ein Pluszeichen. Das Tool liest + nur dann als Leerzeichen, wenn + für Leerzeichen verwenden (Formulardaten) angehakt ist. Lass die Option daher bei Pfaden und bei Werten aus, in denen ein Pluszeichen echt ist.

Einen langen Query-String lesen

Ein Link trägt seine Einstellungen oft nach dem Fragezeichen. Nimm dieses Beispiel:

https://shop.example/search?q=red%20shirt&size=M&tag=summer%2Bsale

Dekodiert heißt das: Die Suche gilt für red shirt, die Größe ist M, und das Tag ist summer+sale. Das %2B bleibt ein Pluszeichen, weil es kodiert war. Füge den Link in das URL-Tool ein, und es listet nach dem Dekodieren jeden Namen und jeden Wert auf, was einen langen Link leicht lesbar macht. Wenn du nur die kürzere Adresse ohne Tracking-Einstellungen willst, bereinige den Link zuerst.

Doppelte Kodierung

Der häufigste Fehler ist, einen Wert zweimal zu kodieren. Wird der Text %20 erneut kodiert, entsteht %2520, weil das Prozentzeichen selbst als %25 kodiert wird. Die Seite sucht dann nach einem wörtlichen %20 im Wert, und die Suche findet nichts. Dekodiere den Link einmal, prüfe das Ergebnis, und kodiere einen Wert nur, wenn es nötig ist.

Defekte Escapes

Auf ein Prozentzeichen müssen zwei hexadezimale Ziffern folgen, und die Ziffern müssen für Akzentbuchstaben gültiges UTF-8 bilden. Ein abgeschnittener Link oder ein versehentlich in den Text getipptes Prozentzeichen kann ein defektes Escape hinterlassen, etwa %E0%A4%A. Das Tool dekodiert, was es kann, lässt die defekten Bytes genau so stehen, wie sie sind, und meldet, wie viele es nicht dekodieren konnte. Es bricht nicht beim ersten Fehler ab.

Sonderfälle

• Leerzeichen in einem von Hand getippten Link. Die Adressleiste des Browsers kodiert Leerzeichen für dich, aber ein in ein Dokument kopierter Link kann noch rohe Leerzeichen enthalten. Kodiere sie, bevor du den Link weitergibst.
• Nicht-englische Domainnamen. Diese nutzen ein eigenes System, Punycode, und das Kodieren von Pfad oder Query ändert den Hostnamen nicht.
• Halbes Emoji. Eine fehlerhafte Kopie kann eine einzelne Surrogat-Hälfte hinterlassen, die sich nicht kodieren lässt. Das Tool ersetzt sie durch das Ersatzzeichen und zeigt dir an, dass es das getan hat.
• Base64 in Links. Ein Base64-Wert in einem Link folgt eigenen Regeln, mit - und _ statt + und /. Siehe Base64 erklärt.

So geht es mit fixmint

1. Füge den Text oder den Link in Text oder URL ein.
2. Wähle Kodieren oder Dekodieren, dann Komponente für einen einzelnen Wert oder Ganze URL für eine vollständige Adresse.
3. Hake + für Leerzeichen verwenden (Formulardaten) an, wenn der Link aus einem Webformular stammt.
4. Bei einem Link liest du Query-Parameter, dekodiert ab, um jeden Namen und jeden Wert zu sehen.
5. Kopiere das Ergebnis.

Kurze Antworten

Was bedeutet %20?

Ein Leerzeichen. Sein Byte-Wert ist 20 in Hexadezimal.

Warum steht in meinem Link ein + statt %20?

Der Link stammt wahrscheinlich aus einem Formular, in dem + für ein Leerzeichen steht. Die Option „+ für Leerzeichen verwenden (Formulardaten)“ dekodiert es.

Warum sehe ich %2520 in meinem Link?

Der Wert wurde zweimal kodiert. Das Prozentzeichen von %20 wurde erneut als %25 kodiert. Dekodiere einmal, um zu %20 zu kommen, und noch einmal, um das Leerzeichen zu erhalten.