Como insertar el botón +1 en una página aunque no esté validada en xhtml strict.

Método con el cual podemos agregar en nuestra página web el nuevo snippet de Google +1, novedoso sistema que Google ha implementado y que es indispensable si se quiere estar actualizado con

Este método permite que los lectores de nuestras páginas voten al dar un clic en el boton +1, estos votos al ser reflejados en los resultados de búsqueda hechas en Google pueden influir de forma decisiva e inclusive decidir a los usuarios a dar clic en nuestro vínculo.

Al mismo tiempo gran parte de las páginas que se muestran en los resultados, nunca se actualizarán al nuevo sistema, ya que muchas de ellas no se han actualizado en años, lo que nos da una gran ventaja que podemos aprovechar.

El método que Google sugiere de insertar el código necesario, no valida a no ser que se utilice xhtml strict como la declaración del tipo de documento. 

Método alternativo de insertar el botón +1 

Una forma alternativa de lograrlo, la que he tenido yo que usar en mi sitio, es hacerlo de la siguiente forma y funciona a la perfección:

1- Insertar el siguiente código en el lugar donde se desea que se muestre el botón. 

<div id=”plusone-div”></div> 

2- Insertar en el final de la página, justo antes de la etiqueta de cierre </body> el siguiente código. 

<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”&gt;

{“parsetags”: “onload”}

</script>

<script type=”text/javascript”>

function renderPlusone() {gapi.plusone.render(“plusone-div”);}

window.onload=function()

{renderPlusone();}

</script> 

Ventajas de usar la función onload para cargar el botón +1 

Este método nos da mucha ventaja.

Se utiliza la función de javascript onload para cargar el script por lo tanto no ralentizará en lo absoluto la página, si no sabes que es onload, significa que la función llamada renderPlusone que carga los elementos para mostrar el botón, no se iniciará hasta tanto la página termine de cargar completamente.

De esta forma nos aseguramos que el script no retrasa en lo absoluto la velocidad de carga de la página, lo que no ocurre con ninguno de los otros widgets que se utilizan, como por ejemplo los botones de Facebook y Twitter que en ocasiones perjudican más por el efecto de ralentizar nuestra página, que el beneficio que nos puede traer su uso.

Es ampliamente conocido que uno de los factores que toma en cuenta Google en la actualidad para otorgar el PageRank a una página web, es la velocidad de carga de la misma, por lo que a la hora de incluir cualquier elemento adicional en el código html hay que estar seguro que no nos perjudica.

Las pruebas hechas después de insertar los script en diferentes páginas, demuestran que no existe retardo en lo absoluto, se hizo la comprobación usando el servicio de Gtmetrix, que permite descargar un archivo PDF con la tabla de la información del tiempo que demoran cada elemento de la página. Puedes obtener en la siguiente página el Bookmarklet para hacer la prueba a las páginas que desees.

Diseño, edición web y publicación en internet. 

Las direcciones url para acceder las páginas de Google con información sobre el botón +1 son las siguientes:

Adding the +1 button to your site

https://code.google.com/apis/+1button 

The +1 Button: Now Faster

http://googlewebmastercentral.blogspot.com/2011/07/1-button-now-faster.html 

Mas informacion en:

Consejos y trucos para Windows y la navegación en internet.

 

 

 

Acerca de norfipc

Blog del autor del sitio NorfiPC, dedicado a publicar información, opiniones, comentarios, puntos de vistas, relacionados con el contenido de dicho sitio web.
Esta entrada fue publicada en Diseño web. Guarda el enlace permanente.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s