…pues póngase allí… Malo, casi tan malo como lo que el genio y figura del gran Jobs ha soltado por la red, ¿no sabrá ya este hombre curtido de largo en los lances de la comunicación que cada vocablo, cada coma y cada sílaba que emanan de su boca cuentan y se convierten en la comidilla de miles de blogs de baja alcurnia como este, que tú, persona con tiempo libre, lees quizá porque te sientas como yo, con el culo en lo alto de una silla con más años que un Spectrum, humilde servidor y esclavo del byte?

Él es el Gurú padre, para muchos, yo sinceramente admiro algunas partes de su historia, no sin un óptica lejana por lo que no puedo defender ni enfrentarme a sus palabras bajo capa y espada, si bien la tendencia es bajista y cada día más decepcionante tras comentarios como el que ha soltado Mr. Jobs, soy crítico con su compañía que parece empeñarse en recorrer los caminos tortuosos que maltrecharon la buena imagen que slgún día disfrutaron los de Microsoft. Un camino que Apple emprendió tiempo atrás cuando su jugada con iTunes comenzó a fraguar, eso si , ellos con mucho más estilo y glamour que el archienemigo Microsoft, aunque de bambas blancas y barba rala calce el Gurú de la manzana mordida cual mendigo a la puerta de Wall Street.

Hace un par de días leo por la red que el Sr. Jobs nos va enseñar a cogérnoslo mejor,  pues a detectado que no sabemos cogernos el aparato, en este caso parece nuevamente más su aparato que el nuestro, eso me irrita de sobremanera, más aún cuando buena parte de la nómina nos ha costado, esos sí algo menos hemos debido pagar gracias a que hemos vendido nuestra permanencia al mismísimo diablo, la teleoperadora de turno, por un período de dos años, por un lado aceptamos ruinosos contratos basura de tres meses, a lo sumo seis y en el mejor de los casos de un año para vender nuestra alma GSM por dos años de contrato al primero que ofrece cobertura a nuestro aparato, ejem.

No señor Jobs, a mi usted no me va enseñar ahora a mear. Quédese con su prostático iPhone 4 que de tanto cerrarlo dicen por ahí que no orina ni a gusto, yo hoy prefiero pasarme a Android, no se, me hace ilusión, la misma que cuando tiré la manzana mordida para pasarme a Ubuntu, respirar y sentirme en total libertad. Quizá utópico cuando la todopoderosa Google anda detrás pero con alguien muy a mi pesar hoy me debo casar.

Páginas relacionadas con este artículo:

1. Ranking de sistemas operativos para móvil
2. Publicidad en el móvil
3. Jobs, danos el Flash de cada día

En dos palabras, digo en dos comandos:

sudo dpkg –get-selections | grep linux-image

sudo apt-get remove –purge linux-image-VERSION

El primer comando lista todos los kernels que has ido instalando en tu Ubuntu, y el segundo los elimina, obviamente deberás substituir VERSION por la versión que quieras eliminar

Una última cosa, para saber el kernel que tienes cargado, y por ende el único que no deberías borrar utiliza el siguiente comando.

sudo uname -r

Páginas relacionadas con este artículo:

1. Problema películas DVD Ubuntu Karmic Koala
2. Habilitar cURL en Ubuntu
3. Instalar Apache 2 PHP 5 MYSQL 5 y Webmin 1.5

Aquí os dejamos una captura con la prueba del delito:

Como ya habrás observado la captura está requetecortada, lo siento pero si publicamos la captura entera nos jugamos, literalmente, que Google nos fulmine la cuenta de adSense por mostrar datos en público, ¡serán cabras grandes! ahyyyy…. no pienso más que me sale la vena reivindicativa y exploto contra la todopoderosa.

Y sí! Como pensarás leyendo este pseudo post por 1 céntimo arriba o uno abajo no nos vamos a convertir en millonarios, eso sí, los de Google sí que pueden notarlo pues cada acción garrapiñadora de este tipo, significa un céntimo multiplicado por el número de clicks a nivel planetario y eso me da a mi que es mucha pasta. Hablando en plata, eso es un hurto o un error centimal.

Páginas relacionadas con este artículo:

1. Google retrasa pagos de adSense
2. Google al cuadrado = problema de seguridad
3. Invitaciones Google Wave

