Durante mi odisea de traducir el Error 404 predeterminado de Google 404 se me ocurrió que seria mejor crear una pagina personalizada, así cada uno tendremos la pagina como queramos, mas bonito y mas funcional que un "Otras cosas a hacer".
Este es el ejemplo de como me ha quedado a mi:
![[Imagen: P4EywXt.png]](http://i.imgur.com/P4EywXt.png)
Aparecera en el espacio donde salia el soso "Error 404 - No encontrado"
Y el tambien soso buscador de google con el "Other things to try" o como conseguir traducir aqui , "Otras cosas a probar".
Aclaro que no es ningun plugin, solo un pequeño codigo HTML colocado en el archivo de traduccion de Google SEO, que funciona a la perfeccion.
Comencemos:
1. Crea una imagen que explique que es un error, y que no ha sido encontrado, mi ejemplo:
![[Imagen: 5AUp16M.png]](http://i.imgur.com/5AUp16M.png)
2. Una vez creada, alojala en tu servidor, en la carpeta raiz
3. Ahora entra en la ruta de tu servidor /inc/languages/english y abre el archivo googleseo.lang.php para editarlo.
4. Dentro del, sustituye TODO todo el codigo por:
5. Coloca esto al final del archivo global.css de tu theme, comunmente alojado en /cache/themes/elthemequesea
6. Entra en el template headerinclude de tu plantilla (En el panel de Administracion, Estillos y Plantillas » Sets de plantillas » Tu Plantilla » Plantillas sin grupo » headerinclude) agrega este codigo:
Y guarda.
7. Una vez hayas terminado estos pasos, al meter una url equivocada en tu foro, veras como el error 404 ha mejorado bastante, pues el buscador no es el de google si no el interno de tu foro, y si no desea buscar el usuario, podra volver al inicio.
Si teneis algun error comentadmelo, saludos.
Este es el ejemplo de como me ha quedado a mi:
Aparecera en el espacio donde salia el soso "Error 404 - No encontrado"
Y el tambien soso buscador de google con el "Other things to try" o como conseguir traducir aqui , "Otras cosas a probar".
Aclaro que no es ningun plugin, solo un pequeño codigo HTML colocado en el archivo de traduccion de Google SEO, que funciona a la perfeccion.
Comencemos:
1. Crea una imagen que explique que es un error, y que no ha sido encontrado, mi ejemplo:
2. Una vez creada, alojala en tu servidor, en la carpeta raiz
3. Ahora entra en la ruta de tu servidor /inc/languages/english y abre el archivo googleseo.lang.php para editarlo.
4. Dentro del, sustituye TODO todo el codigo por:
Código:
<?php
$l['googleseo_404_notfound'] = "<center><img src='/404.png'/></center>";
$l['googleseo_404_widget'] = "<div style=\"margin-top:70px;\" id=\"search\">
<form action=\"/search.php\" method=\"post\">
<fieldset class=\"noborder\">
<label for=\"search_box\">
<span> </span>
</label>
<center><input name=\"keywords\" id=\"search_box\" onblur=\"if(this.value=='')this.value='Busca lo que no has encontrado aqui';\" onclick=\"if(this.value=='Busca lo que no has encontrado aqui')this.value='';\" value=\"Busca lo que no has encontrado aqui\" title=\"Introduce las palabras clave que desees buscar\" type=\"text\" class=\"textbox\" style=\"height: 19px!important;width: 500px!important;\"/>
<label><input style=\"display:none;\" type=\"submit\" name=\"submit\"><span class=\"busqueda404\"><i class=\"fa fa-search\"></i> Buscar</span></label>
<input type=\"hidden\" name=\"action\" value=\"do_search\" class=\"boton44\"/>
<br/><br/>
<div class=\"botoninicio\" style=\"width:230px\">
<a href=\"/\"><font style=\"font-size:25px\"><i class=\"fa fa-home\"></i> O vuelve al Inicio</font></a>
</div>
<center>
</fieldset>
</form>
</div> ";
$l['googleseo_404_wol'] = "Seeing an <a href=\"{1}\">Error Page</a>";
$l['googleseo_meta_page'] = "Page";
$l['googleseo_sitemap_disabledorinvalid'] = "Sitemap disabled or invalid.";
$l['googleseo_sitemap_emptyorinvalid'] = "Sitemap empty or invalid page.";
$l['googleseo_sitemap_pageinvalid'] = "Sitemap page invalid.";
$l['googleseo_sitemap_wol'] = "Browsing the <a href=\"{1}\">XML Sitemap</a>";
?>5. Coloca esto al final del archivo global.css de tu theme, comunmente alojado en /cache/themes/elthemequesea
Código:
.busqueda404{
background:#007abe; /* Fondo del Boton de Busqueda */
color:#fff; /* Color del texto del Boton de Busqueda */
cursor:pointer;
font-size:18px;
padding:4px 9px;
border: none;
text-align:center;
text-shadow:none!important;
}
.busqueda404:hover{
text-decoration:none;
}
.botoninicio a{
color:white; /* Color del texto del Boton de Vuelta al Inicio */
text-decoration:none
}
.botoninicio{
background:none repeat scroll 0 0 #007abe; /* Fondo del Boton de Vuelta al Inicio */
color:#fff; /* Color del texto del Boton de Vuelta al Inicio */
cursor:pointer;
font-size:15px;
padding:5px 5px;
}
input.textbox{
border:1px solid #777;
border-radius:5px;
padding:5px 0 5px 5px;
transition:all .3s ease-out 0
}
input.textbox:hover{
border:1px solid #007abe;
border-radius:5px;
padding:5px 0 5px 5px;
transition:all .3s ease-out 0
}6. Entra en el template headerinclude de tu plantilla (En el panel de Administracion, Estillos y Plantillas » Sets de plantillas » Tu Plantilla » Plantillas sin grupo » headerinclude) agrega este codigo:
Código:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">Y guarda.
7. Una vez hayas terminado estos pasos, al meter una url equivocada en tu foro, veras como el error 404 ha mejorado bastante, pues el buscador no es el de google si no el interno de tu foro, y si no desea buscar el usuario, podra volver al inicio.
Si teneis algun error comentadmelo, saludos.
Última modificación: 23 Apr, 2014, 6:10 am por ada314.
- Temas personalizados (HTML5, flat, responsive, SEO Friendly, etc)
- Plugins y sistemas personalizados (Galería de imagenes, Bolsa de Trabajo, etc)
Muy bien. Ahora lo ideal seria agregar enlaces directos a otros contenidos de tu comunidad, como el portal, inicio, temas populares, etc. Es algo muy recomendado para las paginas de error.
(23 Apr, 2014, 10:38 pm)Omar G. escribió: Muy bien. Ahora lo ideal seria agregar enlaces directos a otros contenidos de tu comunidad, como el portal, inicio, temas populares, etc. Es algo muy recomendado para las paginas de error.
Estoy pensando en añadir un menu que se expanda para lo que tu dices, actualizare el codigo si mejoro mi error 404.
- Temas personalizados (HTML5, flat, responsive, SEO Friendly, etc)
- Plugins y sistemas personalizados (Galería de imagenes, Bolsa de Trabajo, etc)