Não há dúvida de que a maioria dos usuários da Internet se deixa levar pelo familiar 404 Página Não Encontrada mensagem de erro. Provavelmente, você foi bombardeado por essa mensagem irritante pelo menos uma vez este mês quando clicou em um link quebrado.


Um erro 404 é uma resposta HTTP padrão a uma solicitação de página da web que o servidor não conseguiu atender por vários motivos. Por padrão, a mensagem de erro é exibida como texto sem formatação em um fundo branco. Se você odeia essa mensagem extravagante, não deseja sujeitar os visitantes do site a vê-la também. Então, por que não torná-lo menos irritante por meio de uma mensagem personalizada?

Neste tutorial, mostrarei as etapas de criação de um aplicativo personalizado. Página não encontrada mensagem para que os visitantes do seu site fiquem menos irritados quando ficam em branco. Primeiro, porém, vamos entender melhor por que você pode deixar um espaço em branco ao tentar acessar uma página da web.

Contents

Como e por quê 404 Página Não Encontrada Ocorrem erros

Quando você clica em um link e obtém um erro 404, significa que sua solicitação de página ao servidor foi bem-sucedida, mas a página específica que você estava tentando acessar não foi encontrada pelo servidor. Existem muitas causas para isso.

Por exemplo, se a página da web à qual o link estava se conectando foi removida, um erro 404 será exibido. Um cenário típico que leva a isso é quando uma página desatualizada que continha conteúdo popular é removida e ainda possui muitos links apontando para outros sites. Os sites de notícias grandes provavelmente são os culpados disso, se os administradores do site não tomarem medidas de precaução para evitar a falta de links de páginas.

Um erro de página 404 também pode ocorrer se a página solicitada foi realocada para um novo nome de domínio. Se o problema estiver no servidor (o servidor está inoperante ou inacessível por algum motivo), você pode receber um erro de DNS. Firewalls, filtros de conteúdo e outras formas de bloqueio de conteúdo também podem causar links quebrados.

Bottom line is broken links são comuns na web. Cabe aos proprietários ou administradores do site tornar a experiência mais suportável para os usuários. Lembre-se de que os usuários da Internet geralmente são impacientes ao procurar informações em um site. Um usuário não perderá tempo procurando outro site para obter o que deseja, se tudo o que encontrou no seu foi um simples e irritante Erro 404.

Uma mensagem de erro amigável ao usuário

Como já mencionei, a maioria dos servidores da Web está configurada para retornar uma página de erro 404 básica que exibe um pedido de desculpasuma breve descrição de por que você não conseguiu acessar a página solicitada. Em alguns casos, você também pode receber um link para o e-mail de um webmaster (se precisar de mais suporte técnico) ou um link para um mecanismo de pesquisa para continuar com sua pesquisa.

Embora essa mensagem de erro padrão seja educada, é bastante clara e geralmente é desativada para a maioria dos visitantes do site. É por isso que os webmasters sérios personalizam essa mensagem para que os visitantes que acessam espaços em branco possam ver uma página de erro 404 mais amigável (e menos irritante)..

Todos os temas padrão fornecidos com o WordPress têm um modelo de página de erro 404 básico chamado 404.php. Obviamente, esse modelo padrão funciona perfeitamente, mas é possível que não diga o que você deseja dizer aos visitantes. Felizmente, personalizar a mensagem no modelo é fácil. Basta abrir o modelo da página em um editor de código e alterar o texto da mensagem para o seu. Salve as alterações depois.

A estrutura do modelo de página de erro padrão enviado com o Dois mil e treze O tema é composto de tags para exibir o cabeçalho, rodapé e uma barra de pesquisa. É assim que fica em ação (basta digitar um endereço de página falso na barra de endereços do navegador):

Twenty Treze 404 Página

Se você examinar o código do seu modelo de página 404, notará o cabeçalho da página Não encontrado dentro do

