Un programador más
Experiencias de un programador curioso del SEO
Twitter : Evitar el ruido en el timeline de tus followers
15 oct
Muchas veces en twitter tendemos a mantener conversaciones en nuestro timeline con otros usuarios. Estas “conversaciones” provocan un ruido en el resto de nuestros followers , que les puede resultar molesto.
Para evitar el ruido en el timeline de tus followers con nuestras conversaciones 2 bandas existe una sencilla solución:
Como sabeis para que un tweet dirigido a otra persona se muestre en el timeline de nuestros followers , estos deben seguir a la personal a la cual va dirigido.
Teniendo claro este punto la solución pasa por crear un usuario al cual no siguieran ni siguiera a nadie. De este modo he creado la cuenta @noruido . Si escribiis @noruido al principio de vuestro tweet dirigido a otro usuario este tweet solo sera visualizado por el usuario al que va realmente dirigido y ya no sera mostrado en el timeline de nuestros seguidores evitando asi el ruido de nuestra conversación.
Ejemplo:
@noruido Hola @Y0k3s3 , te apetece tomar una cerveza esta tarde¿?
La idea original es del blog Detrasdemicristal , yo me he limitado a adaptarlo al contexto de los usuarios de España.
SEO y HTML
13 oct
SEO y HTML , muchas veces nos centramos en las palabras claves, la URL ,el titulo…etc y nos olvidamos que nuestras páginas son indexadas por robots que no dejan de ser aplicaciones complejas que intentan comprender leer el contenido de nuestro sitio web.
Para facilitarles esta labor debemos preocuparnos de que nuestro HTML sea lo más explicativo posible usando tags descriptivos del contenido que albergan.
| Tag | Descripción |
|---|---|
| <acronym> | Define que la palabra contenida dentro del tag es una acronimo. |
| <blockquote> | El texto es una cita larga. |
| <cite> | El texto es una cita. |
| <address> | El texto contiene información acerca del autor o dueño del documento |
Debemos tener en cuenta que aunque la validación de una página web no influye en la indexación si que se tiene en cuenta que el contenido de nuestra página siga una lógica de estructuración en su contenido. Es por ello que debemos cuidar que nuestro html sea:
- Descriptivo.
- Estructurado.
- Jerárquico.
- Coherente.
SEO , el orden de los factores si altera el producto
12 oct
SEO , bonito acronymo para definir algo tan abstracto como es el posicionamiento web.
Muchos os preguntareis por que he empezado el post con esta frase un tanto extraña y forzada, el motivo es claro , en el mundo SEO , el orden de los factores si altera el producto.
Los motores de búsqueda otorgan mayor importancia en los resultados de búsqueda a aquellas indexaciones que contengan las palabras claves de la búsqueda entre las primeras palabras de su titulo, URL y descripción.
Ejemplo de resultado en Google
Cuando escribimos un post debemos recordar que lo escribimos tanto para nuestros lectores como para los motores de busqueda y debemos prescindir de reglas de la escritura periodistica para máximar el resultado de indexación de nuestro post en aquellas palabras claves en las que queramos posicionarnos.
Una norma no escrita dentro del SEO la encontramos en “forzar” la aparición del titular de nuestro post dentro del contenido del mismo para demostrar al motor de búsqueda que nuestro articulo realmente trata acerca de lo que le estamos anunciando en el titular.
A la hora de citar fuentes externas via enlaces debemos analizar si el sitio esta bien considerado por los motores de busqueda. En mi caso cuando me quiero referir a terminos tecnicos enlazo a la pagina de la W3C y la Wikipedia , páginas bien consideradas por los buscadores y que contienen contenido de calidad para mis lectores.
Plugins imprescindibles para Jquery – jpPlot
27 sep
En esta nueva entrega de la serie Plugins imprescindibles para Jquery os mostrare el plugin de jquery jqPlot .
jqPlot utiliza el elemento Canvas para renderizar en cliente gráficos dinámicos por medio de programación. Una de las ventajas fundamentales de usar este plugin de jquery es la posibilidad de incluir en nuestras páginas gráficos interactivos sin necesidad de sobrecargarlas con pesados flash.
Ejemplo de jqPlot
Al igual que todos los la mayoria de los plugin de jquery jqPlot nos brinda una configuración bastante asequible para todos aquellos que conocemos el framework de Jquery .
Ejemplo de implementación de jqPlot
Resultado del código implementado
var cosPoints = [];
for (var i=0; i<2*Math.PI; i+=0.1){
cosPoints.push([i, Math.cos(i)]);
}
plot1 = $.jqplot('chart1', [cosPoints], {
series:[{showMarker:false}],
axes:{
xaxis:{
label:'Angle (radians)',
autoscale: true
},
yaxis:{
label:'Cosine',
autoscale: true
}
}
});
Ademas jqPlot cuenta con una excelente documentación que nos permitira sacar el máximo rendimiento a este gran plugin.
Plugins imprescindibles para Jquery – slideViewer
21 ago
Bienvenidos a la segunda entrega de la serie Plugins imprescindibles para Jquery en esta ocasión os hablare del plugin de jquery slideViewer.
SlideViewer es un plugin de jquery cuya utilidad es la de generarnos a partir de una lista html de imagenes una galeria de imagenes con una interficie y transiciones atractivas.
jQuery slideViewer
SlideViewer nos permite modifiar su aspecto desde la hoja de estilos pudiendose adaptar de esta manera al diseño de nuestra interficie.
Ejemplo Simple
Dentro del tag HEAD
jQuery(function(){jQuery("div#<code>ejemploSlideviewId</code>").slideView({toolTip: false});
Dentro del tag BODY
<ul> <li><img src="img1.jpg" alt="alt img 1" /></li> <li><img src="img2.jpg" alt="alt img 2" /></li> <li><img src="img3.jpg" alt="alt img 3" /></li> <li><img src="img4.jpg" alt="alt img 4" /></li> <!--eccetera--> </ul> </div>
Tambien podemos usar slideViewer con otros plugins como jQuery lightBox plugin (del que os hablare en un próximo articulo) para usar slidwViewer como visor de vistas en miniatura y máximizarlas con lightBox dotando a nuestra interficie de una sencillez y elegancia dignas del Iphone 
.
SlideViewer interactuando con Ligthbox
Ejemplo con LigthBox
Dentro del tag HEAD
jQuery(function(){
jQuery("div#<code>ejemploSlideviewId</code>").slideView({toolTip: false});
jQuery("div#<code>ejemploSlideviewId</code>").lightBox({fixedNavigation:true});
});
Dentro del tag BODY
<div id="ejemploSlideviewId"> <ul> <a href="rutaimg1" title="title img1"><li><img src="img1.jpg" alt="alt img 1" /></li></a> <a href="rutaimg1" title="title img1"><li><img src="img2.jpg" alt="alt img 2" /></li></a> <a href="rutaimg1" title="title img1"><li><img src="img3.jpg" alt="alt img 3" /></li></a> <a href="rutaimg1" title="title img1"><li><img src="img4.jpg" alt="alt img 4" /></li></a> <!--eccetera--> </ul> </div>
