URL Kodlayıcı/Kod Çözücü Hakkında

URL kodlaması (yüzde kodlaması olarak da bilinir) RFC 3986'da tanımlandığı gibi, Uniform Resource Identifier (URI) içindeki bilgileri kodlamak için standartlaştırılmış bir mekanizmadır. Özel karakterleri, boşlukları ve ASCII olmayan karakterleri, veri bütünlüğünü korurken İnternet üzerinden güvenli bir şekilde aktarılabilen bir biçime dönüştürür.

Bir URL'yi kodlarken, özel karakterler yüzde işareti (%) ile değiştirilir ve ardından karakterin ASCII veya UTF-8 kodlamasındaki sayısal değerini temsil eden iki onaltılık basamak gelir. Örneğin, bir boşluk %20 olur ve soru işareti %3F olur.

URL kod çözme ters bir işlemdir: yüzde kodlu URL'leri orijinal, insan tarafından okunabilir forma geri dönüştürmek. Bu, web tarayıcılarının ve sunucuların RFC 3986 standartlarına uygun olarak URL'leri doğru şekilde işlemesi ve yorumlaması için gereklidir.

Kodlama nasıl çalışır?

Yüzde kodlu bir karakter üç bölümden oluşur: yüzde işareti (%) ve ardından bayt değerini temsil eden iki onaltılık basamak (0-9, A-F). ASCII karakterleri tek bayt kodlaması kullanır (örn. boşluk = %20), ancak UTF-8 kodlu karakterler uluslararası karakterler için çok baytlı kodlama kullanır (örn. "café" = caf%C3%A9).

RFC 3986 üç karakter türünü tanımlar:

