Wordpress Hack #4: Create A Custom Error 404 Page Hack Wordpress # 4: crear una página de error 404

In this “Wordpress Hack” you’ll learn how to create a custom 404 Error page for your blog. En este "Hack Wordpress" usted aprenderá cómo crear una página de error 404 para su blog. It’s helps your visitors find what they need, and also helps you not lose visitors! Es ayuda a sus visitantes a encontrar lo que necesitan, y también le ayuda a no perder visitantes!

The Wordpress “Hack-A-Thon” continues in our “ El Wordpress "Hack-A-Thon" continúa en nuestra " 30 Wordpress Hacks in 30 Days Series 30 Wordpress Hacks en la serie 30 Días ” to help you get control of your blog! "Para ayudarle a obtener el control de tu blog!

One page you probably don’t look at very often (if ever) is your 404 Error page. Una página que probablemente no miran muy a menudo (o nunca) es su página de error 404. What is a 404 error? ¿Qué es un error 404? It’s when someone tries to visit something on your web site and it isn’t there - the webserver displays an error page. Es cuando alguien intenta visitar algo en su sitio web y no es allí - el servidor web muestra una página de error. Normally the page is white with plain black text with a short message about “the page you’re looking for cannot be found”. Normalmente, la página es de color blanco con negro simple texto con un mensaje corto acerca de "la página que buscas no se puede encontrar". Wordpress displays a custom 404 page based on the template file “404.php” contained within your theme directory, but by default most themes don’t have much more than “Error 404 Not Found”. Wordpress muestra una página 404 personalizado basado en el archivo de plantilla "404.php", que figura dentro de su directorio tema, pero por defecto, la mayoría de los temas no tienen mucho más que "Error 404 Not Found".

Currently my 404 error page is pretty useless showing just a heading “Error 404 Not found” and a white blank screen inside my wordpress template. Actualmente mi página de error 404 es bastante inútil mostrando sólo un título de "Error 404 no encontrado" y una blanca pantalla en blanco dentro de mi plantilla wordpress. I’m going to fix that as I write this hack for you. Me voy a fijar que, como yo escribo este hack para usted. What causes these 404 errors? ¿Qué causa estos errores 404? It only happens 2 ways, either somebody types or pastes in a bad address in the URL field of the browser, or somebody clicks on a bad link (on your site or from another site). Sólo sucede 2 maneras, o bien alguien tipos de pastas o en una mala dirección en el campo URL del navegador, o alguien hace clic en un vínculo malo (en su sitio o desde otro sitio). When Wordpess can’t find the page or content it displays a page using the 404.php error. Cuando Wordpess no puede encontrar la página o el contenido que muestra una página con el error 404.php. This would be a good time to mention the Este sería un buen momento para hablar de la 404 Notifier Wordpress Plugin 404 notificador Wordpress Plugin that will email you every time someone gets a 404 error on your site. dirección de correo electrónico que usted cada vez que alguien recibe un error 404 en su sitio. It’s an important gauge of whether people are having issues with your content (being found) or not. Es un importante indicador de si las personas están teniendo problemas con su contenido (se encuentra) o no.

A good place to start would be the Un buen lugar para empezar sería el Wordpress Codex page on Creating an Error 404 Page Wordpress Codex en la página Crear una página de error 404 . The first thing it says is that you want to remove the ugly error and replace it with something that will help visitors find their way. Lo primero que dice es que quiere quitar el feo error y reemplazarlo con algo que ayudará a los visitantes encontrar su camino. I couldn’t have said it better myself. Yo no podría haber dicho mejor que yo.

It also says that you are looking for the following text, and should modify the H2 header and add some paragraphs of text below it: También dice que usted está buscando el siguiente texto, y debe modificar el encabezado H2 y añadir algunos párrafos del texto que figura a continuación es el siguiente:

 <div id="content"> <h2 class="center">Error 404 - Not Found</h2> </div> 

There isn’ta lot of “codey hocus pocus” going on there, you just want to give users a friend message, some text to humor and help them, and then it’s up to your where you want to direct them next. No hay mucho de "Codey Hocus Pocus" pasando allí, lo que quiere ofrecer a los usuarios un mensaje de amigo, algún texto de humor y ayudarlos, y luego le toca a tu en la que desea dirigir a otro. Some of you may want to list your most popular posts, or maybe certain categories or pages, but in my case I want to link to only a few of those. Algunos de ustedes pueden desear su lista de los puestos más populares, o tal vez a determinadas categorías o páginas, pero en mi caso quiero enlazar con sólo unos pocos de ellos. Then I’m going to enlist the help of the A continuación, voy a recabar la ayuda de la Ask Apache Google 404 Wordpress Plugin Pregúntele a Google 404 Apache Wordpress Plugin . It’s going to try and figure out (based on the URL) what it was they were trying to find, and display google results (for your site) to the user to try and help. Va a tratar de averiguar (basado en la URL) lo que era que estaban tratando de encontrar, y mostrar los resultados de Google (para su sitio web) para el usuario para tratar de ayudar. I personally would prefer this plugin to search my blog only for results, but since this is the only plugin I could find that does this - google results will have to do. Yo personalmente preferiría que este plugin de búsqueda a mi blog sólo por los resultados, pero ya que este es el único plugin que pude encontrar que hace esto - los resultados de Google se tiene que hacer. Check out Salida how pimped out my 404 page looks now cómo Pimped mi página 404 se ve ahora !

As you can see in the image above (or the link to view it directly) - we’ve come a long way baby! Como se puede ver en la imagen de arriba (o el enlace para ver directamente) - hemos recorrido un largo camino nena! No more bland error page, now we get an email every time a 404 not found error is generated, and the users get a friendly message with automatic google results to try and find what they were looking for! No más suaves página de error, ahora tenemos un mensaje de correo electrónico cada vez que un 404 Not Found error se genera, y los usuarios obtener un mensaje de amistad con el automático de resultados de Google para tratar de encontrar lo que estabas buscando! Like I initially said - this hack helps our visitors, and helps us “keep” our visitors on the site all at the same time! Como he dicho inicialmente - este hack ayuda a nuestros visitantes, y nos ayuda a "mantener" a nuestros visitantes en el sitio todos al mismo tiempo!

Here are some other good 404 examples to look at for inspiration: Estos son algunos de los 404 ejemplos de buenas a mirar de inspiración:

Problogger’s 404 Page Problogger la página 404
Smashing Magazine’s Error Pages Reloaded Smashing Magazine páginas de error Reloaded
Web Professor’s 404 Web del Profesor 404
Home Star Runner Inicio estrellas Runner

As always - if you have questions or something to add to make this hack even better, please comment now! Como siempre - si usted tiene preguntas o algo que añadir a hacer este truco aún mejor, por favor, comentario ahora! Stay tuned for tomorrow’s Wordpress hack so we can keep pimpin’ out our blogs! Estén atentos para Wordpress mañana del hack para que podamos mantener pimpin 'nuestros blogs!

Tags: Etiquetas: 404 error Error 404 , blog-help blog-ayuda , tutorial , wordpress-hacks , wordpress-templates wordpress-plantillas , wordpress-theme wordpress-tema