tag de cabeçalho, juntamente com um _e função que realmente exibe o resultado na página. É isso que você deseja editar primeiro ao personalizar sua página 404. Você pode então adicionar mais texto amigável ao usuário.

e

tags abaixo dele. Observe que você pode ou não alterar o Não encontrado título, mas geralmente é bom colocar um cabeçalho personalizado que não irrite seus visitantes, juntamente com o texto personalizado nos parágrafos.

Você também pode notar que o cabeçalho aparece dentro da enorme 404 número na página. Quando você faz uma inspeção da página de erro usando o Firebug, verá que o enorme 404 é inserido por um pseudoelemento (.error404 .page-title: antes) Então abra o 404.php modelo e substitua o texto padrão no

,

, e

tags para o que você deseja informar aos visitantes. Além disso, edite o pseudoelemento mencionado ao seu gosto ou remova-o (comente na folha de estilos). Eu mudei o meu para isso:

Vinte e Treze Página 404 Personalizada

Embora você possa dizer o que quiser diretamente para seus visitantes aqui, é sempre bom mantê-lo breve. Além disso, tente dizer ou apontar o visitante para o que ele poderia estar procurando em primeiro lugar. E isso é tudo o que você precisa fazer para tornar sua página 404 mais amigável. Inspecione a página e altere os estilos como achar melhor.

Além disso, dependendo do tema do WordPress que você está usando o desenvolvedor, pode ter incluído suporte personalizado à página 404. Em nosso tema Total WordPress, criamos uma opção de tema de página 404 personalizada que facilita a adição de um redirecionamento 404 personalizado ou um título e conteúdo de página personalizados diretamente no painel do WordPress.

Captura de tela do editor de página 404 personalizado no Total

Exemplo de página 404 personalizada do tema total do WordPRess

o .Arquivo htaccess é onde a mágica acontece

Depois que seu 404.php é personalizado, tudo o que resta é que o WordPress o exiba quando a situação for apropriada – quando ele não conseguir encontrar uma página específica. Este é o processo padrão. No entanto, há momentos em que o servidor da Web pode encontrar problemas antes que o WordPress os tenha conhecimento, o que significa que os visitantes podem não conseguir acessar algumas páginas. Nesse caso, você precisa garantir que o servidor da Web possa redirecioná-los para sua página 404.php e é aqui que o .htcaccess arquivo entra.

o .htcaccess O arquivo está localizado na pasta raiz da sua instalação do WordPress. Para o caso do WordPress, ele é gerado automaticamente quando você altera sua estrutura de link permanente do padrão. Tudo o que você precisa fazer para garantir que o servidor encontre sua página 404 personalizada é adicionar uma única linha ao arquivo, assim:

ErrorDocument 404 /index.php?error=404

Como você pode ver, esse URL inicia na raiz (/), o que significa que, para usar esse formato de URL, sua instalação do WordPress deve estar na raiz do seu servidor. Caso contrário, se o WordPress estiver instalado em um subdiretório, o caminho de redirecionamento deve ser:

ErrorDocument 404 /yourfolder/index.php?error=404

Dessa forma, mesmo se você mudar seu tema, index.php sempre chamará o arquivo 404 certo para o seu novo tema.

Empacotando

Ao ler este tutorial rápido, agora é possível criar uma página 404 personalizada completa, com uma mensagem personalizada e amigável. Você também pode configurar o .htcaccess para garantir que os visitantes do seu site sempre sejam redirecionados para a página 404 correta pelo servidor em situações em que o WordPress não pode ou quando você altera temas.

Se você deseja atrair visitantes fiéis que sempre retornam ao seu site, é importante personalizar sua página 404 com uma mensagem menos irritante. E, é claro, tentar limitar o número de vezes que um visitante chega a uma página 404 também é uma boa ideia.

Você tem ótimas idéias para uma mensagem 404 personalizada? O que você está usando atualmente na sua página 404? Eu adoraria ouvir suas idéias nos comentários abaixo!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me