{"id":23215,"date":"2019-10-10T12:41:17","date_gmt":"2019-10-10T09:41:17","guid":{"rendered":"https:\/\/cognitiveseo.com\/blog\/?p=23215"},"modified":"2020-05-05T15:44:01","modified_gmt":"2020-05-05T12:44:01","slug":"mixed-content","status":"publish","type":"post","link":"https:\/\/cognitiveseo.com\/blog\/23215\/mixed-content\/","title":{"rendered":"Is Google Blocking Your Site Due to Mixed Content? Identify &#038; Fix Mixed Content Issues"},"content":{"rendered":"<p>Google has recently announced that Chrome will block mixed content on web pages beginning December 2019. Starting with the Chrome 79 version, Google\u00a0will gradually move to blocking all mixed content by default. Therefore, if your website has mixed content, it will be blocked and your users won&#8217;t be able to access it.<\/p>\n<p>&nbsp;<\/p>\n<p>Everything from what mixed content is to how to identify\/fix it can be found in the following lines.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-large wp-image-23235\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/Is_Google_Blocking_Your_Site_Due-to_mixed_Content-illlustration1.3-1024x538.jpg\" alt=\"Is_Google_Blocking_Your_Site_Due to_mixed_Content \" width=\"1024\" height=\"538\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/Is_Google_Blocking_Your_Site_Due-to_mixed_Content-illlustration1.3.jpg 1024w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/Is_Google_Blocking_Your_Site_Due-to_mixed_Content-illlustration1.3-300x158.jpg 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/Is_Google_Blocking_Your_Site_Due-to_mixed_Content-illlustration1.3-768x404.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The Google Security Team <a href=\"https:\/\/security.googleblog.com\/2019\/10\/no-more-mixed-messages-about-https_3.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">reports<\/a> that Chrome users now spend more than 90% of their browsing time on HTTPS on both desktop and mobile. The plan to begin blocking mixed content is targeted at addressing insecure holes in SSL implementations of sites that have already made the switch to HTTPS. Here&#8217;s everything you need to know about it:<\/p>\n<p>&nbsp;<\/p>\n<ol class=\"summaryext\">\n<li><strong><a href=\"#1\">What Is Mixed Content?<\/a><\/strong><\/li>\n<li><strong><a href=\"#3\">Why Is Google Blocking Mixed Content?<\/a><\/strong><\/li>\n<li><strong><a href=\"#4\">How Do You Detect Mixed Content?<\/a><\/strong><\/li>\n<li><strong><a href=\"#5\">How Do You Fix Mixed Content Issue?<\/a><\/strong><\/li>\n<li><strong><a href=\"#6\">Does Mixed Content Affect SEO?<\/a><\/strong><\/li>\n<\/ol>\n<div class='cgn-shortcode-anchor' id='1' style='height:50px'>&nbsp;<\/div>\n<h2><strong>What Is Mixed Content?<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>Mixed content occurs when a secure web page (a page loaded through HTTPS) contains resources like scripts, videos, images, etc. that are served through an insecure protocol (HTTP).\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>As you probably guessed it from the name, it&#8217;s called mixed content because both HTTP and HTTPS contents are loaded to display the same page, and the initial request was secure over HTTPS.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>In the following lines we&#8217;ll let you know why HTTPS is a must. You already know, but as repetition is the mother of learning, we want to highlight that that\u00a0Hypertext Transfer Protocol Secure (HTTPS) is an extension of the Hypertext Transfer Protocol (HTTP) and is used for secure communication over a computer network.<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<p>The main motivation for HTTPS is the authentication of the website being accessed and the protection of the privacy and integrity of the exchanged data while in transit.\u00a0<\/p>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p>Therefore,\u00a0managing security risks is the key. Furthermore, you need to know that in HTTPS the communication protocol is encrypted using Secure Sockets Layers (SSL).\u00a0 And, to better understand the concept of mixed content resources or insecure content and why the &#8220;s&#8221; from the HTTPS makes such a big difference, let&#8217;s briefly go through SSL certificates.\u00a0<\/p>\n<div class='cgn-shortcode-anchor' id='2' style='height:50px'>&nbsp;<\/div>\n<h3><strong>What Are SSL Certificates? <\/strong><\/h3>\n<p>&nbsp;<\/p>\n<p>SSL certificates are only used to confirm the identity of a website. These certificates are emitted and signed by certificate authorities with their private keys. Before getting a certificate from them, you must somehow confirm your identity and prove that you are the organization and website owner.\u00a0Web browsers come packed up with a bunch of public keys from certificate authorities. They check if the certificates have been signed with the proper private keys, therefore confirming that their identity has been verified by a trusted authority and not by some random certificate generator. If the certificate is expired or not valid, a red warning will show up.\u00a0\u00a0These warning messages will definitely turn the user down.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-large wp-image-23219\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/not-secure-privacy-1024x742.png\" alt=\"not secure privacy\" width=\"1024\" height=\"742\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/not-secure-privacy-1024x742.png 1024w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/not-secure-privacy-300x217.png 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/not-secure-privacy-768x557.png 768w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/not-secure-privacy.png 1065w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<blockquote>\n<p>By using an SSL Certificate, webmasters can improve the security of their websites and better protect their users\u2019 information.<\/p>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p>You can protect unlimited subdomains of your base domain with <a href=\"https:\/\/www.cheapsslshop.com\/wildcard-ssl-certificates\" target=\"_blank\" rel=\"noopener noreferrer\">cheap wildcard SSL Certificate<\/a>.\u00a0 Taking one step further, you need to know that there are two types of mixed content: active and passive.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Active mixed content<\/strong> &#8211;\u00a0the mixed active content is the type of content that is the most harmful. In this case, an attacker can take full control of your page or website and change anything about the page. They can steal passwords, login credentials, user cookies or redirect users to other sites, etc.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Passive mixed content<\/strong> &#8211; when it comes to passive content, an attacker can intercept an HTTP request (resources loading via http) for videos or images on your site and replace those images with whatever they want. They can also replace your product pictures or place ads for a totally different product.<\/p>\n<div class='cgn-shortcode-anchor' id='3' style='height:50px'>&nbsp;<\/div>\n<h2><strong>Why Is Google Blocking Mixed Content?<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>Although <a href=\"https:\/\/webmasters.googleblog.com\/2014\/08\/https-as-ranking-signal.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google confirmed<\/a> in 2014 that it considers HTTPS a ranking factor, all the buzz started when\u00a0Google released version 68 of the Chrome Web Browser in July 2018. In this version, websites that don\u2019t run on HTTPS are marked as Not Secure.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23218\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/not-secure.png\" alt=\"not secure\" width=\"536\" height=\"294\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/not-secure.png 536w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/not-secure-300x165.png 300w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>As you can see in the screenshot above, the browser advises the user of that site not to disclose any passwords or credit cards.<\/p>\n<blockquote>\n<p>The browser is advising potential customers not to perform any transaction on your site.<\/p>\n<\/blockquote>\n<p>And that&#8217;s the last thing you want your user to see.<\/p>\n<p>&nbsp;<\/p>\n<p>Yet, why mixing rum and cola makes a great cocktail but mixing HTTP and HTTPs is a big no-no?\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>There are many situations that can\u00a0cause mixed content issues and many reasons why mixed content is harmful, lots of them highlighted by <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/security\/prevent-mixed-content\/what-is-mixed-content\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google itself.<\/a>\u00a0 Let&#8217;s focus on just a few important ones:\u00a0<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Mixed content degrades the security and user experience of your HTTPS site.<\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Whether you like Google&#8217;s rules or not, you have to agree with this one: web security is more important than ever. And offering your users the comfort of security is not just a whim but a must.\u00a0 \u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>Imagine that you&#8217;re\u00a0navigating to your bank&#8217;s website. If it&#8217;s an HTTPS connection, your browser authenticates the website, thus preventing an attacker from impersonating your bank and stealing your login credentials. Also, when transferring money using your bank&#8217;s website, this prevents an attacker from changing the destination account number while your request is in transit.\u00a0<\/p>\n<p>One of the big advantages of HTTPS is that it lets the browser check that it has opened the correct website and hasn&#8217;t been redirected to a malicious site.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Mixed content is confusing.\u00a0<\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>If a web page is using HTTPS, then all its resources should be pulled in via HTTPS as well. You\u2019re somehow viewing a web page that\u2019s both secure and not secure. It is like you bought a very good bicycle lock but you&#8217;re not using it every single time, just randomly, and at the end of the day you are surprised to see that your bike was stolen.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>Let&#8217;s say that you&#8217;re on a secure web page and you stay assured that everything is OK as the webpage is on HTTPS. Yet, if that page has some\u00a0 insecure images (or other HTTP resources) and let&#8217;s say you\u2019re on a public Wi-Fi network, you can get into lots of problems, from getting your keystrokes\u00a0monitored to tracking cookies.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Mixed content weakens HTTPS.<\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>You might have heard before about the man-in-the-middle attack (MITM).\u00a0In computer security, a man-in-the-middle attack is a type of attack where the attacker secretly relays and possibly alters the communications between two parties who believe they are directly communicating with each other. One example is when the attacker makes independent connections with the victims and relays messages between them to make them believe they are talking directly to each other over a private connection, when in fact the entire conversation is controlled by the attacker. It&#8217;s like\u00a0eavesdropping, just that the stakes are much higher than the latest gossip from the office.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>Therefore, requesting subresources using the insecure HTTP protocol weakens the security of the entire page, as these requests are vulnerable to man-in-the-middle attacks.<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<p>Running your site over HTTPS is not an option; it is a must. Not only is it more secure (everything is encrypted), but it also builds trust, is an SEO ranking factor, and provides more accurate referral data. Not to mention that the most important web browsers are blocking pages that are not considered secure.<\/p>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p>These are just some of the many reasons why Google decided to\u00a0block mixed content.\u00a0 This new update will break a big number of website and many, many businesses will lose big time.<\/p>\n<p>Yet, there is hope: you can quickly detect if you have mixed content and you can also fix it. Keep on reading to find out how can you still make your site accessible to your users.\u00a0<\/p>\n<div class='cgn-shortcode-anchor' id='4' style='height:50px'>&nbsp;<\/div>\n<h2><strong>How Do You Detect Mixed Content?<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>The easiest possible way to see whether you have any mixed content error on your site is to run a <a href=\"https:\/\/cognitiveseo.com\/site-audit\/\"><strong>Site Audit<\/strong><\/a> within cognitiveSEO. It is the easiest, safest and stress-free option you could take and it doesn&#8217;t imply any programming skills or developer guides to fix mixed content warnings. I mean, you find out if you have mixed content (+ many other issues ) on your site, with just a few clicks.<\/p>\n<p>&nbsp;<\/p>\n<p>Just start an analysis of your site and the tool will automatically identify the mixed content issue. There is a section dedicated to this exact matter where you can see the not secure pages of any website and its insecure origins. No headaches, reliable and super simple to identify.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/cognitiveseo.com\/site-audit\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-23223\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/mixed-content-1024x571.png\" alt=\"mixed content cognitiveseo\" width=\"1024\" height=\"571\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/mixed-content-1024x571.png 1024w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/mixed-content-300x167.png 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/mixed-content-768x428.png 768w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/mixed-content.png 1474w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>It couldn&#8217;t get much easier than this.\u00a0Simply check the reported pages and start fixing them.\u00a0<\/p>\n<div class='cgn-shortcode-anchor' id='5' style='height:50px'>&nbsp;<\/div>\n<h2><strong>How Do You Fix Mixed Content Issue?<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>Once you find the insecure content, the resources being served over HTTP vs. HTTPS, you can start changing the URLs, by simply\u00a0append HTTPS at the beginning.<\/p>\n<p>&nbsp;<\/p>\n<p>Fixing the issue is often as simple as adding an \u201cs\u201d to links \u2013 http:\/\/ to https:\/\/.<\/p>\n<p>&nbsp;<\/p>\n<p>Yet, before you do that, be sure that the HTTP resource is available over an HTTPS connection. To check this, simply\u00a0copy &#8211; paste the HTTP URL into a new web browser, and change <a href=\"https:\/\/cognitiveseo.com\/blog\/13431\/recover-facebook-shares-https\/\"><strong>HTTP to HTTPS<\/strong><\/a>. If the resource (URL, image, video, etc.)\u00a0 is available over HTTPs, then you can start changing HTTP to HTTPS in your source code.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<p>Mixed content is an issue that can be so easily identified and solved, but if ignored it can cause big problems, like your website being blocked by Google.\u00a0<\/p>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p>Once you solved the issue, go back to the Site Audit to make sure you didn&#8217;t miss any insecure content resource. The tool re-crawls your website periodically to spot any new changes, although you can always check particular issues only to see if they have been solved.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-23226\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/recheck-issue-cognitiveSEO-1024x377.png\" alt=\"recheck issue cognitiveSEO\" width=\"1024\" height=\"377\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/recheck-issue-cognitiveSEO-1024x377.png 1024w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/recheck-issue-cognitiveSEO-300x110.png 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/recheck-issue-cognitiveSEO-768x283.png 768w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/recheck-issue-cognitiveSEO.png 1162w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<div class='cgn-shortcode-anchor' id='6' style='height:50px'>&nbsp;<\/div>\n<h2><strong>Does Mixed Content Affect SEO?<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>As we stated above, Google made it pretty clear that it values secure content and it considers it a ranking factor. It&#8217;s listed on their blog, out wide in the open.<\/p>\n<p>&nbsp;<\/p>\n<p>The\u00a0main reason is definitely security. If Google provides its users with better security, it provides better value and the users will be pleased. The fact that internet credit card fraud is on the rise definitely pushed Google into this direction.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-23230\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/google-ranking-factor.png\" alt=\"google ranking factor\" width=\"731\" height=\"528\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/google-ranking-factor.png 731w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2019\/10\/google-ranking-factor-300x217.png 300w\" sizes=\"(max-width: 731px) 100vw, 731px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Google has tested its results with HTTPS as a <a href=\"https:\/\/cognitiveseo.com\/blog\/18151\/google-patents-bill-slawky\/\">ranking signal<\/a> and has seen positive results. It could also mean that webmasters who take security seriously might generally present better websites as they care about the users.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>While there is no doubt that mixed content affects SEO (especially with the <a href=\"https:\/\/security.googleblog.com\/2019\/10\/no-more-mixed-messages-about-https_3.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">latest announcement<\/a> from Google), before search engine optimization one has to think about user trust and user experience.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>If you have mixed content, most of the modern browsers (like Mozilla Firefox, Google Chrome, etc) will display warnings about this type of content to indicate to the user that the page contains insecure resources. Due to the mixed content warning and insecure resources loading, most likely the user will leave your site, will mark you as a deceiving site and will\u00a0browse websites that offer similar services and are secure. All your digital marketing and content strategies efforts will go down the drain with chrome blocking your http content.\u00a0<\/p>\n<p>So, the answer is yes, mixed content certainly impacts SEO, but more than that, it impacts your users&#8217; trust and that&#8217;s something you can&#8217;t afford to lose.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>We know it&#8217;s unlikely but yet, if you haven&#8217;t done it already and you want to switch from HTTP to HTTPS, <strong><a href=\"https:\/\/cognitiveseo.com\/blog\/19854\/http-to-https\/\">check out this article<\/a><\/strong> for everything you need to know about it.\u00a0<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google has recently announced that Chrome will block mixed content on web pages beginning December 2019. Starting with the Chrome 79 version, Google\u00a0will gradually move to blocking all mixed content by default. Therefore, if your website has mixed content, it will be blocked and your users won&#8217;t be able to access it. &nbsp; Everything from [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":23235,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-23215","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"_links":{"self":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/posts\/23215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/comments?post=23215"}],"version-history":[{"count":2,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/posts\/23215\/revisions"}],"predecessor-version":[{"id":24206,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/posts\/23215\/revisions\/24206"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/media\/23235"}],"wp:attachment":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/media?parent=23215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/categories?post=23215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/tags?post=23215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}