Hemos recopilado cinco de los hacks más útiles para WordPress, Pero algunos se preguntarán ¿ qué son los hacks para WordPress?

1. Hacks para WordPress

Los hacks para WordPress son porciones de código más bien pequeñas que te permiten alterar el comportamiento o apariencia del mismo en puntos que son inalterables a través del propio panel de control de WordPress.

Vamos a poner un ejemplo, cómo modificarías el logotipo que te muestra el sistema en la página de acceso a la administración esa que acaba por /wp-admin/, a través del panel de control es totalmente imposible al menos en la versión actual, así que para realizar este cambio y otros que te reflejamos en el siguiente Post, deberás recurrir a los famosos hacks.

Esstos hacks van dentro del código fuente de cada tema, los puedes editar desde el mismo panel de control de WordPress y tendrás que tener especial atención si decides cambiar de tema pues al estar codificados dentro del mismo probablemente perderás todos los hacks al cambiar de tema.

Vamos entonces con algunos de los cinco hacks más interesantes para tu blog.

2. Modificar el logotipo de la página de administración de WordPress

Para hacer funcionar este hack deberás modificar el fichero de funciones que encontrás en Apariencia > Editor > functions.php recuerda también modificar la imagen o el fichero al que apunta.

function my_custom_login_logo() {
    echo '<style type="text/css">
        h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-login-logo.gif) !important; }
    </style>';
}

add_action('login_head', 'my_custom_login_logo');

3. Diferir la publicación de RSS

Este cambio debes realizarlo en el archivo Apariencia > Editor > functions.php y sirve para diferir la publicación de las noticias en formato RSS. La principal utilidad es la de diferir las noticias para que en el caso de que algún otro site replique tus contenidos via RSS, que para eso están Google las encuentre primeramente en tu servidor y por tanto te otorgue a tí la titularidad de las mismas, otra funcionalidad de este hack es la de dejarte un espacio de tiempo suficiente entre la publicación y la sindicación para efectuar cambios de última hora.

La variable que contiene la cantidad de tiempo a experarse es $wait y el valor por defecto es de 5 minutos.

function publish_later_on_feed($where) {
	global $wpdb;

	if ( is_feed() ) {
		// timestamp in WP-format
		$now = gmdate('Y-m-d H:i:s');

		// value for wait; + device
		$wait = '5'; // integer

		// http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff
		$device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

		// add SQL-sytax to default $where
		$where .= " AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, '$now') > $wait ";
	}
	return $where;
}

add_filter('posts_where', 'publish_later_on_feed');

4. Mostrar los post más comentados en una fecha concreto

El siguiente código añadirá un función a tu WordPress que te permitirá mostrar en tu barra lateral los post más leídos de tu blog.

En este caso debes de añadir el código al fichero sidebar.php ( Apariencia > Editor > sidebar.php )

<ul>
<?php
$result = $wpdb->get_results("SELECT comment_count,ID,post_title, post_date FROM $wpdb->posts WHERE post_date BETWEEN '2009-01-01' AND '2009-12-31' ORDER BY comment_count DESC LIMIT 0 , 10");

foreach ($result as $topten) {
    $postid = $topten->ID;
    $title = $topten->post_title;
    $commentcount = $topten->comment_count;
    if ($commentcount != 0) {
    ?>
         <li></li>
    <?php }
}
?>
</ul>

5. Limitar el acceso a la administración de tu blog por IP

Esto desde luego es un método de seguridad muy fuerte útil para aquellos que tienen IP fija, eso sí olvídate de actualizar tu blog cuando estés fuera de vacaciones pues la IP probablemente sea otra o incluso dinámica.

Estos cambios no se pueden realizar con el panel de WordPress y deberás bajarte de tu servidor y editar a mano el fichero .htaccess que encontrarás en la raíz de tu blog.

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName "Example Access Control"
AuthType Basic
<LIMIT GET>
order deny,allow
deny from all
allow from xx.xx.xx.xx
</LIMIT>

Páginas relacionadas con este artículo:

1. Plantilla WordPress optimizada para adSense
2. Temas para WordPress Bloc de notas
3. Quiero que me indexen por esto

Hoy por casi casualidad hemos ido a parar la página de Compumarket un histórico mayorista de material informática que conocemos desde hace la tira, y menuda ha sido la sorpresa al ver que la página está en standby, y además lo más destacado, cuenta con publicidad adSense incrustada. Que a buen seguro estará haciendo desviar a los clientes hacia sus propios competidores. Esto con un libro de marketing en la mano es impensable.

