{"id":13072,"date":"2020-03-26T14:26:20","date_gmt":"2020-03-26T12:26:20","guid":{"rendered":"https:\/\/www.ihs.com.tr\/blog\/?p=13072"},"modified":"2020-08-12T15:57:10","modified_gmt":"2020-08-12T13:57:10","slug":"mixed-content-nedir-mixed-content-sorunu-nasil-cozulur","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/mixed-content-nedir-mixed-content-sorunu-nasil-cozulur\/","title":{"rendered":"Mixed Content Nedir? Mixed Content Sorunu Nas\u0131l \u00c7\u00f6z\u00fcl\u00fcr?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Mixed Content. Baz\u0131lar\u0131m\u0131z belki bu terimi duymu\u015f olabilir ve baz\u0131lar\u0131m\u0131z ise bunu d\u00fczeltmek i\u00e7in \u015fuan m\u00fccadele ediyor.\u00a0<\/span><span style=\"font-weight: 400;\">Bu yaz\u0131da, mixed content hakk\u0131nda bilmeniz gereken her \u015feyi a\u00e7\u0131klayaca\u011f\u0131z&#8230;<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_77 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0130\u00e7erik Tablosu<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a12a29975317\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\" id=\"ez-toc-cssicon-toggle-item-6a12a29975317\" aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ihs.com.tr\/blog\/mixed-content-nedir-mixed-content-sorunu-nasil-cozulur\/#HTTPS-nedir\" >HTTPS nedir?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ihs.com.tr\/blog\/mixed-content-nedir-mixed-content-sorunu-nasil-cozulur\/#Mixed-Content-Nedir\" >Mixed Content Nedir?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ihs.com.tr\/blog\/mixed-content-nedir-mixed-content-sorunu-nasil-cozulur\/#HTTPden-HTTPSye-gecis\" >HTTP&#8217;den HTTPS&#8217;ye ge\u00e7i\u015f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ihs.com.tr\/blog\/mixed-content-nedir-mixed-content-sorunu-nasil-cozulur\/#Mixed-Content-Sorunlarini-Onleme\" >Mixed Content Sorunlar\u0131n\u0131 \u00d6nleme<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"HTTPS-nedir\"><\/span><b>HTTPS nedir?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Hepimizin bildi\u011fi gibi, <a href=\"https:\/\/www.ihs.com.tr\/blog\/google-in-https-guncellemesinin-onemi\/\">HTTPS<\/a> versiyona sahip olan bir web sitesine sahip olmak \u00e7ok \u00f6nemlidir. HTTPS web sitelerinin, yayg\u0131n olarak <a href=\"\/ssl\/\">SSL sertifikas\u0131<\/a> olarak bilinen &#8220;g\u00fcvenli bir yuva katman\u0131 (secure socket layer)&#8221; arac\u0131l\u0131\u011f\u0131yla bir sunucu taraf\u0131ndan do\u011frulanmas\u0131 gerekmektedir. Bu do\u011frulama da web sitesinin, kullan\u0131c\u0131lar\u0131n\u0131 ve m\u00fc\u015fterilerini \u00e7e\u015fitli a\u011f sald\u0131r\u0131lar\u0131na kar\u015f\u0131 korudu\u011fu anlam\u0131na gelir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Web sitenizi hala HTTPS&#8217;e ge\u00e7irmediyseniz art\u0131k bunu de\u011fi\u015ftirmenin zaman\u0131 geldi. HTTPS ilk kez piyasaya sunuldu\u011funda, ger\u00e7ekten de\u011fi\u015ftirilmeye de\u011fer olup olmad\u0131\u011f\u0131 konusunda bir\u00e7ok fikir ayr\u0131l\u0131\u011f\u0131 vard\u0131. \u00c7o\u011fu ki\u015fi HTTPS&#8217;yi yaln\u0131zca belirli senaryolarda, \u00f6rne\u011fin oturum a\u00e7ma gerektiren durumlarda kullan\u0131yordu. Ancak, zaman de\u011fi\u015fti ve sekt\u00f6r geni\u015fledi, web sitenizin HTTPS kullanmamas\u0131 i\u00e7in ger\u00e7ek bir neden kalmad\u0131.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.ihs.com.tr\/blog\/ssl-yonlendirmesi-nasil-yapilir\/\">Sitenizi HTTP&#8217;den HTTPS s\u00fcr\u00fcm\u00fcne nas\u0131l y\u00f6nlendirece\u011finizi \u00f6\u011frenmek i\u00e7in t\u0131klay\u0131n&#8230;<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mixed-Content-Nedir\"><\/span><b>Mixed Content Nedir?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\"><strong>Mixed content<\/strong>,\u00a0bir web sayfas\u0131 i\u00e7erisinde hem http&#8217;li hem de https&#8217;li olarak \u00e7a\u011f\u0131r\u0131lan g\u00f6rsel veya dosya bulunmas\u0131 durumunda ortaya \u00e7\u0131kar. Https&#8217;li sayfalarda http&#8217;li adresler ve dosya yollar\u0131n\u0131n bulunmas\u0131 veya bunun tam tersi durumlar mixed content sorununa sebep olmaktad\u0131r.<\/span><\/p>\n<p><strong>\u00d6rne\u011fin<\/strong>: https:\/\/www.ihs.com.tr\/blog adresine girdi\u011fimizde sayfa i\u00e7inde http&#8217;li link, g\u00f6rsel veya dosya yollar\u0131 varsa <strong>mixed content sorunu ile kar\u015f\u0131la\u015f\u0131r\u0131z<\/strong>.<\/p>\n<p><span style=\"font-weight: 400;\"> Mixed content web sitenize zarar verebilir, bu bir ger\u00e7ek!\u00a0 Ancak Bunu \u00e7\u00f6zmek i\u00e7in birka\u00e7 y\u00f6ntem kullanarak bu sorunu a\u015fabilirsiniz.<\/span><\/p>\n<blockquote><p><span style=\"font-weight: 400;\">Mixed content bir\u00e7ok \u015feyi etkiler; g\u00fcvenlik, site performans\u0131, SEO, kullan\u0131c\u0131 deneyimi ve \u00e7ok daha fazlas\u0131.<\/span><\/p><\/blockquote>\n<p><span style=\"font-weight: 400;\">Mixed content, hem web sitenizde hem de i\u015finizde ciddi sorunlara neden olabilir ve olacakt\u0131r, bu bir ihtimal de\u011fil! \u00d6rne\u011fin; mixed content sorunu bulunan HTTPS&#8217;li bir sayfadaki \u00e7a\u011f\u0131r\u0131lan dosya HTTP ile ba\u015flayan bir ba\u011flant\u0131ya gidip istekte bulunarak site performans\u0131n\u0131z\u0131n d\u00fc\u015fmesine neden olabilir. <\/span><\/p>\n<blockquote><p><b>Son zamanlarda, mixed content sorunlar\u0131n\u0131 \u00e7\u00f6zmek \u00f6nem verilmesi gereken bir konu haline gelmi\u015ftir. Aral\u0131k 2019&#8217;dan ba\u015flayarak \u015eubat 2020&#8217;ye kadar, yap\u0131lacak bir dizi Google g\u00fcncellemesi mixed content kullan\u0131m\u0131n\u0131 engellemeye ba\u015flayacakt\u0131r. Sitenizin cezaland\u0131r\u0131lmas\u0131n\u0131 \u00f6nlemek i\u00e7in HTTPS&#8217;ye ge\u00e7meniz gerekmektedir.<\/b><\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"HTTPden-HTTPSye-gecis\"><\/span><b>HTTP&#8217;den HTTPS&#8217;ye ge\u00e7i\u015f<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Art\u0131k HTTPS&#8217;nin neden bu kadar \u00f6nemli oldu\u011funu \u00f6\u011frendi\u011fimize g\u00f6re, <a href=\"https:\/\/www.ihs.com.tr\/blog\/ssl-yonlendirmesi-nasil-yapilir\/\">HTTP&#8217;den HTTPS&#8217;ye ge\u00e7i\u015f<\/a> s\u00fcrecinde Yap\u0131lmas\u0131 ve Yap\u0131lmamas\u0131 Gerekenler&#8217;e birlikte g\u00f6z atal\u0131m. Bu konuda size yard\u0131mc\u0131 olabilecek birka\u00e7 farkl\u0131 eklenti var, <\/span><\/p>\n<p><span style=\"font-weight: 400;\"><b>E\u011fer WordPress altyap\u0131s\u0131na sahip bir siteniz varsa alternatif olarak, &#8216;Really Simple SSL&#8217; eklentisini kullan\u0131rsan\u0131z, t\u00fcm sorunlar\u0131 belirleyebilir ve d\u00fczeltebilirsiniz. Siteye manuel olarak girip incelemek zorunda kalmazs\u0131n\u0131z.<\/b>&#8216;<strong>Really Simple SSL<\/strong>&#8216; isimli eklenti, ad\u0131ndan da anla\u015f\u0131laca\u011f\u0131 gibi kolayl\u0131kla size Http&#8217;den Https&#8217;e ge\u00e7i\u015f i\u00e7in gerekli i\u015flemleri ger\u00e7ekle\u015ftirmenizi sa\u011fl\u0131yor ve site i\u00e7indeki mixed content hatalar\u0131n\u0131 da d\u00fczeltebiliyor, kullanmas\u0131 ger\u00e7ekten basit.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u0130lk olarak, <strong>mixed content<\/strong> sorunlar\u0131n\u0131z olup olmad\u0131\u011f\u0131n\u0131 kontrol etmeniz gerekiyor. Bunu sitenize girip kaynak kodlar\u0131 inceleyerek yapabilirsiniz. Ayr\u0131ca taray\u0131c\u0131n\u0131zdaki console sekmesine bakmay\u0131 unutmay\u0131n. Console sekmesi b\u00fcy\u00fck ihtimalle daha b\u00fcy\u00fck olan mixed content sorunlar\u0131ndan herhangi birini g\u00f6sterecektir ve bunlar\u0131 birer hata olarak g\u00f6r\u00fcnt\u00fcleyecektir. Her hata, mixed content sorunlar\u0131 olan sayfalar\u0131 ve g\u00f6rselleri g\u00f6sterecektir.<\/span><b>\u00a0<\/b><\/p>\n<p>Ayr\u0131ca .htaccess dosyan\u0131za a\u015fa\u011f\u0131daki kodu ekleyerek de http&#8217;den https&#8217;e y\u00f6nlendirme yapabilir, sayfa bazl\u0131 mixed content sorununu \u00e7\u00f6zebilirsiniz.<\/p>\n<p><code>RewriteEngine On<br \/>\nRewriteCond %{SERVER_PORT} 80<br \/>\nRewriteRule ^.*$ https:\/\/%{SERVER_NAME}%{REQUEST_URI} [R=301,L]<br \/>\n<\/code><br \/>\n<span style=\"font-weight: 400;\">Sorunu bulmak biraz zaman alabilir, bu nedenle mixed content sorunlar\u0131n\u0131 toplu bir \u015fekilde kontrol edin, ve g\u00fcvenli olmayan URL&#8217;leri bulmak i\u00e7in <strong>Screaming Frog, Semrush, Deepcrawl<\/strong> gibi SEO Toollar\u0131 kullanabilirsiniz.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bu ad\u0131mdan sonra sorunlu URL&#8217;leri tespit edip HTTPS&#8217;ye ge\u00e7irebilirsiniz. <\/span><\/p>\n<p><b>Web site sahipleri genellikle JS k\u00fct\u00fcphaneleri, resimler, CSS, font vb. gibi g\u00fcvenli olmayan \u00fc\u00e7\u00fcnc\u00fc taraflardan gelen kaynaklar\u0131 kullan\u0131rken mixed content sorunlar\u0131 ile kar\u015f\u0131la\u015f\u0131yorlar. Bunu sorunu d\u00fczeltmek i\u00e7in HTTPS sitenizde g\u00fcvenli olmayan i\u00e7erik bar\u0131nd\u0131rmaman\u0131z veya sitenizin HTTPS s\u00fcr\u00fcm\u00fcnde mevcutta bar\u0131nd\u0131r\u0131lan https kaynaklara ge\u00e7meniz gerekmektedir. Kontrol etmedi\u011finiz g\u00fcvenli olmayan kaynaklar (WordPress \u015fablonlar\u0131 gibi) kullan\u0131yorsan\u0131z, bu durum size biraz zorluk \u00e7\u0131kartabilir.<\/b><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mixed-Content-Sorunlarini-Onleme\"><\/span><b>Mixed Content Sorunlar\u0131n\u0131 \u00d6nleme<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u0130lk ba\u015fta biraz karma\u015f\u0131k g\u00f6r\u00fcnebilir, ancak \u00e7abuk kavraca\u011f\u0131n\u0131za eminiz,<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mixed content sorunlar\u0131n\u0131 takip etmek \u00e7o\u011fu zaman kolay de\u011fildir, ancak b\u00fcy\u00fck web sitelerinde ya\u015fanan zorluklar kadar olamaz. Web sitesi b\u00fcy\u00fcd\u00fck\u00e7e, izlenecek ve kontrol edilecek daha fazla i\u00e7erik ve resim olu\u015fur. Ancak, sizin i\u00e7in bir \u00e7\u00f6z\u00fcm\u00fcm\u00fcz var!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mixed sorunu y\u00fck\u00fcn\u00fcz\u00fc hafifletmesi ad\u0131na, daha \u00e7ok i\u00e7erik g\u00fcvenli\u011fi politikas\u0131 olarak bilinen bir <strong>CSP(Content Security Policy)<\/strong> kullanabilirsiniz. B\u00f6ylece bir politika ihlali oldu\u011funda sistem size otomatik bir rapor g\u00f6nderecektir ve gizlenmi\u015f sorunlar\u0131 takip etmenize yard\u0131mc\u0131 olacakt\u0131r.<\/span><\/p>\n<p><strong>CSP y\u00f6nergesini etkinle\u015ftirmek i\u00e7in sitenin ba\u015fl\u0131k dosyas\u0131na bir response kodu eklemeniz gerekir.<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">\u015eunun gibi olmal\u0131:<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\"><code>unsafe-inline\u2019 \u2018unsafe-eval\u2019: report-URL https:\/\/example.com\/reportingEndpoint<\/code><\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">Sitenize eklenebilecek daha bir\u00e7ok farkl\u0131 y\u00f6nerge vard\u0131r; \u00f6rne\u011fin, &#8216;g\u00fcvensiz istekleri g\u00fcncelleme (\u2018upgrade insecure requests)&#8217; y\u00f6nergesi gibi. Y\u00f6nergeler, taray\u0131c\u0131n\u0131z\u0131n a\u011f istekleri yapmadan \u00f6nce g\u00fcvenli olmayan URL&#8217;leri g\u00fcncellemeye \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayacakt\u0131r.<\/span><\/p>\n<p><b>Sonu\u00e7 olarak:<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Hepsini toparlarsak, HTTPS sitenizde hala HTTP sayfalar\u0131n\u0131z veya kaynaklar\u0131n\u0131z varsa, art\u0131k HTTPS&#8217;ye ge\u00e7menin vakti geldi. Bu sadece web sitenizi g\u00fcvenli tutmakla kalmayacak ayn\u0131 zamanda SEO, site performans\u0131 ve kullan\u0131c\u0131 deneyimi gibi konularda da size yard\u0131mc\u0131 olacakt\u0131r. Mixed content sorunlar\u0131n\u0131z\u0131 \u00e7\u00f6zme y\u00f6ntemi, web sitenizin boyutu ve sorun say\u0131s\u0131 gibi birka\u00e7 farkl\u0131 de\u011fi\u015fkene ba\u011fl\u0131d\u0131r. Siz de sitenizdeki mixed content hatalar\u0131n\u0131 ara\u015ft\u0131rmaya bug\u00fcn ba\u015flayabilirsiniz.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mixed Content. Baz\u0131lar\u0131m\u0131z belki bu terimi duymu\u015f olabilir ve baz\u0131lar\u0131m\u0131z ise bunu d\u00fczeltmek i\u00e7in \u015fuan m\u00fccadele ediyor.\u00a0Bu yaz\u0131da, mixed content hakk\u0131nda bilmeniz&hellip;<\/p>\n","protected":false},"author":3,"featured_media":13074,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[412],"tags":[],"class_list":["post-13072","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/13072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=13072"}],"version-history":[{"count":3,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/13072\/revisions"}],"predecessor-version":[{"id":13657,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/13072\/revisions\/13657"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media\/13074"}],"wp:attachment":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=13072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=13072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=13072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}