1-Un clic en “Diseño”                                             

2-Clic en “Añadir un gadget”                                      

3-Busca el widget que dice “HTML-Javascript” y ábrelo            

              

4-Coloca el siguiente codigo en el interior

Despues de haber insertado el código, un clic en  "Guardar"

Vamos a ponernos en la piel del lector, imagina que acabas de encontrar un artículo muy interesante en Facebook resolviendo un problema que hace tiempo te traía de cabeza y por fin te muestra la solución que estabas buscando. Emocionada, haces clic sobre el enlace o la imagen y te aparece un texto seco que te anuncio que la página que buscabas, no se encuentra en el blog...

Primeramente, tu reacción es desanimarte porque de buenas a primeras,te has quedado sin la solución a tu problema o sin saciar tu curiosidad hacia la información que te prometían.

Y ahora, pregunto ¿cual es el siguiente paso que darías ante esta situación?

Probablemente, te largarías en busca de tu solución al buscador de Google (adios, muy buenas) o con un poco de suerte, si eres de las que no tiran la toalla a la primera, investigarías si existe algún buscador en ese blog, para intentarlo por última vez ¿verdad?.

Pero lo que suele suceder en la mayoría de los casos, por desgracia, es la primera opción. Así que toca ponerse las pilas, para evitar que las visitas que acudan a un enlace roto, salgan despavoridas de nuestro blog.

Lo primero es saber qué es un enlace roto y porqué se genera. Hay veces que se debe a que copiamos mal la dirección de nuestro enlace a la hora de publicar, por ejemplo, en nuestras distintas redes sociales. 

Con una letra que nos comamos, es suficiente para que la información no llegue al lector.

Igualmente el lector, puede caer en ese descuido y el resultado sería el mismo. Otras veces, puede ocurrir que hayamos migrado el blog a otro dominio y no hayamos redireccionado correctamente los artículos al nuevo servidor, o que se ha cambiado el enlace de un contenido y la persona que se ha topado con el error 404, llegue a través de haber clicado en el antiguo enlace. Por eso, jamás se recomienda cambiar el enlace de un artículo publicado, a no ser claro, que te tomes la molestia de redireccionarlo correctamente.

Todos estos incidentes, si son continuos, pueden acabar en una bajada de visitas a nivel seo, por eso es importante solucionarlos cuanto antes mejor. 

La opción más inteligente para ponerle remedio es visitar frecuentemente tus herramientas webmaster      (ahora llamada Google Search Console)   https://www.google.com/webmasters/tools/home?hl=es     

y echarle un ojo a los posibles enlaces rotos que tengas en tu blog.

Si no estás muy puesta en el manejo de esta valiosa herramienta, te aconsejo que te pongas a la tarea (si le das importancia a tu blog), porque tiene muchas ventajas para mantener tu blog optimizado de cara al seo y además "te canta" las palabras o frases con las que tu blog aparece en los resultados de búsqueda. 

Aquí te dejo un completo tutorial sobre Google Search Console, estupendamente explicado por Alejandro Caballero, :    http://alejandrocaballero.es/google-webmaster-tools/

con el que comprobarás, que no es nada complicado, estar a buenas con el seo de tu blog.

No te quiero dar el peñazo con el seo, porque sé (porque a mí me pasa) que si el trabajo que desarrollas en tu blog, no tiene nada que ver con este tema, te suena a tostón gordo en jerga china...

A mí tampoco me entusiasma el seo, pero es necesario (como las visitas al médico de vez en cuando) para controlar que todo esté bien.

Así que si quieres que tus contenidos se lean y lleguen, cada vez a más personas altamente interesadas en tus contenidos, debes tener un mínimo control sobre el seo de tu blog o contratar a alguien que lo haga por ti. O eso, o una mega estrategia en redes sociales y marketing bestial, pero te digo desde ya, que para la mayoría de los blogs, el volumen gordo de visitas, suele venir a través de las consultas en los buscadores y eso, es una gran ventaja, porque lo que quiere decir es que si han venido a parar a tu sitio desde ahí, es porque buscaban algo relacionado con tu contenido.

En fin, que no te doy más la murga, que si, que tienes razón, que tú venías a ver como poner una página de error en tu blog, y yo te estoy largando un vademécum sobre seo, sin ninguna contemplación, pero es que me parece vital que lo sepas. A lo que iba, una opción es descubrir enlaces rotos a través de Search Console, pero existe otra posibilidad, quizás más cómoda, que te ahorrará andar pasándote por allí frecuentemente y es lograr que los lectores te comuniquen los enlaces rotos.

 No tienes página de contacto? pues deberías, entonces sería genial que pudieras guiar al lector que se ha encontrado con un enlace roto a una parte de tu blog, donde le puedas ofrecer todos tus contenidos para que busque lo que más le interese, es decir, al índice de tu blog. De esta manera, no sólo consigues facilitar su búsqueda, sino que además le das la opción de descubrir otros contenidos que le puedan interesar y consigues alargar su estancia en tu sitio ¿perfecto, no? todo el mundo sale ganando 

                                

<div id="error404">

<img border="0" src="http://i62.tinypic.com/23hqhkw.jpg" usemap="#Map" />

<map id="Map" name="Map"> 

<area coords="103,244,206,264" href="DIRECCION-PAGINA-CONTACTO" shape="rect"></area>

<area coords="339,243,443,265" href="DIRECCION-PAGINA-INDICE" shape="rect"></area>

</map></div>

<div id="error404">

<img border="0" src="http://i62.tinypic.com/1zey4qw.jpg" usemap="#Map" />

<map id="Map" name="Map"> 

<area coords="116,280,234,305" href="DIRECCION-PAGINA-CONTACTO" shape="rect"></area>

<area coords="392,280,509,305" href="DIRECCION-PAGINA-INDICE" shape="rect"></area>

</map></div>

<div id="error404">

<img border="0" src="http://i60.tinypic.com/33yg9op.jpg" usemap="#Map" />

<map id="Map" name="Map"> 

<area coords="141,340,280,374" href="DIRECCION-PAGINA-CONTACTO" shape="rect"></area>

<area coords="474,340,613,370" href="DIRECCION-PAGINA-INDICE" shape="rect"></area>

</map></div>

.status-msg-body {

background: #fff;

}

.status-msg-border{

border: 0px solid #fff;

}