HTML Şifreleme ve E-posta Adresi Gizleme
Bir e-posta adresini veya HTML parçasını yapıştırın; HTML entity, ondalık/onaltılık karakter referansı ya da JavaScript kaçış dizisiyle kodlanmış halini ve sayfanıza ekleyebileceğiniz kodu verelim. Kodlanmış bir metni çözmek için Çöz sekmesini kullanın. Her şey tarayıcınızda çalışır.
HTML şifreleme ne demek?
“HTML şifreleme” olarak aranan işlem aslında kodlamadır (encoding): karakterler, tarayıcının aynı şekilde gösterdiği farklı bir yazımla ifade edilir. Örneğin “@” işareti, Unicode’daki 64 numarasını kullanan ondalık karakter referansıyla yazılabilir; tarayıcı ekranda yine “@” gösterir. Bu işlem anahtarsız ve geri çevrilebilirdir; herkes kodu çözebilir. Bu yüzden parola, kişisel veri veya kaynak kodunu korumak için kullanılamaz.
Kaynak kodumu gizleyebilir miyim?
Hayır. Tarayıcı sayfayı göstermek için HTML’yi çözmek zorundadır; geliştirici araçlarıyla kodlanmış her içerik okunabilir. Gizli kalması gereken mantık sunucu tarafında (PHP, Node.js vb.) çalışmalıdır.
E-posta adresinizi spam botlarından koruyun
Sitenize düz metin olarak yazılan e-posta adresleri, sayfaları tarayan basit botlar tarafından toplanıp spam listelerine eklenir. Adresi HTML entity ile kodlamak veya JavaScript ile parçalardan birleştirmek bu basit botların büyük kısmını engeller; ziyaretçiler ise adresi normal şekilde görür ve tıklar.
Hangi yöntem daha iyi?
Entity kodlama JavaScript gerektirmez ve ekran okuyucularla uyumludur ama gelişmiş botlar çözebilir. JS ile birleştirme daha güçlüdür; JavaScript’i kapalı ziyaretçiler için noscript etiketinin içine “ad [at] alanadi.com.tr” gibi bir yedek ekleyin. En güçlü koruma, adres yerine bot korumalı bir iletişim formudur.
Spam yine de gelirse
Gelen spam’i azaltmak için kurumsal e-posta hesabınızda filtreler oluşturun ve iletişim formunuza bot koruması ekleyin.
SEO açısından dikkat edilmesi gerekenler
HTML entity ile kodlanan metin, tarayıcılar gibi arama motorlarının HTML ayrıştırıcıları tarafından da çözülür; yani içeriği arama motorlarından gizlemez ve SEO’ya bir katkı da sağlamaz. JavaScript kaçış dizileriyle yazılıp sayfaya betikle eklenen metin ve bağlantılar ise ancak sayfa işlendiğinde görünür; ana metni ve bağlantıları bu yolla eklemek, arama motorlarının onları bulmasını geciktirebilir ya da engelleyebilir. Kullanıcıya gösterilenden farklı bir içeriği arama motorlarına sunmak (cloaking) ya da metni ziyaretçilerin göremeyeceği biçimde yalnız arama motorları için yerleştirmek (gizli metin) Google’ın spam politikalarına aykırıdır ve manuel işleme yol açabilir. Bu aracı yalnızca e-posta adresi ve özel karakter gösterimi gibi küçük parçalar için kullanın.
Erişilebilirlik
JS ile oluşturulan içerik ekran okuyucularda gecikmeli okunabilir; bağlantı metninin anlamlı olduğundan ve noscript yedeğinin bulunduğundan emin olun.
Hangi kodlamayı ne zaman kullanmalı?
HTML içinde özel karakter göstermek için HTML entity; adres çubuğundaki parametreler için URL encode; ikili veriyi metin olarak taşımak için Base64; parola saklamak için ise kodlama değil hash kullanılır.
Dört kodlama yönteminin farkı
| Özellik | Yalnız özel karakterler | Ondalık referans | Onaltılık referans | JavaScript kaçış dizisi |
|---|---|---|---|---|
| Neyi dönüştürür | HTML’de özel anlamı olan beş işareti (küçüktür, büyüktür, ve işareti, çift tırnak, kesme) | Tüm karakterleri | Tüm karakterleri | Tüm karakterleri |
| Nerede çözülür | HTML ayrıştırıcısında | HTML ayrıştırıcısında | HTML ayrıştırıcısında | Yalnız JavaScript dizgisi içinde |
| Boyut etkisi | Çok az | Her karakter birkaç kat uzar | Her karakter birkaç kat uzar | Her karakter en az altı karakter olur |
| Uygun kullanım | Kod örneklerini sayfada metin olarak göstermek | E-posta adresini basit botlardan gizlemek | Aynı amaç, onaltılık yazımla | Metni betik içinde kullanmak |
İlk üç yöntemin sonucu sayfaya doğrudan yazılabilir. JavaScript kaçış dizisi ise yalnız bir betiğin içinde anlam taşır; HTML’e düz metin olarak yazılırsa ziyaretçi kaçış dizisinin kendisini görür.
E-posta adresi HTML ile nasıl gizlenir?
- E-posta gizle sekmesini açın: Adresinizi ve bağlantıda görünecek metni yazın.
- Yöntemi seçin: Entity kodlu mailto veya JS ile birleştirilen mailto seçeneğini seçin.
- Kodu kopyalayın: Hazır kodu kopyalayıp sitenizin iletişim bölümündeki adresin yerine yapıştırın.
- Test edin: Sayfayı açıp bağlantıya tıklayın; e-posta programınızın doğru adresle açıldığını doğrulayın.
Sık sorulan sorular
HTML şifreleme güvenli mi?
Kodlama bir şifreleme değildir; herkes çözebilir. Yalnızca e-posta adreslerini basit botlardan korumak ve özel karakterleri göstermek için uygundur.
Kodlanmış e-posta adresi Google’da görünür mü?
Google kodlanmış adresi okuyabilir. Adresin aramada görünmesini istemiyorsanız iletişim formu kullanın.
HTML kodumu şifreleyip kopyalanmasını engelleyebilir miyim?
Hayır. Tarayıcı kodu göstermek için çözmek zorundadır. Değerli mantığı sunucu tarafında çalıştırın.
Sitemde anlamadığım kodlanmış bir kod buldum, ne yapmalıyım?
Çöz sekmesiyle içeriğine bakın; tanımadığınız script veya yönlendirme varsa siteniz ele geçirilmiş olabilir. Hacklenen site kurtarma hizmetimizden destek alabilirsiniz.
Bu araç URL encode ile aynı mı?
Hayır. URL’lerdeki karakterler için URL encode/decode aracını kullanın.
İçerik güvenlik politikası (CSP) kullanan sitede JavaScript yöntemi çalışır mı?
CSP satır içi betiklere izin vermiyorsa aracın ürettiği betik çalışmaz ve bağlantı “e-posta” metniyle kalır. Bu durumda betiği ayrı bir .js dosyasına taşıyın ya da entity ile kodlanmış bağlantıyı kullanın.
Çöz sekmesi yapıştırdığım kodu çalıştırır mı?
Hayır. Çöz sekmesi entity ve kaçış dizilerini yalnız düz metne çevirir ve sonucu bir metin alanında gösterir. Çözülen metinde betik, javascript: bağlantısı ya da eval gibi şüpheli ifadeler varsa araç ayrıca uyarır.
E-posta adresini görsel olarak koymak daha güvenli mi?
Önerilmez: ekran okuyucular görseldeki adresi okuyamaz, ziyaretçiler de adresi kopyalayamaz. Adresi sayfada hiç göstermek istemiyorsanız iletişim formu kullanın.
İlgili araçlar ve hizmetler
E-posta adreslerinizi korumanın yanında, spam’den arındırılmış ve kendi alan adınızla çalışan kurumsal e-posta hesaplarımızı inceleyin.
- .htaccess OluşturucuHazır .htaccess kuralları oluşturun: HTTPS’e ve www’ye yönlendirme, 301 yönlendirme, özel hata sayfaları, önbellek, sıkıştırma ve güvenlik başlıkları.Tarayıcıda çalışır
- Hash OluşturucuMetin veya dosya için MD5, SHA-1, SHA-256 ve SHA-512 hash değerlerini tarayıcınızda hesaplayın; dosya bütünlüğünü doğrulamak için hash karşılaştırın.Tarayıcıda çalışır
- Base64 Encode / DecodeMetni Base64’e kodlayın veya Base64’ü çözün; URL güvenli Base64 ve dosyadan Data URI desteği.Tarayıcıda çalışır
- Chmod HesaplayıcıLinux dosya izinlerini kolayca hesaplayın: okuma, yazma, çalıştırma kutularını işaretleyin, 644 veya 755 gibi sayısal değeri ve chmod komutunu anında alın.Tarayıcıda çalışır
- Cron İfadesi OluşturucuZamanlanmış görevleriniz için cron ifadesi oluşturun veya mevcut ifadeyi Türkçe açıklamasıyla çözün; sonraki çalışma zamanlarını İstanbul saatiyle görün.Tarayıcıda çalışır
- URL Encode / DecodeTürkçe karakter, boşluk ve özel işaretleri URL’de güvenle kullanmak için yüzde kodlamasına çevirin veya çözün.Tarayıcıda çalışır