Este texto es tan sólo para los románticos, los masocas, lo que tienen tiempo, o los como yo, que aún siendo de corte optimista finalmente deben reconocer que esto que los medios llaman crisis, va para largo y por ello debemos intentar tapar todo agujero por el que se nos escapa algo de agua, aunque esta sea bendita…

La crisis, que a mi parecer continua o al menos parece que es ahora, durante este 2010 cuando la he podido sentir en mis propios bytes, te hace reflexionar, quizá porque de una forma u otra se convierte en un paréntesis dentro de la quizá algo alocada tendencia de este siglo en la que los tecnólogos, webmasters o en definitiva manitas de los bits engullimos conocimientos, técnicas y lo aplicamos por cuatro duros, para el beneficio de terceros, nuestros clientes, también benditos, como mi agua.

Tal es el espacio para la reflexión que me ha quedado en estas vacaciones algo más estáticas de lo deseado, que puedo ver los charcos que deja el agua y que incluso algunas de mis propias propuestas más o menos altruistas como la que inicialmente ideé para este blog tiemblan con el avance de la crisis, aún estamos algo lejos de cumplir nuestro primer año como blog tecnológico y en este post ya estoy cuestionándome si debo darle cerrojazo como tal, que triste.

Nos acercamos al 1 de octubre fecha de nuestro primer aniversario, es reciente en mi memoria cuando alquilamos nuestro primer servidor virtual en OVH para albergar este blog, si bien no todo fue tan bonito pues el bajo coste de 12 euros al mes conllevaba trampa, un reloj Casio de los años 80 tiene probablemente la misma potencia que estos microservidores basados en procesadores Intel Atom que nos venden los franchutes de OVH, que si, que gastan muy poquito, pero con la bandera de mi amado medio ambiente de por medio no se puede escudar un servidor tan corto en recursos y con tal pésimo soporte técnico, así que finalmente, obligados y de mala gana pues suponía un incremento en el coste de x4 migramos a 1&1, con los alemanes, donde con un servicio mucho más potente, pero que mucho más, pasamos de las 20 colgadas mensuales a una al mes y de forma muy casual, pero de los 12 euros mensuales pasamos a los 49+iva y eso al final de año, pesa, así que tras el bajón experimentado en el desarrollo de proyectos nuevos y algún cliente que debido a la crisis dejó de darnos trabajo tuvimos que tomar la decisión de que uvedobles.com era un blog que debía autofinanciarse, tal y como lo hace otro proyecto nuestro, www.miMac.es

Por este motivo decidí integrar adSense por allá el mes de marzo, preveyendo un año duro, aunque al final es más que duro, pero amigos, los banners de adsense bien sean gráficos o textuales estén colocados por aquí o por allá no dan nada de nada comparado con el tráfico y las descargas que tiene ya este blog.

Muy a mi pesar parece que la puntería va asociada con los webmasters, un poquito de porfavor, que todos sabéis lo que cuesta mantener un servicio decente, ya no sólo por las muchas horas que se invierten sino porque cuesta dinero pagar dominios y servidores cada mes. En este año 2010, en lo que llevamos de año, hemos generado desde este blog 8 eurillos que no cubren ni el coste anual del dominio. Los ratones de vez en cuando deberían resbalar… caer donde uno no quiere y luego pinchar al back que para eso está, pero no, no quiero incitarte a ello y que los de la todopoderosa me castiguen metiéndome en Smartclick o desactivándome mi cuenta, tan sólo decirte que yo, eso lo hago cuando visito un blog que me da un resultado, que me aclara una duda, pura cuestión de principios y porque no, puro interés de que sigan ahí por mucho tiempo, pues puedo volverlos a necesitar.

Empezamos uvedobles.com con muchas ganas, ilusiones y posteos a diario, para al final ver que no, que el retorno no es el esperado, ni por comentarios ni por posicionamiento ni por adsense, o al menos no es el que me garantiza el mínimo nutriente para poder seguir impermeable ante el parón económico que vivimos y tal es así que voy a tomar unos días para pensar, darle vueltas y saber por donde puedo parar la sangría económica, por pequeña que sea, pues hoy lastimosamente tengo tiempo hasta para seguir el correr del agua, ese goteo que de no frenarlo amenaza con secarnos, así que debo, sintiéndolo mucho, reformular el modelo de todos y cada uno de los proyectos en los que estoy metido para poder seguir, y no, no soy la chica de la foto.