Según vamos mirando el código vamos descubriendo algunas cosillas:

La publicidad que ha integrado compumarket.es en su web cuenta con un ID de editor de google determinado.

Este ID de adSense nos lleva a un webmaster, concretamente a su nombre y  tras investigar a través de Facebook, sí que el Feisbuk sirve para eso además de para chafardear cosas sin importancia, podemos ver que sí que le podemos poner ya nombre y apellidos, casi con toda seguridad se trata de un argentino afincado en Granada y propietario o webmaster de otras páginas.

El anuncio o banner adSense que muestra en la página de compumarket.es fue creado el día 19 de Enero de este 2010 por lo que debe llevar como algo más de tres meses en standby. No sabemos si es por causa de la crisis o no, pero lo que tenemos claro es que esto no pinta muy bien.

La caché de Google muestra una captura idéntica desde el día 2 de abril, no hace mucho y si vamos a utilizar la fabulosa herramienta WayBackMAchine en archive.org veremos el historial o los cambios que ha sufrido la página de www.compumarket.es durante el tiempo y vemos que su última estado funcional es en Junio de 2008.

La última noticia que hemos conseguido acerca de Compumarket data de Diciembre del 2009 donde nos cuentan que Compumarket ha sido adquirida por PC-Online empresa granadina, la noticia la tenéis en: http://muycomputerpro.com

La página de PC-Online cuenta actualmente con un PageRank de 3, es un dominio con guión “hyphened” lo que en otras palabras significa que no vale un pimiento, también vemos que además del .es tienen el .net y es este último donde vemos que su página web aún no estando nada mal así cuenta con errores de codificación, menús en imagen pixelados.

Realizando un WHOIS a la web www.nic.es vemos que el dominio compumarket fue adquirido por allá el 1997 y que caduca dentro de escasos meses, concretamente en Junio de este 2010.

Quizá sea el fin de uno de los mayoristas informáticos, digamos que más clásicos de nuestros tiempos, sniff.

Páginas relacionadas con este artículo:

1. Plantilla WordPress optimizada para adSense
2. Adsense, si no se nota ganas más
3. Google retrasa pagos de adSense

La publicidad disimulada consigue una conversión mucho más alta

En nuestro experimento hemos mantenido la publicidad en el uno de los blogs que llevamos sobre Vacaciones y viajes viajarvacaciones.com con los colores por defecto, esos cantantes azules y verdes que tiran para atrás al usuario medio, avanzado y al experto. Para muestra os mostramos una captura antes de la optimización visual de anuncios que hemos llevado a cabo.

Los datos antes de la optimización visual de adsense

El clicktrhought CTR o en español porcentaje de clicks para cada cien impresiones de anuncios que hemos tenido para esta web durante todo el mes de marzo es de: 2,38% dato que no es en absoluto malo ya que si lo comparamos con otros blogs ya que nuestra media se sitúa justo por debajo del 2% con un 1.95% apx.

Puntos de la optimización visual de adsense

La optimización que hemos realizado es puramente visual, por un lado integramos el bloque dentro del texto, que si bien el efecto de encolumnado del contenido en sí es excesivo vamos a probar de esta manera, para consegui esto hemos utilizado e plugin de Wodpress Quick Adsense que permite insertar el texto justo antes de un párrafo o imagen.

Por otro lado hemos decolorado los links combinando ahora el título en negro, la descripción del enlace en un marrón casi negro y el link en un gris clarito.

Es importante decolorar al máximo el color del link pues en definitiva es el que puede detectar el usuario como elemento externo y por lo tanto no clickar en él, nuestro objetivo en este artículo/experimento de adsense es que cliquen para subir nuestro CTR. Por ello hemos seleccionado ese discreto gris.

Obviamente si los enlaces de tu página son de color rojo deberás orientar el texto hacia rojizos, algunas combinaciones de colores resultarán imposibles y la aplicación para obtener anuncios de adsense no te los permitirá llevar a cabo, por ejemplo fondo blanco y enlace en blanco.

Recordamos que los cambios que realices en la aplicación de adsense tardan bastante en ser reflejados en la página, aproximadamente una media hora.

El color del título, el color del cuerpo y el color del link.