• Ayrılmış karakterler (: / ? # [ ] @ ! $ & ' ( ) * + , ; =) – URL'lerde özel anlamı vardır ve uygun bağlamda kodlanmaması gerekir
• Ayrılmamış karakterler (A-Z, a-z, 0-9, - . _ ~) – asla kodlama gerektirmez
• Diğer tüm karakterler – güvenli iletim için yüzde kodlanmalıdır

Kullanım durumları

1. Boşluklu sorgu parametreleri

• hello world hello%20world olur
• search?q=machine learning search?q=machine%20learning olur

2. Uluslararası karakterler

• café caf%C3%A9 olur
• naïve na%C3%AFve olur
• 日本 %E6%97%A5%E6%9C%AC olur

3. Parametrelerdeki özel karakterler

• price=$100 price%3D%24100 olur
• email=user@example.com email%3Duser%40example.com olur
• tag=#awesome tag%3D%23awesome olur

4. Konu ve gövde içeren e-posta bağlantıları

• mailto:user@example.com?subject=Hello World mailto:user@example.com?subject=Hello%20World olur
• body=Check this out! body=Check%20this%20out%21 olur

5. Sosyal medya paylaşım URL'leri

• text=Check this out! #awesome text=Check%20this%20out%21%20%23awesome olur
• url=example.com/page?id=123 url=example.com%2Fpage%3Fid%3D123 olur

SEO en iyi uygulamaları

• URL'lerde aşırı kodlamayı önleyin: İnsan tarafından görülebilen URL'leri temiz tutun. example.com/seo%20best%20practices yerine example.com/seo-best-practices kullanın
• Boşluklar yerine tireler kullanın: Google, URL'lerde sözcük ayırıcıları olarak tireleri açıkça önerir
• Yalnızca küçük harfler kullanın: Yinelenen içerik sorunlarını önlemek için URL boyunca tutarlı küçük harfleri koruyun
• URL'leri kısa ve anlamlı tutun: URL'leri 75 karakterin altında tutun (3-5 anlamlı anahtar kelime dahil)
• Sorgu parametrelerini en aza indirin: Mümkün olduğunda statik URL yapılarını kullanın; parametreler rastrallama ve indeksleme zorlukları yaratır
• Oturum kimliklerini kaldırın: Özdeş sayfa içeriğiyle yinelenen içerik oluşturan oturum kimliklerinden kaçının
• Uygun UTF-8 kodlaması kullanın: Uluslararası karakterler için, siteniz genelinde tutarlı UTF-8 kodlaması sağlayın
• 301 yönlendirmelerini uygulayın: URL yapılarını değiştirirken, arama sıralamasını ve bağlantı otoritesini korumak için kalıcı yönlendirmeler kullanın

Sık kodlanan karakterler referansı

Sık kullanılan kodlanmış karakterler için hızlı referans:

• %20 – Boşluk (URL yollarında bunun yerine tireler kullanın)
• %23 – # (Hash/Hashtag)
• %26 – & (Ve işareti)
• %3D – = (Eşittir)
• %3F – ? (Soru işareti)
• %40 – @ (At işareti)
• %2B – + (Artı)
• %2F – / (Eğik çizgi)
• %24 – $ (Dolar işareti)
• %21 – ! (Ünlem işareti)
• %25 – % (Yüzde işareti)
• %3A – : (İki nokta üst üste)

Pratik uygulamalar

Web geliştirme

• URL'lerdeki sorgu parametrelerinin kodlanması (boşluk veya özel karakterli arama terimleri)
• Özel karakterleri olan API istekleri için veri hazırlama
• Özel karakterli HTML'de geçerli href öznitelikleri oluşturma
• onclick işleyicileri ve JavaScript URL'lerinin kodlanması
• Parametreli yönlendirme URL'lerinin işlenmesi

İçerik yönetimi

• Yüklenen dosya adlarının boşluk veya özel karakterlerle kodlanması
• Özel karakterli başlıkların URL güvenli slug'larına dönüştürülmesi
• Kodlanmış parametreli dinamik yönlendirmenin işlenmesi

E-posta ve iletişim

• Konu satırları ve gövde içeriğine sahip mailto bağlantıları oluşturma
• Parametreleri olan form işlem özniteliklerinin kodlanması
• QR kodu üretimi için kodlanmış URL'ler oluşturma

İlgili araçlar

Bu araçları da yararlı bulabilirsiniz:

• Base64 Kodlayıcı – İkili verileri ve dosyaları URL'lerden ayrı olarak kodla/çöz
• JSON Biçimlendirici – Kodlanmış URL'li API isteklerinde JSON verilerini doğrula ve biçimlendir
• Hash Oluşturucu – Doğrulama için kodlanmış URL'lerin kontrol toplamlarını oluştur

İpuçları

• URL'lerdeki sorgu parametrelerinin kodlanması (örneğin, boşluklu arama terimleri)
• Hatalı biçimlendirilmiş istekleri önlemek için API istekleri için veri hazırlama
• HTML ve JavaScript'te öznitelikleri kırmadan güvenli bağlantılar oluşturma
• E-posta bağlantıları ve mailto URL'lerinde özel karakterlerin kodlanması
• Uyumluluğu sağlamak için farklı tarayıcılarda kodlanmış URL'lerin test edilmesi
• Aynı içeriğe birden fazla URL varyasyonu aracılığıyla erişilebildiğinde kurallı etiketlerin kullanılması
• Google Search Console ve analitikte URL performansının izlenmesi

Yaygın hatalar ve çözümler

• URL yollarında ayrılmış karakterlerin kodlanması: İstenmeyen URL yapısı oluşturur. Yalnızca ayrılmamış karakterleri kodlayın.
• Tireler yerine boşluklar için %20 kullanımı: Okunabilirlik ve SEO'yu azaltır. URL yollarında tireleri kullanın: url-with-hyphens
• Büyük ve küçük harfleri karıştırmak: Yinelenen içerik sorunları yaratır. Tüm URL'lerde küçük harfleri zorlayın.
• Temiz URL'lerin aşırı kodlanması: Tıklama oranlarına ve kullanıcı deneyimine zarar verir. Yalnızca gerekli olduğunda kodlayın.
• Parametrelerdeki özel karakterlerin kodlanmaması: URL'leri ve API isteklerini kırar. Özel karakterleri olan parametreleri her zaman kodlayın.
• URL'lerdeki oturum kimliklerinin dahil edilmesi: Yinelenen içerik oluşturur. Oturum yönetimi için bunun yerine tanımlama bilgileri kullanın.
• Çok fazla parametreli dinamik URL'ler: Rastrallama ve indeksleme zordur. Mümkün olduğunda statik URL yapısı oluşturun.

Sık sorulan sorular

S: Kodlanmış URL'ler SEO'ya zarar verir mi?
C: Arama motorları URL'leri çözebilir, ancak okunaklı URL'ler tıklama oranları ve kullanıcı deneyimi açısından daha iyi performans gösterir. Kodlamayı yalnızca gerekli olduğunda (özel karakterli parametrelerde) kullanın, URL ana yolunda değil.

S: URL'lerdeki boşluklar için %20 mı yoksa + mı kullanmalıyım?
C: Sorgu dizelerinde %20 ve + her ikisi de boşlukları temsil eder, ancak %20 daha standarttır ve güvenilirdir. URL yollarında boşlukları kodlama yerine tireleri kullanın.

S: SEO için İngilizce olmayan karakterleri nasıl kodlarım?
C: UTF-8 yüzde kodlaması kullanın. Çoğu modern web sitesi, uluslararası karakterleri doğrudan URL'lerde (IDN - Uluslararasılaştırılmış Alan Adları) görüntüler; bu, arama motorları tarafından kodlamaya tercih edilir.

S: URL yapımı değiştirmek sıralamalarıma zarar verir mi?
C: Eski URL'lerden yeni URL'lere uygun 301 yönlendirmelerini uygularsanız sıralamaları koruyabilirsiniz. URL yapısını değiştirirken yönlendirmeleri hemen ayarlayın.

S: Arama motorları kodlanmış parametreleri indeksleyebilir mi?
C: Evet, ancak Google temiz, statik URL'leri tercih eder. Parametreleri ölçülü şekilde ve yalnızca gerekli filtreleme veya izleme amaçları için kullanın.

S: URL'nin maksimum uzunluğu nedir?
C: Teknik olarak URL'ler çok uzun olabilir, ancak çoğu tarayıcı 2.000 karaktere kadar URL'leri destekler. SEO için URL'leri mümkün olduğunda 75-100 karakter altında tutun.