David
de webmaster a webmaster

No related posts.

Ahora bien, Plesk tiene como todos los sistemas bonitos y muy domesticados algunas limitaciones que sólo podrás superar gracias a la línea de comandos del sistema, es decir, pasando completamente de la interficie de Plesk, es aquí donde se nos ha planteado el siguiente problema:

Necesitamos que varios dominios apunten al mismo directorio físico del disco duro pero conservando su host, es decir no valen redirecciones de dominio, esto es para nuestro sistema de gestión de tiendas online ecOOmmerce.com que soporta un sistema multitienda es decir, mismo catálogo de productos diferentes tiendas.

Que dos webs apunten a un mismo dominio bajo la versión actual de Plesk no es posible así que deberás de contar con un acceso SSH a tu servidor y un poco de confianza en el manejo de la shell.

La modificación no se puede hacer directamente sobre el archivo que genera plesk dentro de la carpeta vhosts, hablamos de un archivo denominado httpd.include, pues si lo tocas Plesk lo reescribirá con sus propios valores perdiendo cualquier cambio. El concepto es generar otro archivo de modificación que se leerá a posteriori y decirle a plesk que existe ese archivo para finalmente reiniciar el servicio web, es decir el Apache.

En nuestro proyecto, la web real donde se contienen los archivos es mazingerzeta.com y la web satélite que debe apuntar a la misma carpeta es superpc.es

A continuación, los 3 pasos y diversos comandos que necesitarás para modificar el Virtual host.

1. Añadir un archivo vhost.conf en el directorio “conf” del dominio satélite con la siguiente configuración:

ServerName www.superpc.es
DocumentRoot /var/www/vhosts/mazingerzeta.com/httpdocs
#CustomLog /var/www/vhosts/superpc.es/statistics/logs/access_log plesklog
DirectoryIndex index.php
#ErrorLog /var/www/vhosts/superpc.es/statistics/logs/error_log

SSLEngine off


AllowOverride All
Allow from All

php_admin_flag engine on
php_admin_flag safe_mode off
php_admin_value open_basedir none

Options -Includes -ExecCGI

2. Reprogramar Plesk para que lea ese archivo

Este es el comando genérico, depende del directorio de instalación del Plesk y del nombre del dominio:

/plesk_installation_directory/admin/sbin/websrvmng –reconfigure-vhost –vhost-name=dominio.com

En nuestro caso:

/usr/local/psa/admin/sbin/websrvmng –reconfigure-vhost –vhost-name=superpc.es

3. Reiniciar Apache

/etc/init.d/httpd restart

Ya está!

Páginas relacionadas con este artículo:

1. Baneando direcciones IPs en Apache bajo Windows
2. Habilitar permalinks en Apache 2
3. Instalar Apache 2 PHP 5 MYSQL 5 y Webmin 1.5

Personalmente siempre me han encantado los sketches, wireframes o bocetos realizados a mano, sí con lápiz y papel, ¿te acuerdas? en mis viejos cuadernos quedarán restos de logotipos, storyboards de anuncios y videoflash, animaciones, páginas webs e incluso algunso de aplicaciones web y ideas sobre aplicaciones para móviles.

En la actualidad la inmensa mayoría de veces nos saltamos ese paso papeloide para directamente presentar a nuestros clientes una primera maqueta ya sintética y realizada desde cero o desde tres con algún programa de diseño vectorial, esto es porque ya sabemos lo que funciona, lo que se lleva, o ya sinceramente porque tenemos una librería de bocetos trazados de la que tirar y con un plis plas pum tenemos algo ejem, “personalizado” a imagen y semejanza de lo que nuestro cliente nos ha solicitado.

Maldito momento lleno de competencias y bajos costes que no nos deja espacio ni crédito para volver aunque sea muy de vez en cuando al lápiz y al papel, sniff, hoy me he levantado e-romántico e-reivindicativo.