Más no se puede hacer sin hacer trampas o que Google lo considere trampa, pro ejemplo se me ocurren muchas otras opciones, la más directa si introducir un div con fondo blanco por encima de la parte inferior del bloque, justo donde figuran los botones de navegación entre anuncios y la frase de “Anuncios Google” gracias a este div sobrepuesto, esa información queda totalmente tapada y en lugar del logo utilizas un texto donde pongas “Publicidad”, el CTR subirá por encima del 5%

Resultado visual de la optimización

Aquí os mostramos una captura del resultado de la integración.

Dentro de un mes os reportaremos los cambios que hemos obtenido en el CTR de este blog. Calculamos subir un mínimo de un 1% para llegar al 3% de CTR con los bloques de anuncio.

Páginas relacionadas con este artículo:

1. Plantilla WordPress optimizada para adSense
2. Google retrasa pagos de adSense
3. Ganancia estimada en adsense

Si ayer te traíamos una chuleta con las compatibilidades de CSS3 con la mayoría de navegadores modernos hoy te traemos otra nueva chuleta pero esta vez con el listado de compatibilidades de HTML5 bajo esos mismos navegadores.

Páginas relacionadas con este artículo:

1. Compatibilidad CSS3 con diferentes navegadores
2. Reproductor de vídeo en HTML5
3. Tienda de aplicaciones web

Hoy te traemos una tabla realizada por la gente de findmebyip con el listado de propiedades para hojas de estilo bajo CSS3 y su correspondiente compatibilidad con sistemas Mac, Windows y con los navegadores:  Chrome, Firefox, Opera, Safari e IE, en diferentes versiones.

Enlace: http://www.findmebyip.com/litmus/#target-selector

Páginas relacionadas con este artículo:

1. Compatibilidad HTML5 con diferentes navegadores
2. Self-service de aplicaciones
3. Iconos botones y elementos para reproductores

Aquí tenéis toda los posibles estilos del cursor para que podáis aplicar bajo CSS, si pasáis el cursor por encima de “Prueba” veréis el resultado, este resultado diferirá de un navegador a otro, es decir el icono puede ser muy diferente entre FireFox, Safari, Chrome e Internet Explorer, el buen uso de la propiedad cursor hace las páginas web más usables sobre todo para estilos de menús basados en capas:

Páginas relacionadas con este artículo:

1. Forzar la aparición de las barras de scroll con CSS
2. ¡Abajo explorer!
3. Estructuras redimensionables para iPhone

Posicionar tienda online en Google

En esta serie de artículos sobre posicionamiento en buscadores de tiendas online vamos a tratar algunos de los métodos en cuanto a programación de estructuras internas se refiere para conseguir una mayor optimización de las tiendas virtuales.

Estos artículos no tratan de cubrir la totalidad de opciones y metodologías que existen para posicionar mejor una tienda online. Pretenden ser tan sólo un reflejo a modo de concepto de las novedades en cuanto a posicionamiento en Google que vamos a ir incorporando a nuestros sistemas de tiendas online durante este año 2010. Partimos de una base previa ya consolidada a lo largo del año 2009 donde hemos introducido entre otras nuevas prestaciones el uso de permalinks 100% limpios y la generación de los metatags de descripciones y palabras claves en base a una estudiada fórmula así como un novedoso sistema de ahorcado de familias de productos que permite generar tantas webs satélites como subfamilias de producto tengas en tu tienda online, algunos de estos sistemas los comentaremos en un futuro post.

Así pues tras esclarecer un poco el ámbito de estos artículos vamos a proceder a descubrir el contenido de este primer capítulo: los denominados Microformats,  vamos a tratar de conseguir que aquellas tiendas online y catálogos de productos en internet que se basan en nuestro sistema de tiendas online ecOOmmerce.com mejoren sustancialmente su posicionamento en Google si bien la información aquí contenida puede ser aplicable a la práctica totalidad de sistemas de tiendas online, aunque bajo algunos casos como el del extendido OScommerce la estructura interna del mismo, en exceso anticuada puede ser un escollo insuperable, lastrando la escalada vertical de posiciones en el buscador.

Nuestro sistema de tienda online se beneficiará de los Microformats

ecOOmmerce.com es nuestro sistema de tiendas online, en la futura versión 3.8 cuya fecha estimada de salida es en mayo del 2010 vamos realizar especial hincapié en los denominados Microformats con el objetivo de optimizar las capacidades en cuanto a posicionamiento de los productos de nuestros clientes en el buscador Google.

