Como corrigir problemas de conteúdo misto no WordPress

Publicados: 2022-07-06

Você está enfrentando erros de conteúdo misto em seu site WordPress? Este blog mostra como corrigir problemas de conteúdo misto em seu site WordPress com facilidade.

Ter um certificado SSL para o seu site agora é uma necessidade. O símbolo do cadeado seguro não apenas ajuda você a ganhar a confiança de seus clientes, mas também a obter uma posição melhor no mecanismo de pesquisa. Infelizmente, durante a migração de HTTP para HTTPS, você pode enfrentar vários problemas. Como “conteúdo misto”, “conteúdo inseguro” ou mostrar scripts que foram bloqueados. Esses problemas ocorrem quando alguns atributos específicos de sua página da Web não estão sendo carregados com segurança pelo SSL.

Para ajudá-lo, hoje mostraremos como descobrir quais recursos não estão sendo carregados por HTTPS e como corrigir esse problema no site WordPress e no Elementor.

Porque esperar? Vamos começar com o básico sobre o que é um erro de conteúdo misto.

O que é erro de conteúdo misto no WordPress

Um erro de conteúdo misto é um problema comum no WordPress que ocorre devido a configurações incorretas de SSL ao criptografar em seu site.

O erro de conteúdo misto não afeta as funcionalidades do seu site. Mas causa um impacto negativo no desempenho de SEO do seu site e na experiência do usuário.

Ter um site seguro é muito essencial porque os usuários se sentem seguros compartilhando suas informações confidenciais, como e-mail, senhas, etc., enquanto usam seu site.

Criptografar um certificado SSL adiciona um ícone de cadeado ao lado do URL do seu site no navegador. Isso informa aos usuários que seu site é seguro de usar.

SSL Green PadlockIcon
Site com certificado SSL

