Para aquellos desarrolladores que quieran verificar el código de las páginas de su sitio web de una forma rápida y sencilla, simplytestable.com se convertirá sin lugar a dudas en un aliado indispensable. Con este servicio, tras insertar la url de nuestro sitio web, no hará un test de validación del HTML siguiendo los estándares del W3c y devolviendo el correspondiente informe de errores. Además, el informe indicará posibles enlaces rotos, la presencia o no del archivo robots.txt, la detección de la inclusión de un favicon y además nos dará consejos para solucionar los citados errores. Para el correcto funcionamiento, nuestro sitio web necesita disponer de un sitemap o de un rss al cual pueda conectarse el servicio.
Creando páginas web
Tener una página web y mantenerla no siempre es fácil, información y consejos para los webmasters
Cada vez se ven más videos desde dispositivos móviles
Según la empresa Ooyala, el consumo de este tipo de contenidos habría llegado a superar la barrera del 5% situándose en el 5,4%. Esta cifra ha aumentado considerablemente desde el mes de abril y parece que dicho crecimiento ha venido respaldado por el uso cada vez mayor de tabletas. También destaca del estudio que el tipo de videos que se visualizan desde las tablets son mayoritariamente de larga duración, lo cual es un claro atractivo para las empresas que saben que este tipo de contenidos contribuye a una mejor captación de potenciales clientes. Así pues, tal y como venimos recomendando desde hace mucho tiempo, hay que considerar cada vez más a los usuarios de dispositivos móviles a la hora de crear un sitio web, y si adaptamos los contenidos para este tipo de dispositivos mejor que mejor.
Ocultar nuestro email de las arañas mediante jQuery
Incluir el correo web en una página, es igual a recibir cientos de correos electrónicos con SPAM, no obstante ¿como podemos ofrecer nuestro email de contacto sin vernos expuestos a este peligro? De un tiempo a esta parte se han diseñado múltiples formas de solucionar el problema, por ejemplo usando imágenes o JavaScript.
Pues bien, haciendo uso de la conocida librería jQuery, hemos encontrado una interesante sugerencia para enmascarar esos correos electrónicos. Para ello, tenemos dos partes. Lo primero es la representación de la dirección de email, que se haría de la siguiente forma
<span class='email'>info</span><span class='email'>admin</span>
Y luego tendremos la función que mediante jQuery realizará el cambio para que el código que interprete el navegador sea el que deberíamos esperar en caso de no utilizar técnica alguna para enmascarar el correo:
$(function(){
$(".email").each(function(index) {
var addr = $(this).text().replace(/\n/g,"").replace(/ /g,"");
$(this).html('<a href="mailto:'+addr+'@dominio.com" >'+ addr +'@dominio.com</a>');
});
});
Al final tendríamos el siguiente resultado:
<a href="mailto:info@dominio.com">info@dominio.com</a><a href="mailto:admin@dominio.com">admin@dominio.com</a>
Más opciones para medir la influencia en las redes sociales
A principios de esta semana hablabamos de Tweet Grader, una herramienta con la cual medir la influencia de una cuenta de Twiter, sin embargo ho queremos hablar de otras dos herramientas, que además de medir la influencia también permiten trabajar con Facebook. Se trata de Klout y de CrowdBooster (no disponible).
Klout, nos ofrece una valoración entre 0 y 100 en función de 30 variables distintas y no solo Twitter o Facebook están entre las redes sociales que puede monitorizar: LinkedIn, FourSquare, YouTube, Blogger, Tumblr, Flickr, Instagram y Last.fm entran dentro de sus opciones y te mostrará aquellos temas donde tu cuenta es más relevante.
La segunda de las herramientas, CrowdBooster, es muy completa ofreciendo datos que permitirán decidir el sentido de acciones a tomar en las redes sociales, así como consejos para mejorar los diferentes puntos considerados. Se puede controlar el número de impresiones, el alcance y otra serie de parámetros como el crecimiento de nuestros seguidores, la influencia de estos, quienes comparten más nuestros contenidos. Y finalmente cabe destacar que esta herramienta nos permite recibir informes via email, algo que será muy útil para muchos usuarios.
Al principio no te preocupes del SEO, centrate en los contenidos
Hoy en día todo el mundo parece obsesionado con los buscadores, el posicionamiento y el SEO. La verdad es que el SEO es una ciencia que no es exacta aunque tiene una serie de trucos que contribuyen a mejorar nuestra posición en los buscadores de una forma relativamente fiable. Sin embargo, cuando estamos empezando con un sitio web, conviene tener mucho cuidado y no obsesionarse con esta parte. Es cierto que podríamos preocuparnos por optimizar el sitio web para los buscadores, pero estos no están buscando sitios web optimizados, sino sitios web con contenidos. Así pues cuando un buscador rastrea una página web de reciente creación, lo primero que trata es de determinar la disponibilidad de nuevos contenidos, mostrando un cierto recelo en caso que estos no estén muy presentes. Así pues, si bien siempre conviene tener en cuenta el SEO, su influencia en las primeras etapas de cualquier sitio web, es más bien reducida, será solo con el tiempo y cuando el buscador tenga cierta confianza en nuestro sitio web cuando de verdad empiece a ser necesario invertir esfuerzos en el posicionamiento. Así pues, no lo olvidéis, cuando estéis empezando… centraros en los contenidos, el resto llegará con el tiempo.
Tweet Grader, una forma sencilla para medir la «influencia» en Twitter
Hoy en día estamos inmersos de lleno en el fenómeno de las redes sociales. Facebook, Google Plus, Twitter, … todo el mundo quiere estar en ellas. Pero la cuestión es si el esfuerzo invertido en estas redes sociales tiene algún resultado. Para ello, se han inventado una serie de métricas que tratan de determinar la «influencia» que se tiene dentro de las redes sociales. Dichas métricas si bien, no reflejan una realidad que se adapte a todos los entornos y circunstancias, permiten al menos que nos hagamos una idea general de como lo estamos haciendo en las redes sociales.
Una de estas herramientas es Tweet Grader, que como bien refleja su nombre, se encargaría de medir la influencia dentro de la red social de microbloging Twitter. Su uso es realmente sencillo, simplemente nos ofrece un cuadro de texto donde insertaremos el nombre de la cuenta de usuario de Twitter de la cual queramos comprobar su valoración y nos devolverá un valor entre 0 y 100 indicando la «influencia» de la cuenta. Si queréis conocer los detalles de como obtienen ese valor, podéis hacerlo desde aquí.
La importancia del Responsive Web Design
El reciente uso de dispositivos móviles no solo ha cambiado la forma en que los usuarios navegan por la red, sino que también la forma en que los diseñadores deben crear las páginas web. Así pues, para estos últimos, cada vez es más necesario tener en cuenta los diferentes dispositivos que se van a conectar y visitar las páginas web. Si bien, hasta hace relativamente poco, la tendencia era que las resoluciones de pantalla y los tamaños de estas fuesen creciendo, ahora nos encontramos con que nuevamente hay que tener en cuenta pantallas de dimensiones más reducidas. Así pues ha surgido el Responsive Web Design, es decir un diseño web sensible a los dispositivos.
Es más, esta necesidad de hacer webs adaptadas a los diferentes dispositivos, no solo es de cara a ofrecer una mejor experiencia a los usuarios, sino que por ejemplo Google, ya indicó hace tiempo que las webs adaptadas para dispositivos móviles tendrían cierta preferencia. Así pues el spider GoogleBot-Mobile tendrá en cuenta si las webs han adaptado su contenido y esto mejorará el posicionamiento de la web.
Si bien, muchos desarrolladores inciden en la complejidad que supone el adaptar los diseños a tantos formatos distintos, la evolución que proporcionan los @mediaqueries han facilitado mucho el trabajo. Así con una buena planificación inicial y un pequeño esfuerzo adicional, la web podrá adaptarse con suma facilidad a distintos dispositivos, por lo que desde estas líneas os recomendamos a que se investigue en esta línea y ese pequeño esfuerzo inicial se verá recompensado.
Screaming Frog, una herramienta para monitorizar los parámetros SEO de tu web
Si tienes un sitio web y estás preocupado por mejorar el posicionamiento de dicha web, sabrás que es necesario estar pendiente de muchos aspectos para tratar de seguir mejorando. Pues bien, con Screaming Frog tenemos una interesante herramienta que nos ayudará a controlar todos esos parámetros SEO desde una interfaz sencilla e intuitiva.
Para ello, la herramienta lo que hace es escanear nuestra página web, de la forma más parecida a lo que lo haría un motor como Google basado en robots. Esta herramienta estaría disponible en las tres principales plataformas actuales: Windows, Mac y Ubuntu. Y tras analizar los enlaces, las imágenes, el CSS y demás parámetros que puedan interesar desde el punto de vista de SEO nos ofrecerá información de errores, redirecciones, enlaces externos, inlinks, outlinks, anchor text, follow & nofollow, páginas duplicadas, meta descripciones, meta Keywords, entre otros parámetros. La aplicación está actualmente en su versión 2 y dispone de una versión gratuita que aunque tiene ciertas limitaciones para muchos proyectos web sería más que suficiente.
Añade el boton de Google+ a tu web
Seguramente a esta altura ya lo sepas, pero las redes sociales son cada vez más importantes para los sitios web. Ayudan a interactuar con sus usuarios y aparte aportan una mayor visibilidad y tráfico de una forma relativamente sencilla. Para que todo funcione mejor y para ayudar a que la gente pueda compartir el contenido de una web a través de la red social, las distintas redes sociales ofrecen herramientas que nos permiten integrar botones con los que realizar dichas labores. En este breve, pero útil artículo, vamos a incluir el código necesario para que puedas introducir el botón de compartir de la red social Google Plus. Solo tienes que elegir uno de los siguientes fragmentos de código y añadirlos en tu página en el punto donde quieras que aparezca el botón de compartir con la red social de Google.
Opción 1: Botón de compartir con el número de personas que han compartido el contenido encima.
<!‐‐ Place this tag where you want the share button to render. ‐‐>
<div data‐action=»share» data‐annotation=»vertical‐bubble» dataheight=»60″></div>
<!‐‐ Place this tag after the last share tag. ‐‐>
<script type=»text/javascript»>
window.___gcfg = {lang: ‘es‐419’};
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async =true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(po, s);
})();
</script>
Opción 2: Botón de compartir con el número de personas que han compartido el contenido al lado.
<!‐‐ Place this tag where you want the share button to render. ‐‐>
<div data‐action=»share» data‐annotation=»bubble»></div>
<!‐‐ Place this tag after the last share tag. ‐‐><script type=»text/javascript»>
window.___gcfg = {lang: ‘es‐419’};
(function() { var po = document.createElement(‘script’); po.type =’text/javascript’;
po.async = true; po.src =’https://apis.google.com/js/plusone.js’;
var s =document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s); })();
</script>
Opción 3: Botón de compartir solo.
<!‐‐ Place this tag where you want the share button to render. ‐‐>
<divdata‐action=»share» data‐annotation=»none»></div>
<!‐‐ Place this tag after the last share tag. ‐‐><script type=»text/javascript»>
window.___gcfg = {lang: ‘es‐419’};
(function() { var po = document.createElement(‘script’);
po.type =’text/javascript’; po.async = true; po.src =’https://apis.google.com/js/plusone.js’;
var s =document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s); })();
</script>