Para paliar tal desatino he decidido postear algo que emane a nuestro viejo compañero despixelizado, el lápiz así que a continuación os traigo una pequeña cole de wireframes de aplicaciones para móviles, en concreto para Apple iPhone si bien todos son trasladables a Android, un s.o.m (sistema operativo para móviles) que me da a mi que se va a poner interesante así que boceteando que es gerundio.

Páginas relacionadas con este artículo:

1. Estructuras redimensionables para iPhone
2. Flash para iPhone
3. jQuery para móviles

Una de cal y otra de arena, eso es lo que nos trae Google en su evento Googe I/O 2010, par amí esto es un notición como pocos no tanto por su novedad sino porque por fin un grande está detrás. Vamos por partes.

Si hace poco comentábamos la rocambolesca idea de Google de llevar el lenguaje C directamente al navegador con la descarga e instalación de aplicaciones via web luego nos trae lo que nosotros creemos que será un exitazo, una Store de aplicaciones web donde podrás vender tus aplicaciones web con la confianza que Google puede transmitir al usuario.

Una tienda de aplicaciones web con la confianza de Google

Por fin, alguien se decide a intentar unificar en un catálogo o tienda las aplicaciones diseñadas por todos nosotros. Sin lugar a dudas, con el tiempo, triunfarán.

Apple y su appStore para iPhone e iPad

En el otro lao Apple no debe estar en exceso tranquila con lo bien que parece irle todo, pues esta Store es lo mismo que su AppStore pero para todos los dispositivos que posean un navegador moderno, incluso podrás llegar a los iPhone, a menos que Apple ya en un exceso de recelo y ambición prohíba determinadas webs en el navegador Safari que incorporan tanto os iPhone como iPad iPod y futuros.

La webStore de Google potenciará HTML5

La Store de Google incluye programas desarrollados bajo HTML y Flash, si bien según rezan y repiten pretenden que sea HTML5 invitando a migrar a todos nuestras aplicaciones hacia este nuevo estándard que parece que va a ser empujado, y de que manera por la todopoderosa.

La webStore de Google es aún un proyecto, en marcha pero no accesible por el momento, hemos investigado a ver que podíamos encontrar pero no hemos sacado mucha info al respecto si bien os copiamos una URL con la siguiente docu sobre como crear una aplicación web compatible con la tienda, o al menos eso es lo que entendemos:

http://code.google.com/chrome/apps/docs/developers_guide.html

El nombre de la webStore de Apple

Ahora bien el nombre que han elegido para su webStore es muy feo: chromewebstore

Que pesaitos con esto del “Chrome” para esto “Chrome” para lo otro, en lugar de potenciar algo que ya funciona bastante bien y que posee un nombre de los más cool como es Android no se porque se empeñan en desdoblar esfuerzos para algo que en sí es lo mismo.

Enlace: https://chrome.google.com/webstore

Páginas relacionadas con este artículo:

1. Google Native Client
2. Dándole vueltas a una tienda de aplicaciones web
3. Self-service de aplicaciones

Haberlas haylas puñado por la red, selecciones de 10 20 40 incluso más nosotros hemos escogido doce de las mejores para ti de un buen puñado de fuentes.

La tipografías se encuentran en su mayoría en formato TrueType Font o TTF son compatibles con Linux, Mac OSX y el otro. Te mostramos captura sacada del instalador de fuentes que incorpora Ubuntu si presionas sobre cada captura esta debería ampliarse para que la puedas apreciar. Al final del post tienes el enlace para descargarlas.

Tipografía Killed DJ

Tipografía 28 days Later

Tipografía Pistol Grip

Tipografía Hard Rock

Esta personalmente me encanta.

Tipografía SideWalk

Tipografía Magecito

Tipografía Acid Label

Quizá con permiso de la fuente Hard Rock esta Acid Label es la mejor, ¿o no?

Tipografía AthleticTown

Tipografía Maenan 2

Esta está bien aunque no emociana, quizá la más flojilla de nuestro grunge pack… y además no tiene acentos.

Tipografía Typerighter old

Esta emula una máquina de escribir antigua y oxidada, muy  muy Resident Evil.

Tipografía Tiza

Por último una interesante tipografía, Tiza que como dice su nombre emula el efecto de tiza.

Puedes descargarlas pegando un clickazo aquí: Pack fuentes Grunge (289)

