{"id":806,"date":"2026-10-03T15:38:24","date_gmt":"2026-10-03T14:38:24","guid":{"rendered":"https:\/\/wpcalc.com\/tr\/url-kodlayici\/"},"modified":"2026-10-03T15:38:24","modified_gmt":"2026-10-03T14:38:24","slug":"url-kodlayici","status":"publish","type":"post","link":"https:\/\/wpcalc.com\/tr\/web-araclari\/url-kodlayici\/","title":{"rendered":"URL Kodlay\u0131c\u0131"},"content":{"rendered":"<section class=\"not-prose calculator-box\" aria-labelledby=\"calculator-title\"><div class=\"flex items-baseline sm:items-center justify-between gap-2 sm:gap-3\"><div class=\"flex flex-col sm:flex-row sm:items-center gap-2\"><span class=\"icon icon-calculator text-primary-700! text-base! dark:text-primary-300!\" aria-hidden=\"true\"><\/span><h2 id=\"calculator-title\" class=\"text-lg font-display font-bold\">Metni URL Olarak Kodlama Arac\u0131<\/h2><\/div><div class=\"calcdash-favorite group\">\n  <button type=\"button\" class=\"favorite\" id=\"favorite\" data-favorite-id=\"806\" data-favorite-title=\"URL Kodlay\u0131c\u0131\" data-favorite-url=\"https:\/\/wpcalc.com\/tr\/web-araclari\/url-kodlayici\/\" data-favorite-excerpt=\"Metni veya bir URL&#039;yi JavaScript tarz\u0131 y\u00fczde kodlamas\u0131yla kodlay\u0131n. Kopyalayabilece\u011finiz bir kodlanm\u0131\u015f dizge elde etmek i\u00e7in Metin veya URL alan\u0131na bir de\u011fer girin.\" aria-label=\"Favorilere ekle\" data-favorite-icon=\"icon icon-conversion\">\n    <span class=\"icon icon-shape-star-empty\" aria-hidden=\"true\"><\/span>\n  <\/button>\n  <div class=\"calcdash-favorite__tip\" aria-hidden=\"true\">\n   <span class=\"favorite-tooltip\" id=\"favorite-tooltip\"><\/span>\n  <\/div>\n  <span class=\"sr-only\" role=\"status\" id=\"favorite-status\"><\/span>\n<\/div><\/div><form action=\"https:\/\/wpcalc.com\/tr\/web-araclari\/url-kodlayici\/\" method=\"POST\" class=\"calculator\" id=\"calculator-806\" data-post=\"806\"><fieldset class=\"fieldset-input is-1\"><legend class=\"sr-only\">Giri\u015f alanlar\u0131<\/legend><div class=\"field is-single\" id=\"input-1\"><label for=\"field-1\">Metin veya URL<\/label><textarea id=\"field-1\" name=\"metin_veya_url\">https:\/\/calcdash.com\/tools?utm_source=chat<\/textarea><\/div><\/fieldset><div class=\"buttons\"><button type=\"submit\" data-text=\"Yeniden hesapla\" id=\"calculate-button\" data-post=\"806\">Hesapla<\/button><button type=\"reset\">S\u0131f\u0131rla<\/button><\/div><div class=\"field is-checkbox hidden!\" id=\"field-auto-calc\"><input type=\"checkbox\" id=\"auto-calc\"><label for=\"auto-calc\">Otomatik hesapla<\/label><small>Etkinle\u015ftirilirse, herhangi bir de\u011feri de\u011fi\u015ftirdi\u011finizde sonu\u00e7 otomatik olarak g\u00fcncellenir.<\/small><\/div><div class=\"fieldset-result is-hidden\" aria-labelledby=\"result-title\" aria-live=\"polite\" role=\"region\"> <h3 class=\"result-title bg-gradient-to-r from-primary-50 to-gray-50 dark:from-primary-900 dark:to-gray-800\" id=\"result-title\"><span class=\"icon icon-s-pulse\" aria-hidden=\"true\"><\/span> Sonu\u00e7lar\u0131n\u0131z<\/h3><div class=\"result-box\"><div class=\"field-result is-column\" id=\"output-1\"><span class=\"field-title\"><span>Kodlanm\u0131\u015f URL<\/span><\/span><span class=\"field-value\" id=\"result-1\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Sonucu kopyala\" aria-label=\"Sonucu kopyala\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><\/div><div class=\"result-actions\"><button type=\"button\" class=\"copy-link\"><svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z\"\/><path d=\"M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z\"\/><\/svg><span class=\"copy-link__text\">Bu hesaplaman\u0131n ba\u011flant\u0131s\u0131n\u0131 kopyala<\/span><\/button><span class=\"sr-only\" role=\"status\" id=\"copy-link-status\"><\/span><\/div><\/div><a href=\"#respond\" class=\"hidden transition-opacity duration-300 opacity-0 w-50 text-sm justify-center items-center gap-2 px-4 py-2 rounded bg-gray-200 text-gray-700 hover:bg-gray-300\" id=\"leave-comment\"><span class=\"icon icon-comments\" aria-hidden=\"true\"><\/span>Yorum b\u0131rak<\/a><\/form><\/section><section id=\"calc-reactions\" class=\"not-prose hidden my-12 bg-gradient-to-r from-primary-50 to-gray-50 border border-indigo-100 rounded-xl px-6 py-4 shadow-sm\" data-post=\"806\" aria-live=\"polite\" aria-labelledby=\"calc-reactions-title\"><p id=\"calc-reactions-title\" class=\"text-sm text-gray-500 text-center mb-2\">Bu sonu\u00e7 hakk\u0131nda ne d\u00fc\u015f\u00fcn\u00fcyorsunuz?<\/p><div role=\"group\" aria-labelledby=\"calc-reactions-title\" class=\"grid grid-cols-3 sm:flex sm:flex-row sm:justify-around gap-4 sm:items-center sm:flex-wrap\"><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"like\"><span class=\"reaction-count\" data-reaction-count=\"like\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude00 <\/span><span class=\"reaction-description font-medium\">Be\u011fendim <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"helpful\"><span class=\"reaction-count\" data-reaction-count=\"helpful\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\udca1 <\/span><span class=\"reaction-description font-medium\">Faydal\u0131 <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"confused\"><span class=\"reaction-count\" data-reaction-count=\"confused\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude15 <\/span><span class=\"reaction-description font-medium\">Kafam kar\u0131\u015ft\u0131 <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"disappointed\"><span class=\"reaction-count\" data-reaction-count=\"disappointed\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude1e <\/span><span class=\"reaction-description font-medium\">Hayal k\u0131r\u0131kl\u0131\u011f\u0131 <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"inaccurate\"><span class=\"reaction-count\" data-reaction-count=\"inaccurate\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\u274c <\/span><span class=\"reaction-description font-medium\">Hatal\u0131 <\/span><\/button><\/div><div id=\"reaction-message\" class=\"hidden mt-8 rounded-md border border-primary-100 bg-white\/50 backdrop-blur-sm px-4 py-2 text-sm text-center shadow-sm\"><\/div><\/section><div class=\"calcdash-ad not-prose calcdash-ad--calc_result calcdash-ad--in-article\"><ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-1721569815777345\" data-ad-slot=\"6317458308\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\"><\/ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script><\/div>\n<style id=\"wpcoderpro-inline-1\">.formula-box {\r\n\tborder-bottom: none !important;\r\n}<\/style><section class=\"formula-box\" aria-labelledby=\"formula-title\">\r\n\t<div id=\"formula-title\" class=\"not-prose font-display mb-4\"><span class=\"icon icon-formula\" aria-hidden=\"true\"><\/span><h2>URL Kodlay\u0131c\u0131 Form\u00fcl\u00fc<\/h2><\/div>\r\n\t<figure class=\"not-prose formula\">\r\n\t\t<figcaption class=\"formula-title\">Form\u00fcl<\/figcaption>\r\n\t\t<div class=\"text-base text-gray-800\" id=\"formula\">\n\\[ E = \\operatorname{encodeURIComponent}(\\operatorname{trim}(S)) \\]\n<\/div>\r\n\t<\/figure>\r\n\t<\/p>\n<p><strong>Burada:<\/strong><\/p>\n<ul>\n<li>\\(S\\) \u2014 Metin veya URL alan\u0131na girilen de\u011fer.<\/li>\n<li>\\(E\\) \u2014 Kodlanm\u0131\u015f URL alt\u0131nda g\u00f6sterilen kodlanm\u0131\u015f \u00e7\u0131kt\u0131.<\/li>\n<\/ul>\n<p>Hesaplay\u0131c\u0131, ba\u015ftaki ve sondaki bo\u015fluklar\u0131 kald\u0131r\u0131r, ard\u0131ndan JavaScript'in <code>encodeURIComponent<\/code> i\u015flevini uygular. Kodlanmas\u0131 gereken karakterler, her UTF-8 bayt\u0131 i\u00e7in y\u00fczde i\u015fareti ve ard\u0131ndan onalt\u0131l\u0131k basamaklarla temsil edilir.<\/p>\n<p>\r\n<\/section>\n<style id=\"wpcoderpro-inline-2\">.calculation-box {\r\n\tborder-bottom: none !important;\r\n}<\/style><section id=\"calculation\" class=\"calculation-box\" aria-labelledby=\"calculation-title\">\r\n\t<div id=\"calculation-title\" class=\"not-prose font-display\"><span class=\"icon icon-unordered-list\" aria-hidden=\"true\"><\/span><h2>URL Kodlay\u0131c\u0131 \u2013 Hesaplama \u00d6rne\u011fi<\/h2><\/div>\r\n\r\n<\/p>\n<p><strong>\u00d6rnek:<\/strong> Varsay\u0131lan de\u011fer olan <code>https:\/\/calcdash.com\/tools?utm_source=chat<\/code> ifadesini Metin veya URL alan\u0131na girin.<\/p>\n<p>\\[ \\operatorname{encodeURIComponent}(S) = \\texttt{https\\%3A\\%2F\\%2Fcalcdash.com\\%2Ftools\\%3Futm\\_source\\%3Dchat} \\]<\/p>\n<p><strong>Sonu\u00e7:<\/strong> <code>https%3A%2F%2Fcalcdash.com%2Ftools%3Futm_source%3Dchat<\/code>.<\/p>\n<p>\n\r\n<\/section>\n<h2>URL Kodlay\u0131c\u0131 nas\u0131l kullan\u0131l\u0131r<\/h2>\n<ol>\n<li>Kodlamak istedi\u011finiz de\u011feri <strong>Metin veya URL<\/strong> alan\u0131na girin veya yap\u0131\u015ft\u0131r\u0131n. Bu bir kelime, bir sorgu parametresi de\u011feri, bir yol par\u00e7as\u0131 ya da tam bir URL olabilir.<\/li>\n<li>Sonucu <strong>Kodlanm\u0131\u015f URL<\/strong> alt\u0131nda okuyun. Hesaplay\u0131c\u0131, de\u011ferin ba\u015f\u0131ndaki ve sonundaki bo\u015fluklar\u0131 kald\u0131rd\u0131ktan sonra girilen de\u011ferin tamam\u0131n\u0131 kodlar.<\/li>\n<li>Sonucu kopyalay\u0131n ve kodlanm\u0131\u015f bir de\u011ferin gerekti\u011fi yere yerle\u015ftirin. Tam bir URL girdiyseniz, sonucun do\u011frudan a\u00e7abilece\u011finiz bir ba\u011flant\u0131 oldu\u011funu varsaymay\u0131n; URL'nin yap\u0131sal karakterleri de kodlanm\u0131\u015ft\u0131r.<\/li>\n<\/ol>\n<h2>URL kodlamas\u0131 ne yapar<\/h2>\n<p>Y\u00fczde kodlamas\u0131, belirli karakterleri y\u00fczde i\u015fareti ve onalt\u0131l\u0131k basamaklarla temsil eder. Verinin, aksi h\u00e2lde bir URL'de \u00f6zel anlam ta\u015f\u0131yacak karakterler i\u00e7ermesini sa\u011flar. \u00d6rne\u011fin, bir bo\u015fluk <code>%20<\/code>, bir ve i\u015fareti <code>%26<\/code> ve ger\u00e7ek bir y\u00fczde i\u015fareti <code>%25<\/code> olur. Her kodlanm\u0131\u015f bayt\u0131n kendi y\u00fczde dizisi vard\u0131r; bu nedenle ASCII aral\u0131\u011f\u0131 d\u0131\u015f\u0131ndaki bir karakter birden fazla dizi \u00fcretebilir.<\/p>\n<p>Bu hesaplay\u0131c\u0131, bir URL'nin tek bir bile\u015feni i\u00e7in tasarlanm\u0131\u015f olan <code>encodeURIComponent<\/code> i\u015flevini kullan\u0131r. <code>:<\/code>, <code>\/<\/code>, <code>?<\/code>, <code>&amp;<\/code> ve <code>=<\/code> gibi ay\u0131r\u0131c\u0131lar\u0131 da kodlar. Bu \u00f6zellik, bir de\u011ferin URL'nin yap\u0131s\u0131n\u0131n bir par\u00e7as\u0131 san\u0131lmamas\u0131 gerekti\u011fi durumlarda yararl\u0131d\u0131r. \u00d6rne\u011fin, <code>red shoes &amp; boots<\/code> sorgu de\u011ferini kodlamak <code>red%20shoes%20%26%20boots<\/code> sonucunu verir. Ve i\u015fareti, iki parametreyi ay\u0131rmak yerine de\u011ferin bir par\u00e7as\u0131 olarak kal\u0131r.<\/p>\n<p>Varsay\u0131lan \u00f6rnek, bu ayr\u0131m\u0131n neden \u00f6nemli oldu\u011funu g\u00f6sterir: tam bir URL'yi kodlamak, <code>https:\/\/<\/code> ifadesini <code>https%3A%2F%2F<\/code> bi\u00e7imine d\u00f6n\u00fc\u015ft\u00fcr\u00fcr. \u00c7\u0131kt\u0131, o URL'yi temsil eden kodlanm\u0131\u015f bir dizgedir; ayn\u0131 gezinilebilir URL de\u011fildir. Bir ba\u011flant\u0131 olu\u015fturuyorsan\u0131z, yap\u0131sal ay\u0131r\u0131c\u0131lar\u0131 oldu\u011fu gibi koruyun ve yaln\u0131zca gerektiren de\u011ferleri kodlay\u0131n. Kodlanm\u0131\u015f metni yeniden okunabilir metne d\u00f6n\u00fc\u015ft\u00fcrmek i\u00e7in <a href=\"https:\/\/wpcalc.com\/tr\/web-araclari\/url-cozucu\/\">URL \u00c7\u00f6z\u00fcc\u00fc<\/a>y\u00fc kullan\u0131n.<\/p>\n<h2>Varsay\u0131mlar ve pratik ipu\u00e7lar\u0131<\/h2>\n<ul>\n<li><strong>Ba\u015ftaki ve sondaki bo\u015fluklar kald\u0131r\u0131l\u0131r.<\/strong> Hesaplay\u0131c\u0131, kodlamadan \u00f6nce bo\u015fluklar\u0131 ve \u00e7evredeki di\u011fer bo\u015fluk karakterlerini k\u0131rpar. De\u011ferin i\u00e7indeki bo\u015fluklar kal\u0131r; normal i\u00e7 bo\u015fluklar <code>%20<\/code> olur. Ba\u015ftaki veya sondaki bo\u015fluklar \u00f6nemli veriyseler, bu ara\u00e7 onlar\u0131 korumaz.<\/li>\n<li><strong>Baz\u0131 karakterler de\u011fi\u015fmeden kal\u0131r.<\/strong> Harfler, rakamlar ve <code>- _ . ! ~ * ' ( )<\/code> karakterleri <code>encodeURIComponent<\/code> taraf\u0131ndan kodlanmaz. De\u011fi\u015fmemi\u015f bir karakter, hesaplay\u0131c\u0131n\u0131n girdiyi atlad\u0131\u011f\u0131 anlam\u0131na gelmez.<\/li>\n<li><strong>Bir de\u011feri yaln\u0131zca bir kez kodlay\u0131n.<\/strong> <code>%20<\/code> gibi mevcut bir dizide ger\u00e7ek bir y\u00fczde i\u015fareti vard\u0131r. Bunu yeniden kodlamak <code>%2520<\/code> \u00fcretir. Zaten kodlanm\u0131\u015f bir de\u011feri de\u011fi\u015ftirmeniz gerekiyorsa \u00f6nce \u00e7\u00f6z\u00fcn.<\/li>\n<li><strong>Bo\u015fluklar burada art\u0131 i\u015fareti de\u011fildir.<\/strong> Bu ara\u00e7, bo\u015fluk i\u00e7in <code>%20<\/code>, ger\u00e7ek bir art\u0131 i\u015fareti i\u00e7in <code>%2B<\/code> \u00e7\u0131kt\u0131s\u0131 verir. Baz\u0131 HTML form g\u00f6nderimleri bo\u015fluk i\u00e7in bunun yerine <code>+<\/code> kullan\u0131r; bu hesaplay\u0131c\u0131 o form kodlamas\u0131 kural\u0131n\u0131 uygulamaz.<\/li>\n<li><strong>Kodlama, \u015fifreleme de\u011fildir.<\/strong> Sonucu herkes \u00e7\u00f6zebilir; bu nedenle parolalar\u0131 veya di\u011fer hassas bilgileri gizlemek i\u00e7in kullanmay\u0131n. E\u015flenmemi\u015f bir UTF-16 vekil karakteri i\u00e7eren nadir bir bozuk metin de\u011feri, JavaScript kodlamas\u0131n\u0131n ba\u015far\u0131s\u0131z olmas\u0131na da neden olabilir.<\/li>\n<\/ul>\n<p>Daha geni\u015f bir metinden \u00f6nce ba\u011flant\u0131 toplaman\u0131z gerekiyorsa <a href=\"https:\/\/wpcalc.com\/tr\/web-araclari\/url-ayiklayici\/\">URL Ay\u0131klay\u0131c\u0131<\/a>y\u0131 kullan\u0131n. G\u00f6reviniz y\u00fczde kodlamas\u0131 yerine Base64 gerektiriyorsa <a href=\"https:\/\/wpcalc.com\/tr\/web-araclari\/base64-kodlayici\/\">Base64 Kodlay\u0131c\u0131<\/a>y\u0131 kullan\u0131n; iki bi\u00e7im farkl\u0131 ama\u00e7lara hizmet eder ve farkl\u0131 sonu\u00e7lar \u00fcretir.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Metni veya bir URL'yi JavaScript tarz\u0131 y\u00fczde kodlamas\u0131yla kodlay\u0131n. Kopyalayabilece\u011finiz bir kodlanm\u0131\u015f dizge elde etmek i\u00e7in Metin veya URL alan\u0131na bir de\u011fer girin.<\/p>\n","protected":false},"author":3168,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[28],"class_list":["post-806","post","type-post","status-publish","format-standard","hentry","category-web-araclari","tag-donusturucu-araclari"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpcalc.com\/tr\/wp-json\/wp\/v2\/posts\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpcalc.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpcalc.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/tr\/wp-json\/wp\/v2\/users\/3168"}],"replies":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/tr\/wp-json\/wp\/v2\/comments?post=806"}],"version-history":[{"count":2,"href":"https:\/\/wpcalc.com\/tr\/wp-json\/wp\/v2\/posts\/806\/revisions"}],"predecessor-version":[{"id":2904,"href":"https:\/\/wpcalc.com\/tr\/wp-json\/wp\/v2\/posts\/806\/revisions\/2904"}],"wp:attachment":[{"href":"https:\/\/wpcalc.com\/tr\/wp-json\/wp\/v2\/media?parent=806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpcalc.com\/tr\/wp-json\/wp\/v2\/categories?post=806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpcalc.com\/tr\/wp-json\/wp\/v2\/tags?post=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}