Erros de conteúdo misto ocorrem quando você adiciona um certificado SSL ao seu site WordPress e o conteúdo do seu site está sendo executado em conexões HTTP e HTTPS . Isso significa que, após a criptografia SSL, alguns recursos do mesmo site foram carregados na conexão segura e insegura. Confira o exemplo abaixo-

  • https://yourwebsite.com/image.jpg (Seguro)
  • (http://yourwebsite.com/image.jpg) (Inseguro)

Mesmo o gigante dos mecanismos de busca Google também recomendou adicionar SSL em seu site WordPress, caso contrário, ele contará seu site como inseguro. Aqui está um exemplo de um site não SSL.

Without SSL Website
Site não SSL

A maioria dos provedores de serviços de hospedagem WordPress oferece recursos SSL gratuitos em seus pacotes. Se sua empresa de hospedagem não oferecer, você pode usar plugins como Really Simple SSL para adicionar um certificado SSL gratuito ao seu site.

Como encontrar conteúdo misto em seu site WordPress

Você pode verificar o conteúdo misto do seu site seguindo as etapas abaixo:

Primeira etapa: você pode verificar os erros de conteúdo misto do site acessando Inspecionar (Ctrl+Shift+I) para Windows ou (Cmd+Alt+I) para macOS.

Click on the Inspect Button
Opção de inspeção do Google Chrome

Então você precisa ir para a guia Console usando o navegador Google Chrome . Então você terá uma interface como a imagem abaixo.

Check Mixed content error
A área do console mostra conteúdo misto

Segunda etapa: você pode verificar o aviso de conteúdo misto na guia Segurança do seu Chrome DevTools .

Go to Chrome DevTools Security Tab
Chrome DevTools

Terceiro passo: Da mesma forma, você pode verificar o erro de conteúdo misto na área Chrome DevTools Network .

Como corrigir problemas de conteúdo misto em seu site

Agora vamos mostrar como corrigir erros de conteúdo misto em seu site WordPress.

Vamos começar:

Você pode simplesmente corrigir os avisos de conteúdo misto em seu site instalando o plug-in SSL Insecure Content Fixer. Confira o guia para saber como instalar um plugin do WordPress.

Depois de instalar e ativar o plugin, você precisa ir para a área Configurações->Conteúdo Inseguro SSL .

Go to Settings-SSL Insecure Content
Encontre a opção SSL Insecure Content na área de configuração

Você obterá todas as configurações essenciais para corrigir o conteúdo misto do seu site. Na parte a seguir, explicaremos as configurações.

Simples
Essa é a maneira mais rápida e recomendada de corrigir seu conteúdo misto. Esta opção corrige o conteúdo misto do seu site para scripts como javascript, folhas de estilo CSS e arquivos de mídia, como imagens e vídeos.

Contente
Você pode selecionar a opção Conteúdo se o método Simples não corrigir seu conteúdo misto. Este método resolveu seu conteúdo interno do WordPress Content e Widgets Text . Isso significa que os links que você adicionou no conteúdo do site, como âncoras, parágrafos, serão atualizados com HTTPS.

Widgets
Você usou um código de acesso ou link interno para o widget do seu site e isso ainda está com HTTP após ativar o SSL. Ao habilitar esta opção, você pode converter todos os URLs de HTTP para HTTPS carregados em seu site Widgets .

Fix Insecure Content
Área de configurações de conteúdo não seguro SSL

Capturar
O cabeçalho e o rodapé são as partes mais essenciais de um site onde mantemos muitos scripts, folhas de estilo e outros links. Quando ativamos o SSL, muitos dos links no cabeçalho e rodapé permanecem os mesmos. Isso significa que esses links são carregados com uma conexão HTTP. Se você marcar o método de captura, o cabeçalho e o rodapé do site combinarão o conteúdo, substituindo-o por HTTPS .

Capturar tudo
Se todos os métodos acima não resolverem seu problema, você pode tentar a opção Capturar tudo. Esse método corrige com força todo o conteúdo misto do seu site.

Existem algumas outras configurações que você também obterá na área de configurações do plug-in.

Se você deseja corrigir o conteúdo misto de plugins e temas específicos, você pode selecionar a opção Correções para plugins e temas específicos .

Você pode selecionar a opção Ignorar sites externos se quiser deixar o conteúdo do seu site apontando para sites externos como HTTP .

Depois de concluir o nível de correção de conteúdo misto, você pode definir a detecção de HTTPS . Com essa configuração, você pode selecionar como detectar o conteúdo HTTPS em seu site WordPress. A função padrão padrão do WordPress é recomendada. Então você não precisa alterá-lo.

Fix other insecure content
Salve as configurações de conteúdo não seguro SSL

Por fim, você deve clicar no botão Salvar alterações para salvar a configuração.

Bônus 1: Corrigindo o erro de conteúdo misto para o seu site Elementor

Se o seu site for construído com WordPress e Elementor e precisar corrigir o conteúdo misto no site, siga as etapas a seguir.

Primeiro, você precisa visitar a área Elementor->Ferramentas .

Elementor Tools
Encontrar a opção Ferramentas Elementor

Na próxima, você obterá as configurações das ferramentas Elementor. Basta clicar na guia Substituir URL. Em seguida, insira a URL antiga do seu site (http://yourwebsite.com/) e (https://yourwebsite.com/) na área Update Site Address (URL) .

Por fim, você precisa clicar no botão Substituir URL para substituir todos os URLs do seu site de HTTP para HTTPS .

Elementor Replace URL Settings
Substituir URL

É isso.

Existe outra maneira de resolver o problema de conteúdo misto. Você precisa entrar em contato com seu provedor de hospedagem para resolver esse erro. se a fic o seu erro de criptografia SSL, a maior parte do aviso de conteúdo misto do seu site será resolvido. Em seguida, você pode seguir o método acima para corrigir o outro problema de conteúdo misto.

Bônus 2: Exemplos de alguns tipos de conteúdo misto

Existem muitos tipos de conteúdo em seu site que seriam misturados devido ao erro de configuração de SSL. Abaixo estão os notáveis:

Folha de estilo: Existem vários tipos de folhas de estilo usadas em seu site durante a construção. É um conteúdo muito comum que seria misturado após a ativação do SSL. Confira a imagem abaixo para ter uma idéia sobre isso.

Mixed Content in the Stylesheet
Conteúdo misto na folha de estilo

Script: Como as folhas de estilo, os arquivos de script do seu site enfrentariam erros de conteúdo misto. Aqui está um exemplo.

Mixed Script files
Conteúdo misto no roteiro

Arquivos de mídia: Depois de migrar de HTPP para HTTPS, muitos dos arquivos de mídia do seu site, como imagens, banners, etc., ainda são carregados com a conexão HTTP. Aqui está um exemplo de um arquivo de imagem codificado que contou como conteúdo misto.

Image Mixed Content
Conteúdo misto na imagem codificada

Widgets: em um site WordPress, o widget é um recurso essencial que usamos para exibir conteúdo estático e vinculável. Portanto, sempre há uma chance de conteúdo misto na área do widget.

Tema e plug-in: Às vezes, os desenvolvedores usaram erroneamente o HTTP como o tema ou plug-in de desenvolvimento branco. Portanto, esses links HTTP ainda permanecem em seu site, mesmo depois de criptografar o certificado SSL. Portanto, você precisa ter cuidado para corrigir esse conteúdo misto mais tarde em nossa parte do tutorial, você aprenderá a lidar com esse problema.

Conclusão

No guia acima, compartilhamos um guia detalhado sobre como corrigir problemas de conteúdo misto em seu site WordPress. Também discutimos qual é o erro de conteúdo misto e como corrigir os problemas de conteúdo misto do site Elementor.

Se você ainda precisar de mais informações ou tiver alguma dúvida sobre este tópico, pode comentar sobre nós.

Além disso, verifique este blog e saiba como corrigir problemas de não carregamento do seu site WordPress.

Solicitamos que você se conecte com seus canais do Facebook e Twitter e assine nossa newsletter.

Assine a nossa newsletter

Receba as últimas notícias e atualizações no Elementor