Ala a diseñar ese logo estilo grunge que te rondaba por la cabeza, con este pack… ¡ya no hay escusas!

Páginas relacionadas con este artículo:

1. Anatomía de una tipografía
2. Archivo PSD con tema Grunge para WordPress
3. Web fonts

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 '


';
}

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 )

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) {
    ?>


    


l>

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

order deny,allow
deny from all
allow from xx.xx.xx.xx

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

Todas las propuestas analizadas son aplicaciones online, es decir te das de alta un servicio, validas y a funcionar sin necesidad de instalar nada en servidor ni en cliente.

El motivo de este desarrollo es el uso del mismo para nuestra aplicación de facturación online invOOice.com donde vamos a mostrar el thumbnail de la web al pasar el ratón sobre el icono de página web en la ficha del cliente.

En el detalle podemos ver nuestra aplicación invOOice.com con un thumbnail generado:

SnapCasa

Enlace: http://snapcasa.com/

Pros del sistema de generación de miniaturas de SnapCasa:

• No precisa API
• No precisa declarar las URLs
• En el registro hay una casilla para no recibir emails de ellos
• No incorpora Watermark

Contras del sistema de thumbnails de SnapCasa

• Hay que registrarse
• Es muy lenta

ShrinkTheWeb

Enlace: http://www.shrinktheweb.com

Pros del capturador de webs de ShrinkTheWeb:

• Es rápido, la cola se procesa en minutos
• Puedes trabajar en localhost durante el desarrollo e implementación
• Muestra imagen con Thumbnail queued si esta entra en la cola
• Si el Thumbnail ya está generado por cualquier otro usuario te lo muestra al instante sin entrar en cola
• Le hemos metido cerca de 100 thumbnails en cola y los ha procesado
• Captura rápido la cola, en 10-15 minutos tendrás tu cola generada (nuestras pruebas de cola han sido con grupos de 30)
• Soporta páginas con Flash.
• No inserta watermark en las capturas
• Dispone de diferentes medidas, siendo estas prefijadas

Contras del generador de thumbnails analizado:

• Hay que registrarse
• La web donde te registras es fea, fea y fea
• Debes validar la cuenta creada usando tu email
• Dispones de varias medidas pero son prefijadas
• La segunda imagen o thumbnail generado de seguido ya entra en cola y muestra imagen con su logo
• No recarga la imagen una vez es generado el thumbnail debes recargar tu la página entera

Nuestro veredicto

De calle, ShrinkTheWeb es el ganador por goleada.

Páginas relacionadas con este artículo:

1. Aplicación web para generar thumbnails
2. Google Native Client
3. Aplicación online para crear Favicon

Alternativas a iTunes en Linux

Existen otras alternativas para ordenadores Linux que permiten realizar prácticamente las mismas tareas, estas son Amarok, Banshee, Rythmbox si bien nosotros no hemos encontrado ninguna lo suficientemente buena gestionando nuestros podcast favoritos, probablemente porque estos se encuentren tan sólo bajo iTunes.

Instalar iTunes en Ubuntu

Descarga de iTunes desde la web de Apple

Antes de comenzar a preparar nuestro Wine para albergar iTunes en nuestro Ubuntu vamos a proceder a ir descargando iTunes desde la web de Apple pues ocupa nada más y nada menos que 93Mb. así que esto te llevará un ratito a menos que tengas una buena ADSL mientras podremos ir configurando Wine.

Descarga con tu navegador el instalador de iTunes desde la web de Apple: http://www.apple.com/itunes/download/

Instalar Wine

Para instalar Wine lo puedes realizar desde la aplicación Synaptics para instalar programas. Busca Wine e instala todos los paquetes

Configura Wine

Una vez instalado Wine deberemos configurar los aspectos referentes a la configuración del sonido.

Lanza la configuración de Wine, para ello deberías tener un nuevo grupo en el menú de Aplicaciones. En nuestro caso el grupo se llama Wine y el icono es una copa de vino, presiona sobre él y selecciona Configura Wine, te emergerá una nueva ventana.

Dirígete a: Pestaña Aplicaciones > Windows XP > Drivers > Autodetect

Si no figura esta pestaña ve directamente a:

Pestaña Audio

En ella marca la pestaña ALSA y desmarca OSS Driver, si no hay ninguna marcada n te preocupes esto puede ser normal.

En este punto Ubuntu, o mejor dicho Wine nos tira un error en pantalla como el que te mostramos a continuación:

Presiona sobre el botón “Aceptar”, ahora ya podemos ir nuevamente a la pestaña de Audio donde nos debería quedar algo así como lo que te mostramos a continuación:

Es decir dejamos marcado el “Manejador Alsa”

Ya puedes pulsar el botón “Aplicar” del configurador de Wine de forma que se cierre la aplicación Wine, ahora vamos a instalar iTunes, asegúrate que se ha descargado completamente y que lo tenemos en la carpeta de Descargas.

Instalando que es gerundio

Abre un terminal de línea de comando y desde allí ejecuta el siguiente comando:

wine iTunesSetup.exe

NOTA: El instalador de Wine necesita ser ejecutado desde el usuario que descargó la aplicación, no desde un usuario root, por raro que esto parezca. El error que te tirarará Ubuntu si no estás con el usuario correcto será algo así como:

directorio_de_descarga/.wine is not owned by you

Así que si recibes este error, abre un nuevo terminal y esta vez sin cambiar el usuario ni anteponer el modificador de usuario sudo vuelve a ejecutar el iTuneSetup.exe

Ahora Wine comenzará la instalación de iTunes, quizá veas algunos errores o rarezas en la ventana del terminal, no te preocupes, pronto te aparecerá una ventana como la que te mostramos a continuación:

Presiona sobre Next y continuará la instalación hasta que te aparezca en escasos segundos un nuevo diálogo como el que te mostramos a continuación y en el que por motivos de compatibilidad deberías desactivar todas las opciones

Presiona sobre “Install” y en la nueva ventana que te aparecerá responde que no se autoejecute al introducir un CD pulsando No.

Ahora comenzará el proceso de instalación de verdad, en nuestro caso ha tardado poco más de 20 segundos eso sí nos ha corrompido la pantalla un par de veces dejando de redibujar numerosas áreas, todo muy al estilo “Hola soy Windows y no se lo que es la multitarea”, cosa que hemos solucionado moviendo el mouse por la pantalla o al utilizar alguno de los efectos Compiz que tenemos instalados en nuestro Ubuntu.

Aquí lo tenemos: Tachán!!!

Ahora podrás lanzar tu iTunes desde Aplicaciones > Wine > Programas > iTunes.

En la primera ejecución deberás aceptar los términos de la licencia y posiblemente recibas una advertencia como la que te mostramos a continuación, eso es normal, pues le habíamos dicho que no importara los CD .

Si pulsas sobre Finish, comenzará el proceso de importación de música hacia la biblioteca, dependiendo del número de canciones que tengas esta tarea puede tardar bastante.

A nosotros nos ha recuperado absolutamente toda la música, podcast e incluso las aplicaciones que teníamos instaladas en el iPhone, ha tardado más de media hora pero he aquí el resultado.

Funciona prácticamente perfecto a excepción del iPhone que no ha sido reconocido y del acceso a la iTunes Store que cuelga la aplicación, podemos actualizar los podcast incluídos nuestros favoritos, acceder a toda nuestra biblioteca musical etc.

Consumo de recursos de iTunes

Si bien todo nos ha ido como la seda  parece que el consumo de recursos del conjunto Wine  + iTunes parece alto según el monitor de sistema de la captura anterior,y el detalle de la siguiente gráfica de sistema. Además de iTunes tenemos corriendo simultáneamente Chrome, FireFox, la plataforma de desarrollo NetBeans, un Transmission activo, doble pantalla una 4:3 a 1280 x 1024 píxeles y la otra a 1680 x 1050 píxeles. Todo en un Core i5 2,66Ghz. con 4Gb de Ram.

Páginas relacionadas con este artículo:

1. Google Native Client
2. Recuperar archivos borrados en Ubuntu
3. Instalar archivos .bin en Ubuntu

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

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

Producto:

Sartén 24 cm. de diámetro con antiadherente

Marca:

Aceroxidados

Familia:

Utensilios de cocina

Descripción del producto:

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…

Precio de venta:

19.95e.

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. Posicionar a través de redes sociales
3. Generador de PDFs online