Mixed content error - fix it !!!
Blogging is really common today and there are millions of blogs present on the Internet. Blogging is enjoyable but at the same time,it can be annoying when you encounter any error which keeps away your blog from search engines.And if it is not searchable then it will not be reachable to people and traffic will not be there proving that your blog is not certainly a hit but it is a failure.
When I started blog,I changed http to https and here started my problems regarding blog.Posts were not showing on search engine.Later,I came to know that the culprit was mixed content on my blog.
Yes,when I changed http to https,it caused mixed content issue.
Fix mixed content issue ﹏
If you turn on HTTPS for your blog, you may have to change your blog content to make sure it works with HTTPS.
Mixed Content errors occur when a webpage downloads its initial HTML content securely over HTTPS, but then loads the follow-up content (such as images, videos, stylesheets, scripts) over insecure HTTP.
These browser errors will degrade both HTTPS security and the user experience of your blog.
Mixed content can be caused by HTML markup or JavaScript content in:
Theme source
Post and page source
Gadget source
Check your blog for mixed content errors
Use the latest version of Chrome.
Post and page source
Gadget source
Check your blog for mixed content errors
Use the latest version of Chrome.
(optional) Remove all non-Google gadgets from your blog.
On your browser, visit your blog using HTTPS.
At the top of your browser, click View > Developer > JavaScript Console.
Look for mixed content errors:
“Mixed Content: The page at 'https://<your-blog>.blogspot.
“Mixed Content: The page at 'https://<your-blog>.blogspot.
At the top of your browser, click View > Developer > JavaScript Console.
Look for mixed content errors:
“Mixed Content: The page at 'https://<your-blog>.blogspot.
“Mixed Content: The page at 'https://<your-blog>.blogspot.
Make a list of the blog address you are viewing, and any insecure URLs listed in the error messages.
(optional) Re-add gadgets one at a time to your blog. Repeat steps 2–5, and note any new mixed content errors.
(optional) Re-add gadgets one at a time to your blog. Repeat steps 2–5, and note any new mixed content errors.
Make sure to visit each page of your blog separately. Errors will show only for the page being viewed, not the blog as a whole. Make note of the errors you see, as well as whether the same problem URLs appear in errors for multiple blog pages.
Fix mixed error contents on your blog
If the error only appears on one page
This likely means that the mixed content is in the source of one of your pages or posts.
On your blog’s dashboard, click Posts or Pages.
Use the list of blog addresses you made when you checked for mixed content. Find the post or page and click Edit.
Use the list of blog addresses you made when you checked for mixed content. Find the post or page and click Edit.
In the top left, click HTML.
At the top of your browser, click Edit > Find > Find...
Search for “http://”.
If you find any HTTP URLs inside HTML tag attributes (specifically in <img>, <video>, <audio>, <script>, or <link> tags), change "http://" to "https://".
Verify that each URL is available over HTTPS by putting it into a new window in your browser. If the HTTP and HTTPS link give the same result, then everything works.
At the top of your browser, click Edit > Find > Find...
Search for “http://”.
If you find any HTTP URLs inside HTML tag attributes (specifically in <img>, <video>, <audio>, <script>, or <link> tags), change "http://" to "https://".
Verify that each URL is available over HTTPS by putting it into a new window in your browser. If the HTTP and HTTPS link give the same result, then everything works.
In the top right, tap or click Publish or Save. If the content has any errors, you’ll see them in the editor screen and the post or page won’t be saved yet.
Recheck your blog for mixed content to verify that the error is gone.
Recheck your blog for mixed content to verify that the error is gone.
If the error appears on multiple pages
This likely means that the mixed content is in the source of one of your themes.
On your blog’s dashboard, click Theme.
Click Edit HTML.
Click the theme content, then press Ctrl + f (Windows) or Cmd + f (Mac).
Search for “http://”.
If you find any HTTP URLs inside HTML tag attributes (specifically in <img>, <video>, <audio>, <script>, or <link> tags), change "http://" to "https://".
Verify that each URL is available over HTTPS by putting it into a new window in your browser. If the HTTP and HTTPS link give the same result, then everything works.
Click Save theme.
Recheck your blog for mixed content to verify that the error is gone.
Click Edit HTML.
Click the theme content, then press Ctrl + f (Windows) or Cmd + f (Mac).
Search for “http://”.
If you find any HTTP URLs inside HTML tag attributes (specifically in <img>, <video>, <audio>, <script>, or <link> tags), change "http://" to "https://".
Verify that each URL is available over HTTPS by putting it into a new window in your browser. If the HTTP and HTTPS link give the same result, then everything works.
Click Save theme.
Recheck your blog for mixed content to verify that the error is gone.
If there are still errors, these may be caused by one of the gadgets on your blog. Remove your non-Google gadgets, check your blog for mixed content, and re-add each gadget, to determine which gadget contains the mixed content.
To fix mixed content caused by gadgets:
Check the gadget markup or source, if that is available.
Remove the gadget from your blog.
For more help, search for your issue or post in the Blogger forum.
Avoid mixed content errors in the Blogger post editor
You can find mixed content in your posts and pages with the Blogger HTML editor:
Remove the gadget from your blog.
For more help, search for your issue or post in the Blogger forum.
Avoid mixed content errors in the Blogger post editor
You can find mixed content in your posts and pages with the Blogger HTML editor:
Turn on HTTPS for your blog.
Open the Blogger editor by creating a new post or page or editing an existing post or page.
Tap or click Edit.
In the top left, tap or click HTML.
Make the changes you want to make.
In the top right, tap or click Publish or Save. If the content has any errors, you’ll see them in the editor screen and the post or page won’t be saved yet.
To address errors, tap or click:
Fix: This will fix the errors identified by the editor and save the post.
Dismiss: Dismiss will ignore the errors for this session.
Open the Blogger editor by creating a new post or page or editing an existing post or page.
Tap or click Edit.
In the top left, tap or click HTML.
Make the changes you want to make.
In the top right, tap or click Publish or Save. If the content has any errors, you’ll see them in the editor screen and the post or page won’t be saved yet.
To address errors, tap or click:
Fix: This will fix the errors identified by the editor and save the post.
Dismiss: Dismiss will ignore the errors for this session.
Now, what i did??? I took a simple way to go to new post.Then click on permalink and customise link with https.Another simple option is go to each post then click html and check whether there is http anywhere.If you notice it,change it into https and update your post.
This should be done for each post.Check again and fix mixed content error.
A post by admin.
Author - Swatti Sharrma ß
Disclaimer - Use tips and instructions carefully.This blog will not be responsible for any harm caused by you to your device or data.
A post by admin.
Author - Swatti Sharrma ß
Disclaimer - Use tips and instructions carefully.This blog will not be responsible for any harm caused by you to your device or data.
Comments
Post a Comment