Durante este mes de marzo estamos ultimando la versión 3.7 que contará con un nuevo sistema de carrito de la compra y un avance significativo en la construcción interna de la estructura HTML o DOM de la tienda online.

Experiencia previa de los microformats en sistemas de blog automático

Si bien esta nueva funcionalidad de ecOOmmerce.com nos proporcionará resultados en un tiempo antes vamos a poder contar con la experiencia previa en otra plataforma nuestra cOOmmunicate.com un sistema de generación de blogs automático que se sincroniza directamente con ecOOmmerce.com mediante RSS, o con cualquier otro sistema que genere RSS, su funcionalidad es realizar un blog automático con las novedades de productos con el objetivo de conseguir una mayor visibilidad del conjunto.

¿Qué son los Microformats o Microformatos?

Los microformats son un parche popular que se está utilizando en internet desde no hace mucho tiempo para volver la web algo más semántica, es decir que un contenido se intente autodefinir y clasificar por si mismo, anteriormente decimos parche pues no se trata de ningún sistema o programación específica creada desde cero, tan sólo se trata de una metodología de trabajo que pretende aprovechar los comandos o tags habituales del lenguaje HTML para definir algunas estructuras semánticas básicas y no tan básicas. Seguro que con esto no te has aclarado del todo, no te preocupes a nosotros nos pasó igual, lo mejor, como no, un ejemplo clarificador:

Ejemplo de uso de Microformats

<div>
Producto: <span class=”fn”>Sartén 24 cm. de diámetro con antiadherente</fn>
Marca: <span class=”brand”>Aceroxidados</span>
Familia: <span class=”category”>Utensilios de cocina</span>
Descripción del producto:
<span class=”description”>
Moderna cacerola que hace uso de los máximos estándares de calidad existentes en la industria,
fabricada mediante un complejo proceso químico que le confiere una aleación y blablabla…
</span>
Precio de venta:
<span class=”price”>19.95e</span>.
</div>

Gracias al uso del delimitador “div” combinado con un nombre de clase llamado hProduct buscadores como Google, Yahoo, navegadores como Firefox, y programas que automatizan procesos etc. saben que el texto “Sartén 24cm.” delimitado por el tag de HTML <div> es el nombre o descripción de un producto, mientras que precio es tan sólo un número, y por tanto la primera parte es semántica, es decir saben de que va y la posicionan como tal, es decir como un producto.

Con esto ya hemos utilizado el microformat hProduct para facilitar la tarea a buscadores y otros engendros automatizadores, a partir de aquí vamos a implementarlo en nuestro programa de tiendas online ecOOmmerce.com adaptando como no el diseño estructural y capeado de las fichas así como los nombres de las classes que utilizamos para mostrar la ficha de productos al cliente.

Vamos ahora a ver todas las subclases del microformato hProduct para estudiar que podemos aplicar.

Microformato hProduct y sus subclases

• hproduct: Esta es la clase que autodefine que estás en una ficha de producto
• brand: con esta clase identificamos la marca del producto, si existiese otro microformato del tipo hCard activo, esta última debería contener el nombre del fabricante y brand tan sólo la marca.
• category:: la categoría o familia de productos a la que pertenece el producto, puede utilizarse más de una vez en la misma página para tiendas online multifamilia
• price:: el precio del producto, puede contener también un “55.90eur. ahorre hoy un 5%” es decir frases promocionales
• description:: la descripción completa del producto.
• fn:: el nombre del producto
• photo:: la clase para fotos que debería aplicarse a los tags <img> o <a> que contenga la foto, pueden existir más de uno
• url:: esta clase debería asociarse a los tag <a> que enlacen con la página de detalle del producto
• review:: al igual que url pero enfoca a la página que contiene análisis del producto no obstante se puede usar la clase mayor hReview. Puede contener varios.

Enlaces:

Microformatos en general: http://en.wikipedia.org/wiki/Microformat

Microformato para productos: http://microformats.org/wiki/hproduct

Microformato para productos según Google: http://www.google.com/support/webmasters/bin/answer.py?answer=146750

Páginas relacionadas con este artículo:

1. Beneficios de la tienda virtual multitienda
2. Tienda de aplicaciones web
3. Posicionar a través de redes sociales