Si bien el football no es de mis deportes preferidos, o me encierro en un tupperware o me uno a ellos.  Claro no voy a comentar sobre football, porque no tengo mucha idea, incluso me tuve que ir a ver en Fifa.com para enterarme que el mejor de América es Uruguay, y en Europa no se sabe porque quedan 3.

Este artículo va desde el lado de consumidor y que lleno y asqueado de tanto mundial deje de hacer zapping y me puse a ver la publicidad, y vaya sorpresa. Me llamo mucho la atención algunas publicidades con cierta falta de creatividad, y panquequismo por demás.

Obviamente olvidan que ahora el mundo se comunica y van a tener que cambiar de estrategia.

Publicidad de Quilmes

Click here to view the embedded video.

todo falso, en primer lugar, si Dios es Argentino … porque ganó Alemania 4 a 0 que es el cuadro del Papa ?. O los alemanes son ateos o es una total falta de respeto a la cadena de mandos. Por otra parte Quilmes es una cerveza Brasilera no Argentina.

Publicidad Pilsen Uruguay

Click here to view the embedded video.

otros falsos, ya que Pilsen si bien nació celeste hoy es Brasilera como Quilmes.

Publicidad de Coca Cola

Click here to view the embedded video.

Coca Cola, debe llevarse el premio al más panqueque y un doble premio a la falta de creatividad. Esa publicidad que se emite en Argentina se hacen los super hincha de Argentina, en cambio la misma publicidad la pasan en Uruguay y son super hinchas de Uruguay.

Click here to view the embedded video.

doble truchos, de seguro pasan la misma publicidad en cada país que fue al mundial, y esto lo hace en todos los mundiales años tras año.

Publiciad de Mantecol

Click here to view the embedded video.

estos si son Argentinos, pero vamos, les falto creatividad. Le robaron el argumento a Coca Cola, lo de salir a convencer a quien quedo afuera, creatividad CERO.

Publicidad de Claro

Click here to view the embedded video.

otro panqueque, en primer lugar Claro, es de México, o sea que es falso que vayan por Argentina que los elimino, lo mismo sucede en Uruguay que les gano.

Publicidad ANCEL ANTEL

Click here to view the embedded video.

ANTEL y ANCEL si son Uruguayos, pero su servicio no es tan bueno, lo dije varias veces. Además por culpa de su poca cobertura y ancho de banda, los Ghaneses ni se enteraron que el Loco  Abreu la picaba:

Click here to view the embedded video.

subime el ancho de banda ANTEL, que para el 2014 el loco cambia de táctica

Post original de: Jorge Oyhenard

Mundial Sudafrica 2010 y la falsedad de las marcas

Artículos relacionados:

• Como resolver el Cubo de Rubik’s
• Ronaldo y Ronaldhino Gordos !!
• CodeIgniter 1.7.0 Released

Interesante visión del futuro según Microsoft, donde según ellos la tecnología se integrará más aun a las trivialidades de la vida para hacernosla más fácil.

Futuro de la salud según Microsoft

Futuro del banking según Microsoft

Futuro de las compras al por menor según Microsoft

Futuro del Hogar según Microsoft

que opinan ?

Post original de: Jorge Oyhenard

El futuro según Microsoft

Artículos relacionados:

• Microsoft Run 2.0 evento anual TechNet y MSDN
• Microsoft Encarta no existe !
• Microsoft lanza WebsiteSpark software gratis por 3 años

El sistema operativo Google Android ocupa la segunda posición en venta de sistemas operativos para móviles, por detrás de RIM pero superando el OS X de iPhone quien ocupa el tercer lugar seguido de Windows Mobile y Palm.

El estudio de NPD Group reporta que Google Android cuenta con un 28% de las ventas en el primer trimestre de 2010 en segundo lugar luego del 36% con que cuentan las Blackberry de Research In Motion, Apple  cuenta con un 21% del mercado.

Más info:

• Report: Google Android surpasses iPhone in U.S.
• Android Shakes Up U.S. Smartphone Market

Post original de: Jorge Oyhenard

Google Android supera en ventas al IPhone en USA

Artículos relacionados:

• Nexus One Phone el Teléfono de Google
• Facebook supera los 300 millones de usuarios
• DevFest 2009 de Google para desarrolladores Palermo Valley

Google Chrome tiene muchas ventajas como navegador, sorprendió desde el comienzo cuando Google Chrome se lanzo por error, ya que se filtro la información, o al menos eso dijeron.

También sorprende en los test de velocidad de JavaScript, velocidad de carga, velocidad de despliegue, entre otros tantos test, pero sobre todo lo que más nos sorprende son las creativas y locas historias con que presentan cada una de estos datos, que francamente en la practica no siempre se cumplen.

Google Chrome 5 a máxima velocidad

Ayer Google nos presentaba unos locos y creativos test de velocidad de Google Chrome, donde comparaban la velocidad de carga y despliegue del navegador con una gran cantidad de elementos, en este vídeo de Google Chrome 5:

El equipo usado fue una MacBook Pro con Windows, monitor 24″ Asus, conexión a Internet de 15Mbps y filmaron los test con una Phantom v640 de alta velocidad en Full UD 1980×1080 en 2700fps.

El motor JavaScript es el V8 que ya se había presentado y sorprendía en los test, la nueva Beta de Chrome 5 incorpora este motor que incrementa entre un 30 y 35% la velocidad, otros avances son el soporte de HTML 5, geolocalización y mayor soporte de extensiones, entre otras novedades.

Más info:

• Descargar Google Chrome
• Descargar Google Chrome beta 5
• Pedal to the Chrome metal: Our fastest beta to date for Windows, Mac and Linux

Post original de: Jorge Oyhenard

Google Chrome 5 a la velocidad de la luz

Artículos relacionados:

• Nuevo Google Chrome 3 y 4 Beta
• Extensiones SEO y Desarrollo web para Chrome
• Google Chrome Beta para Linux !

El funcionamiento del Buscador de Google es una de las incógnitas más grandes para quienes realizamos sitios webs y tratamos de posicionar nuestro contenido.

Si bien todo es cuestión de lógica, suele suceder que la información existente es abundante, y esa misma abundancia y cantidad de interpretaciones diferentes, contribuyen a la falta de respuesta y teorías erróneas, al menos para algunos.

En mi caso específico, ante tanta cantidad de información suelo utilizar como fuente la misma información de Google y la experiencia de desarrollar, probar y verificar estadísticas en diferentes sitios y situaciones, al principio en casos aislados y luego aplicadas en general.

Con dicho resultado trato de aplicar las mismas técnicas siempre, solo incorporando nuevas luego de leer bastante, realizar pruebas, escuchar mucho y cotejar información y resultados con otros colegas.

Para aclarar muchas de estas dudas, los Videos de Matt Cutts son de mucha ayuda, sobre todo el titulado How Search Works, que explica gráficamente la operativa del buscador para obtener y mostrar los resultados y del cual se dejan entrever muchos tips que podemos aplicar.

Como funciona la búsqueda | How Search Works

Comienza explicando que sucede cuando se realiza una búsqueda, y nos aclara que lo primero que debemos entender es que no se busca en la web si no en el indice de Google.

Por tanto podemos deducir, que cuanto mejor estemos indexados en Google, más oportunidad de ser encontrados tendremos.

Para estar bien indexados nuestro sitio debe ser fácilmente leído y comprendido por Google de forma que extraiga la máxima información posible del mismo.

Debemos ser conscientes que factores como la velocidad de acceso y la facilidad con que Google pueda comprender la estructura y contenido del mismo son muy importantes. De esto depende lo que pueda obtener para su indice. Por eso es importante un buen maquetado con HTML basado en estándares y utilizando los Tags HTML apropiados, así como una redacción clara de nuestro contenido.

De la imagen se puede deducir el nombre de telarañas y arañas que recorren la web.

Google recorre la web con arañas que visitan un sitio y reconocen cada enlace interno a nuestro contenido o externo a otros sitios, luego sigue estos enlaces para visitar y conocer nuevas webs, páginas y contenidos, repitiéndose el proceso sucesivamente, conociendo e indexando toda la web.

En teoría Google de alguna forma algún día llegaría a toda web, podemos esperar, o bien acelerar este proceso.

Para acelerar el proceso de indexado de una web nueva, muchos prefieren conseguir enlaces, pero para mi basta con dar de alta el sitio en Google Webmaster Tools, seguir las instrucciones y crear un Sitemap XML con las URLs importantes de nuestro sitio.

Si vas a conseguir enlaces, ten en cuenta que son mejores los que se producen de forma natural, o sea enlazándolos en otras web como citas a nuestro contenido. Cuanto más relevante sea la web que nos enlaza mejor.

Si nuestra web tiene contenido original, se actualiza regularmente, tiene un sitemap en webmaster tools, y notificamos a Google en cada nuevo contenido, sola y naturalmente tomara relevancia y se indexara.

Toda la información recopilada de las página formará parte del indice de Google

Cuando ingresamos una búsqueda el software de Google buscará coincidencias en el Indice, Matt se jacta de la velocidad del proceso, y con eso revela de nuevo la importancia de optimizar bien nuestro contenido. Digo esto porque cuando busca en el Indice, todo esta ya dicho y las cartas están echadas, lo importante fue el trabajo previo en nuestros sitios para que Google comprenda y extraiga buena información para el indice, se entiende ?

Encuentra miles o millones de resultados y selecciona los más relevantes

Realizada la búsqueda, seguramente el indice cuente con miles o millones de páginas coincidentes con la búsqueda, es ahí cuando debe decidir los más relevantes, o sea en que orden debe mostrarlos. Esto es justamente lo que todos perseguimos cuando hablamos de SEO o Posicionamiento Web, o sea salir en la mejor posición para las búsquedas de quien necesite nuestro contenido.

El vídeo sin dudas es muy interesante para quienes quieren saber como funciona en líneas generales el buscador, pero sobre todo me pareció muy bueno verlo ya que afirma muchas de esas teorías que muchos aplicamos y otros contradicen, pero que basta con hacer algunas pruebas para comprobarlo o ver este y otros vídeos de Matt Cutts.

Post original de: Jorge Oyhenard

Como funciona el buscador de Google

Artículos relacionados:

• Cómo funciona Google Adsense y Adwords
• Google buscador adsense spam y contenido relevante
• Montevideo estrena web…y no funciona

Si bien puede parecer un tema trivial centrar contenidos tanto de forma horizontal y sobre todo vertical suele despistar a muchos diseñadores web que utilizan CSS, vamos algunas formas de centrar contenidos con CSS.

Antes que nada aclaro un punto sobre el tema de utilizar HTML y CSS, la necesidad de estos debe realizarse de forma correcta y es separar el contenido que se contiene en HTML, del diseño que se aplica con CSS, por eso el uso de CSS y propiedades de diseño o presentación de forma inline esta mal aplicado.

Centrar Textos con CSS

Este es uno de los más sencillos y conocidos por todos pero suele cometerse el error de aplicar la propiedad inline y utilizar CSS dentro del HTML no es un método correcto y aconsejado.

Funciona pero está mal:

<p align="center">Texto centrado de forma incorrecta</p>

Forma correcta de hacerlo, es usar HTML:

<p class="claseparrafo">Texto que se centra con CSS</p>

y CSS por separado:

.claseparrafo {
text-align: center;
}

en la primera forma estamos mezclando HTML y CSS, eso no se debe hacer, los cambios de diseño se deben aplicar utilizando una Clase CSS a cada elemento HTML, tal como se muestra en el segundo ejemplo. Este es uno de los errores más típicos y también se comete cuando aplicamos cambios de fuentes como por ejemplo:

<p><font face="verdana" size="2" color="red">Texto en Verdana tamaño y 2 Rojo</font></p>

esto es de los 90, de la época que se maquetaba con tablas usando frontpage pero lamentablemente se sigue viendo en sitios nuevos.

Centrar Horizontal con CSS

En algunos casos se sigue viendo el maquetado web con tablas, web de dinosaurios, y no me refiero a enciclopedias de contenidos jurásicos, si no a que están hechas por dinosaurios que quedaron en el pasado y no aplican estándares web. En esos casos era normal ver

<table align="center">

lo que aplica diseño de forma inline y no es para nada aconsejable y para peor usando tablas como en los 90.

La forma correcta de centrar una página web es darle un ancho fijo al contenedor principal y margenes izquierdo y derecho automáticos, de esa forma se muestra al centro del navegador distribuyendo el margen izquierdo y derecho de forma automática.

Centrado Horizontal de contenido HTML

<body>
<div id="principal">
</div>
</body>

Centrado Horizontal del contenedor HTML con CSS

Ahora aplicamos con CSS un ancho fijo al DIV principal y margenes automáticos de la siguiente forma:

#principal {
width: 960px;
margin-left: auto;
margin-right: auto;
}

es importante recordar que para poder distribuir los margenes automáticamente el ancho debe ser fijo.

Centrado Vertical con CSS

Los casos que vimos hasta ahora son típicos y dominados por cualquier diseñador web actualizado y acostumbrado a utilizar CSS. En el caso del Centrado Vertical es donde nos ponemos un poco rebuscados.

La forma sencilla sería aplicar una propiedad, así como existe text-align podríamos usar vertical-align, pero esta propiedad está disponible en CSS 3 y no va bien en todos los navegadores. Luego veremos como aplicarlo en otros casos donde falta esta propiedad de alineación vertical, de forma un poco más rebuscada pero eficaz.

En primer lugar, así como para centrar horizontal necesitamos un ancho fijo, para alinear vertical necesitamos también una altura fija del contenedor principal y utilizar display: table y display: table-cell para el contenido y el vertical-align.

html, body {
height: 100%;
}

#main {
display: table;
height: 100%;
}

#content {
display: table-cell;
vertical-align: middle;
}

• Ver demo de centrado Vertical con CSS

Si bien el contenedor principal es #main, y es a este que le aplicamos display: table; y alto 100%, el mismo se encuentra en el html y body de la página por tanto estos también deben tener alto 100%. Luego el contenido tiene display: table-cell; para que se comporte como una celda dentro del #main table, y vertical-align: middle; para que se centre verticalmente, con esto funciona en Firefox, Chrome, Opera e Internet Explorer 8.

Post original de: Jorge Oyhenard

Centrado Horizontal y Vertical con CSS

Artículos relacionados:

• Estadísticas Google Analytics en tu Facebook
• Usuarios Twitter en Centro America y México
• Usuarios Twitter en Sudamerica

Se encuentra disponible desde hace unas horas Ubuntu 10.04 lucid lynx del que comentaba muchas novedades hace unos días, que se resumían en la siguiente la siguiente lista:

• GNome 2.3 con varias mejoras
• Ver más archivos con Nautilus
• Mensajería instantánea Empathy
• Sincronización fácil
• Gestión de usuarios de forma segura
• Conexión de forma remota con Vinagre y SSH
• Mozilla Firefox con Yahoo en lugar de Google como buscador
• Kernel Linux 2.6.32
• HAL removal, para acelerar el booteo y el regreso de suspensión
• Nuevo soporte open source para drivers nVidia
• Integración social con Twitter, Facebook, Identi.ca entre otras redes sociales
• Ubuntu One Music Store, para comprar música en Internet de forma sencilla e integrada con el player y Ubuntu One Cloud para respaldo y almacenamiento

Si bien en mi caso no podría usar Ubuntu el 100% del día para muchos casos esta distribución de Linux es mas que suficiente para cubrir las tareas del hogar pero sobre todo de oficina que no trabajan con software Windows (como muchos sistemas comerciales), y que en caso de usar paquetes como Microsoft Office pueden perfectamente pasarse a Open Office de forma gratuita que ya viene incluida en Ubuntu.

Instalar Ubuntu en Windows 7

Una de las ventajas de Ubuntu es que podemos instalarlo desde Windows de manera muy sencilla y lograr un arranque Dual, que nos permita al reiniciar optar por usar Windows o Ubuntu lo cual es genial para quienes por diferentes causas debemos seguir usando Windows.

Lo primero que debemos hacer para Instalar Ubuntu es bajar la ultima versión disponible desde ubuntu.com, optaremos ahí por una imagen de CD de Ubuntu para 32 o 64 bits, la cual quemaremos en un CD o bien también podemos ejecutar e instalar con un emulador de CD como Daemon Lite.

Al insertar o cargar el CD veremos la siguiente pantalla:

en esta debemos seleccionar el disco donde instalar, el idioma de instalación, el tamaño de la partición, el entorno del escritorio (diseño), el usuario principal de Ubuntu y su contraseña, cuidado no olvidar este !!, y comenzamos con el botón Instalar.

En este punto es bueno destacar que el instalador realizara automáticamente la partición de nuestro disco duro para tomar el espacio de nuestro Windows y usarlo en Ubuntu, según la imagen son 17 GB.

Si no vamos a instalar muchas aplicaciones Linux, 17 gigas son mas que suficiente, ya que para guardar documentos, imagenes, vídeos, usamos el mismo espacio en disco compartido por Windows el cual es visible también desde Ubuntu.

La instalación se hace de forma automática copiando todos los archivos necesarios para que al reiniciar culmine ya en Ubuntu la instalación, gracias a esto es que podemos usar un CD virtual y evitar quemar una imagen en CD físico.

Al culminar esta parte de la instalación en Windows aparece la siguiente imagen:

en esta imagen podemos reiniciar la compu y ya comenzar usando Ubuntu con el arranque dual.

Esta forma de instalación funciona con Windows XP, Windows Vista y obviamente Windows 7, si seleccionamos Windows la computadora cargara este sistema operativo como siempre y si seleccionamos Ubuntu cargara Ubuntu 10.04.

La primera vez que seleccionamos Ubuntu culminará la instalación:

cargando y configurando los archivos faltantes, el reloj, la red, verificando la instalación, y creando el sistema de archivos.

Durante esta parte final de la instalación nos presentará mensajes sobre las novedades de Ubuntu, desde la versión beta de hace unos días hasta la final de hoy estos mensajes están mitad en ingles y mitad en español, cosa común en el software libre donde muchos hablan y lo defienden pero pocos voluntarios trabajan realmente

Al finalizar la instalación ya aparece Ubuntu como aparecerá todas las veces que iniciemos el mismo, o sea solicitando un usuario y contraseña para ingresar al Sistema.

La instalación de Ubuntu en un disco limpio o como sistema único (sin Windows) funciona de la misma forma se inserta el CD y se selecciona Instalar apareciendo como en la primer imagen la seleccion del disco destino y el usuario principal del sistema.

La instalación en Windows como vimos en este artículo nos permite desinstalarlo en cualquier momento como si se tratar de cualquier aplicación de Windows, o sea desde el panel de control, software desinstalar.

Post original de: Jorge Oyhenard

Instalar linux Ubuntu 10.04 en Windows 7

Artículos relacionados:

• El cambio se viene, Ubuntu 10.04
• Ubuntu 9.04 disponible
• Instalar IIS en Windows 7

Una de las distribuciones Linux con más adeptos se prepara para su versión final, se trata de Ubuntu 10.04 que está a la vuelta de la esquina y que puedes saborear y adelantarte probando la versión beta 2 que descargas desde el sitio oficial.

Solo faltan 8 días para que Ubuntu 10.04 Lucid Lynx este disponible en su versión final, y esta que sin dudas es mi distribución preferida a la hora de sustituirla por Windows revolucionará a todos los adeptos del software libre, incluido claro los que solo lo defienden en teoría y no se animan a instalar un beta (como muchos que opinan acá) y otros que si gustan de ver las novedades desde las versiones tempranas de cada software, y más aun si se trata del software libre ya que puedes ojear más a fondo.

El 29 de Abril muchos usuarios actuales de Ubuntu 9.10 (Karmic Koala) y anteriores, podrán actualizarlo de forma automática desde su instalación actual, o bien descargarlo e instalarlo para entrar al mundo Linux, algo muy recomendable para todo Geek.

En mi 9.10 de 64bits tuve muchos problemas con los drivers de vídeo y sonido, muchas horas de búsqueda, compilación y terminal, afortunadamente realizando una instalación limpia en el mismo hardware con la 10.04 reconoció todo el hardware aunque aun quedan algunos problemitas con el Adobe Flash Player de 64 bits.

Alunas novedades de Ubuntu 10.04 son:

• GNome 2.3 con varias mejoras
• Ver más archivos con Nautilus
• Mensajería instantánea Empathy
• Sincronización fácil
• Gestión de usuarios de forma segura
• Conexión de forma remota con Vinagre y SSH
• Mozilla Firefox con Yahoo en lugar de Google como buscador
• Kernel Linux 2.6.32
• HAL removal, para acelerar el booteo y el regreso de suspensión
• Nuevo soporte open source para drivers nVidia
• Integración social con Twitter, Facebook, Identi.ca entre otras redes sociales
• Ubuntu One Music Store, para comprar música en Internet de forma sencilla e integrada con el player y Ubuntu One Cloud para respaldo y almacenamiento

Para quienes no se animan a instalarlo, están disponible las versión Live CD que permite probarlo sin instalar y alterar tu sistema operativo actual. Incluso tienes disponible el Live CD de Netbook Remix, de forma de probarlo en tu Netbook y no solo en tu Desktop PC.

En caso de utilizar Windows es muy sencillo instalarlo y generar un arranque dual para utilizar Ubuntu o Windows cuando desees. Incluso Ubuntu si lo instalas desde Windows quedara como un programa más que puedes desinstalar desde el Panel de Control.

Ta puedes Instalar Ubuntu 10.04 versión final !!

Más info:

• Ubuntu
• Ubuntu 10.04 beta 2
• GNome 2.3

Post original de: Jorge Oyhenard

El cambio se viene, Ubuntu 10.04

Artículos relacionados:

• Ubuntu 9.04 disponible
• Instalar linux Ubuntu 10.04 en Windows 7
• Ubuntu 9.04 carga en menos de 17 segundos

Es indudable que Google esta muy bien posicionado en lo que respecta a Internet y que sin dudas marca tendencias en muchas cosas, y despedirse del http:// es una de estas.

Hace minutos estaba leyendo un post de Zee en TheNextWeb sobre el tema, donde menciona que Google le dice adiós al http://, no te pongas nervioso, esto no quiere decir que dejara de tener presencia en Internet o que abandona la web, solo se refiere a dejar de usar el http:// en su navegador Google Chrome.

Al comienzo me pareció extrañó, pero al pensarlo en realidad no tiene mucho sentido utilizar http:// delante de la web, incluso soy de los que me molesta cuando en radio o tv dicen: “entra en hache te te pe dos puntos barra barra doble v doble v doble v ….tal sitio punto com”, es mas fácil decir “tusitio.com” y vamos que hoy día todo el mundo entiende, y el que no, tampoco va a entrar.

Esto se relaciona con que muchos creen que el uso de la www adelante del dominio sigue siendo absolutamente necesario, y es un grave problema que crea sitios duplicados, pero de eso ya hable bastante aunque siguen sin reparar sus sitios.

En la imagen se puede ver la url de mi blog pero no tiene delante http:// eso es lo que al parecer comenzara a hacer Google, olvidarse de usar toda esa url con tantos caracteres en su navegador, lo cual tiene sentido ya que sobra.

Todos los navegadores anteponen el http:// incluso si vas a Chrome siga de esa forma, los cambios están implantados en la versión Developers de Google Chrome, que es la que luego se transforma en beta, y luego en estable, por tanto si no vuelven atrás la decisión en pocas semanas o meses te encontraras con esta novedad.

En este punto te estaras preguntando que sucede con sitios https://, o sea páginas seguras como bancos, paypal y otros, pues bueno en ese caso se mantiene como antes, usando https:// delante presentandolo de otro color e incluyendo el nombre del titular del certificado de seguridad a la derecha de la url, como se ve en la siguiente imagen:

En el caso de los FTP sucede lo mismo:

visto de esta forma me parece interesante que se le quite tanto ruido a las urls y quede unicamente lo principal, o sea el nombre del dominio y la URL, sobre todo cuando el mundo se vuelva ideal y las URLs sean amigables y se deje de usar tanto el subdominio www delante.

Pero como algo adicional a esto, sin dudas que al entrar a un sitio seguro como https o a un ftp el usuario prestará mas atención ya que se antepone algo que no esta acostumbrado a ver, cosa que no sucede hoy día ya que muy pocos notan la leve diferencia de la s del https a simple vista.

Más info:

• Google Chrome says goodbye to http://

Post original de: Jorge Oyhenard

Google Chrome se despide del http://

Artículos relacionados:

• Extensiones SEO y Desarrollo web para Chrome
• Descargar navegador Google Chrome
• Google Chrome Beta para Linux !

Luego de la Instalación de Apache en Windows 7 y la Instalación de PHP 5 en Windows 7, continuamos dejando a punto nuestro servidor Web para desarrollo LAMP en Windows 7.

Ahora toca el turno de Instalar la base de datos MySQL, que es una de las más utilizadas por las diferentes aplicaciones webs desarrolladas en PHP, por ejemplo WordPress, phpBB, vBulletin, Joomla, Drupal, entre otras tantas.

Desde este enlace podemos descargar la última versión disponible de MySQL que en este momento es MySQL Community Server 5.1.45, que nos la provee SUN de forma totalmente gratuita.

En el sitio tenemos una versión Essentials que se recomienda por ellos, y contiene lo básico para tener funcional el MySQL Server. Igualmente en mi caso prefiero utilizar e instalar la versión Full con instalador Windows (x86, 64-bit), MSI Installer de 98 megas que descarga un archivo llamado mysql-5.1.45-winx64.msi. Recuerda que puede existir una versión más nueva y debes seleccionar 32 o 64bits según sea tu caso.

Tenemos tres tipos de instalación, típica, completa y personalizada, típica y completa son muy sencillas basta con seleccionar siguiente, siguiente, siguiente…., pero haremos la instalación personalizada para puntualizar ciertos aspectos interesantes de la instalación de MySQL.

Luego de seleccionar Custom (personalizada), nos pide indicar que elementos instalaremos, por defecto instalará todo menos los “Developers Components“, son opcionales, contienen ejemplos, scripts y algunas librerías para los más curiosos.

La carpeta de instalación por defecto es  c:\Archivos de Programa\MySQL\MySQL Server 5.1\, podemos cambiarla con el botón Change, y debes recordarla para más adelante. Presionamos siguiente e instalar para que comience a realizar la instalación de MySQL.

Al finalizar la instalación nos presenta la versión Entreprise que es de pago y lo hace a modo de publicidad, presionamos siguiente para continuar.

Es momento de configurar MySQL Server como un servicio en Windows 7 y si lo deseamos registrarnos en SunConnect para obtener noticias, novedades y notificaciones de actualizaciones de MySQL, luego presionamos Finalizar.

En el asistente de configuraciones podemos decidir entre una configuración detallada o estándar. La instalación estándar agrega MySQL como un servicio Windows que se ejecuta automáticamente al iniciar, se debe utilizar en computadoras que no tengan instaladas MySQL.

Pero haremos la configuración detallada que por ser más precisa nos permite ahondar más en este artículo. En este punto de la configuración nos brinda tres formas posible:

• Developer Machine
  Es la que vamos a utilizar nosotros como desarrolladores, ya que usaremos MySQL más que nada para testear nuestras aplicaciones. En esta opción MySQL Server se configura para utilizar un mínimo de recursos y memorias de forma de dejar parte del PC disponible para usarlo en otras aplicaciones.
• Server Machine
  Recomendada cuando instalamos MySQL Server en un servidor donde existen otras aplicaciones en modo Servidor, por ejemplo Aplicaciones Web que se sirven de este mismo servidor. En este caso MySQL hace un uso intermedio de memoria y recursos.
• Dedicated MySQL Server Machine
  Esta opción configura MySQL asumiendo que solo MySQL Server estará corriendo en este servidor, no deja lugar a que corran otras aplicaciones. En esta configuración MySQL utilizara toda la memoria y recursos disponibles.

Seleccionaremos en nuestro caso Developer Machine:

y presionamos siguiente. Ahora debemos definir el tipo de uso que se le dará a las bases de datos.

También se presenta tres opciones, debemos seleccionar una de ellas dependiendo del tipo de optimización que deseamos:

• Multifunctional Database
  Define un propósito general, es la que seleccionaremos en nuestro caso para testing y desarrollo. Optimizara el servidor para transacciones rápidas en InnoDB y MyISAM.
• Transactional Database Only
  Se optimiza para servidor de aplicaciones y aplicaciones web. Seleccionaremos esta opción si la aplicación que consume datos de MySQL está en producción y utiliza principalmente InnoDB, aunque también admite MyISAM aunque no lo beneficia.
• Non-Transactional Database Only
  Optimo para aplicaciones web sencillas, de control o programas de análisis. Solo se activa el modelo no-transaccional MyISAM, por tanto no admite InnoDB.

En nuestro caso seleccionaremos Multifunctional Database.

La siguiente selección es la carpeta donde se almacenaran los datos, por defecto podemos usar una subcarpeta que se creará en el lugar de la instalación de MySQL, y continuamos con siguiente.

La cantidad de conexiones concurrentes al servidor es lo siguiente que debemos definir, si son hasta 20 conexiones seleccionamos Decision Support (DSS)/OLAP, en caso de requerir hasta 500 conexiones concurrentes seleccionamos Online Transaction Processing (OLTP), o en este caso como es para testing seleccionamos Manual Setting, y definimos el número de conexiones usando 5 o 10 conexiones.

La configuración de red es lo siguiente que debemos definir

La configuración de red es lo siguiente que debemos definir indicando su utilizaremos protocolo TCP/IP y el puerto, dejaremos los valores por defecto indicando el puerto 3306 y también marcando “Add firewall exception for this port” de forma de no tener problemas con el Firewall, y presionamos siguiente.

El juego de caracteres es lo siguiente a indicar

por defecto define Standard Character Set, o latin1, también conocido como iso-8859-1, pero la mayoría de los servidores web y aplicaciones como WordPress utilizan por defecto UTF8 ya que soporta mejor caracteres multilenguaje, la opción es Best Support For Multilingualism que seleccionaremos en este caso, la última opción Manual Selected Default Character Set / Collation nos permite seleccionar manualmente el Char Set.

Debemos indicar ahora que MySQL Server se ejecutar como un Servicio Windows (Install As Windows Service),

indicar un nombre de servicio, que dejaremos como MySQL, y marcaremos también la opción de incluir los archivos de ejecución de MySQL en el PATH de Windows (Include Bin Directory in Windows PATH) y continuamos con siguiente.

En este punto debemos prestar mucha atención

ya que es donde definimos el password del administrador principal del Servidor MySQL, o sea el usuario root. También podemos indicar si queremos que nuestras bases de datos se accedan desde maquinas remotas con el usuario root, y continuamos con siguiente.

hemos culminado con estos los pasos, presionamos Execute para que se termine de Instalar y Configurar MySQL. Presionamos Finish cuando aparezca el mensaje final de instalación.

En el menú inicio podemos ejecutar nuevamente el Asistente de Configuración de Instancias MySQL (MySQL Server Instance Config Wizard) en caso que sea necesario.

Ahora ya podemos utilizar MySQL desde nuestras aplicaciones PHP, .NET, y otras.

Post original de: Jorge Oyhenard

Instalación de MySQL en Windows 7

Artículos relacionados:

• Instalar IIS en Windows 7
• Instalar PHP 5 en Windows 7 con Apache
• Instalación de Python

Hace minutos Microsoft liberó la versión final de Silverlight 4 el cual ya esta disponible en su web para descarga.

Silverlight es la apuesta de Microsoft para desplegar contenido multimedia en la web, para ese caso funciona como un plugin en los navegadores que despliega el contenido, tal como sucede con Adobe Flash (su competencia). También se orienta a RIA (Rich Internet Applications) ya que implementa WPF (Windows Presentation Foundation) lo que lo hace apto para aplicaciones de escritorio, compitiendo en este sentido con Adobe AIR.

Silverlight 4 incluye como novedades acceso a datos, impresión, webcams y soporte para móviles con Windows Phone 7.

El año pasado Microsoft lanzaba Windows 7, el día lunes 12 de abril Visual Studio 2010 y su Framework 4.0, con Silverligt 4 viene completando todo este nuevo grupo de herramientas de diseño y desarrollo restando ahora el lanzamiento de Expression 4.

El martes 14 se realizo el Run 2.0 en Montevideo, el evento principal anual para IT Pro y Desarrolladores, estuve presente en dicho evento me pareció muy productivo y voy a escribir más al detalle sobre muchas de las novedades que vi en él luego que las procese con algunos ejemplos.

Les dejo un vídeo sobre Pivot en Silverlight 4

Drag and Drop de archivos desde mi PC a una aplicación Silverlight 4

Más info:

• Silverlight web

Post original de: Jorge Oyhenard

Microsoft lanza Silverlight 4 final

Artículos relacionados:

• Microsoft Run 2.0 evento anual TechNet y MSDN
• Microsoft lanza WebsiteSpark software gratis por 3 años
• Microsoft Encarta no existe !

La semana pasada me consulta un amigo sobre como ingresar a una web que le daba error, había visto la web en una publicidad de Diario El País (de Uruguay). Obviamente cuando me pasa el dominio no entraba, pero era tan largo y rebuscado que le dije que posiblemente había tomado nota mal de esa url.

Este amigo trataría de anotar bien la url, pero por curiosidad y como no miro mucha tele avise a mis hijas que tomen nota de una publicidad de Diario el País.

A las horas vienen con la dirección nisiquieraseprenderla.com, que además era la dirección que había anotado mi amigo, pero para mi sorpresa el dominio estaba libre, y peor aun estaba sin registrarse, por tanto la web no existía y daba error en el navegador.

Que no exista la web puede ser un error menor, pero si esta libre cualquiera lo puede comprar y colgar en el desde un “Hola”, hasta una foto con los atributos de motumbo.

Recuerdo que comente por MSN y Twitter sobre este tema, y listo no paso más que de un hecho curioso para mi. Pero…. el feedback de mis contactos me llevo a estar atento y ver realmente la publicidad en TV, para verificar si mencionaban solo el dominio al pasar o si era muy evidente como para que los usuarios ingresen a esa web.

La publicidad no solo lo mencionaba, si no que también solicitaba que entraran al sitio para bajar el manual, que promociona Diario el País. Si bien reconozco que lo hacen en tono broma, es obvio que muchos usuarios entrarían a probar esa web.

Para ese día y hora el dominio ya lo había comprado algún domainer o webmaster, que se entero seguramente en TV, Twitter, o Msn, eso me llevo a publicar nuevamente en Twitter:

Quien arma la publicidad de @elpaisuy y como no compraron nisiquieraseprenderla.com antes de hacer publicidad ?

elQuique en Twitter

Y lo mismo en Facebook, pero con más de 140 caracteres agregue preguntas para debatir:

Quien arma la publicidad de Diario el Pais Uruguay (@elpaisuy), como es que no compraron nisiquieraseprenderla.com antes de hacer publicidad ? Subestiman a los usuarios creyendo que no van a tipear esa URL, o directamente están ellos atrasados y debieron leer ellos esos libritos de informática antes de lanzarlos al mercado y así aprender un poco de que va el tema ?

Jorge Oyhenard en Facebook

En ambos lugares tuve respuestas de todo tipo, mayormente de gente que coincidía conmigo, ya que obviamente si entienden del tema, por tener muchos contactos con experiencia en la web. Pero una frase mía molesto a quienes realizaron la publicidad y debieron comprar el dominio y tener en cuenta el efecto web, esa frase fue la parte de mi duda sobre si “…están o no subestimando al usuario…“, que además quieren que sea su cliente !!.

Está Diario el País o su agencia subestimando al usuario ?

Para mi si los están subestimando, seguramente ni pensaron que mucha gente entraría a la web, por eso no invirtieron 10 dólares en el dominio o un poco más en un desarrollo. O por lo menos lo subestimaron como para no prestar atención y olvidarse de un medio como Internet, que es algo más grande y con más potencial que la Radio, Diario y TV, cosa a la que si están acostumbrados. Para mi es un gran error, sobre todo si en la publicidad se solicita que entren a la web a descargar el libro.

Como la respuesta por parte de ellos fue con buena onda, no iba a escribir ningún post en mi blog, aunque si es bueno aclarar que me dijeron: “…el único hecho es que el dominio no fue registrado …”, o sea algo menor nomas olvidarse de eso.

Además la culpa es mia por armar revuelo ya que esta mal “…. esa afirmación burda de subestimación, porque de ninguna manera es así…”, o sea maten al mensajero, yo estoy mal por decir que subestiman al usuario ! y no fui yo quien se olvido de registrar el dominio.

También agregaron que “…bueno, no se puede estar en todo. mañana se te acaba igual eh! …”, seguramente creyendo que yo había registrado el dominio, lo había parkeado y estaba ganando dinero con su error (bastaba un whois para saber que no era yo).

Porque escribo sobre el tema niseprenderla.com de Diario El País ?

Escribo porque mi duda era si subestimaban o no al usuario y si Diario el País supo montar esta campaña publicitaria. Atención que digo dudaba porque ahora no me queda duda: hablando de Internet no saben ni prenderla.

Les cuento … Acabo de ver que cambiaron la publicidad, antes le decían a sus clientes e interesados en los libros de informática que entren en nisiquieraseprenderla.com, pero hoy lo cambiaron, piden que entren en niseprenderla.com.

Un dominio que sí está registrado, seguramente por ellos, pero donde aun siguen subestimando al usuario, ya que tampoco tiene nada. El dominio esta sin desarrollo y está parkeado, tal como estaba el otro dominio que se les escapo hace unos días y que solo ellos conocían.

Ese dominio estará ganando 2 o 3 dólares por día, sin aprovechar esas 500 a 2000 visitas diarias mínimas, que seguramente tendrán por la publicidad en TV durante todo el día y sobre todo en horario central, sin dudas esa publicidad sale más de 1o dólares.

Pero sobre todo, es que la publicidad dice que vayan y descarguen los libros,  y el engañado cliente se encontrará con un parking con enlaces en ingles !!

Cometieron 2 veces el mismo error, ya que el error no era solo olvidarse de registrarlo, si no dejar de aprovechar Internet logrando un ida y vuelta con esa web promocionada en la publicidad.

El  dominio que se les escapo era muy sencillo de solucionar, los errores de Internet se solucionan en Internet, a la manera de Internet,  comprando el dominio a quien lo registro antes que ellos, seguramente les cobraría 50 o 100 dólares porque es un dominio que sin todo lo demás no tiene sentido y utilidad futura.

Si bien este es solo un caso, existen muchos horrores en la Internet uruguaya. Por tanto me pregunto: están realmente preparados los medios de comunicación, empresas uruguayas y agencias de publicidad only-radio/diario/tv para entrar en este mundo de Internet ?

Mi respuesta ya se lee en este post, ustedes que opinan  ….

Actualización 15/4/2009

A 48 horas de postear este artículo mi blog esta recibiendo muchas visitas extras totales, y al verificar son todas en este artículo, por tanto me puse a buscar los orígenes de búsquedas que llegan a este artículo y tengo además de Twitter, Facebook y otros Bloggers que lo citan estás visitas:

• Visitas que buscaron en Google www.niseprenderla.com 183 (en 24 hs)
• Visitas que buscaron en Google niseprenderla.com 253 (en 24 hs)

la causa es sencilla, por extraño que parezca, si bien conocen la dirección de la web a visitar muchas personas no ingresan la dirección de la web en el navegador, sino que la buscan en Google aunque ya la sepan, de ahí vienen estas casi 500 visitas, algunas de forma directa o por la siguiente lógica imagino:

1. Veo la publicidad en TV
2. Voy a visitar la web niseprenderla.com
3. Encuentro un parking en ingles y nada de lo que prometen
4. Busco en Google la web a ver que encuentro
5. Visito el sitio que sale primero en Google (o sea mi sitio como se ve en las imágenes)

Es increíble que no exista nada más posteado por lo interesados sobre esta dirección web, pero además es increíble que si bien son 500 visitas por esta vía debemos sumar a los que no se les ocurre buscar en Google, pero que seguramente son unas 1000 a 2000 personas por día intentando ver de que trata la publicidad … en fin …. aun no entiendo a esta gente…

Actualización 16/4/2009

Ahora si el sitio tiene contenido, pero sucedió luego de muchos días parkeados y tras cambiar el dominio que olvidaron comprar. Igualmente un nuevo y tercer gran error se presenta, y es que el sitio en cuestión es un Full Flash, y como todos saben da dolores de cabeza, el SEO para Flash es complejo y casi inútil, en un sitio Full Flash es difícil de indexar, y mucho menos Pescar SEO en Flash para posicionar en Google, por tanto si buscamos:

http://www.google.com.uy/search?q=site:niseprenderla.com

vemos que el sitio no esta indexado en Google, por tanto quienes no ingresan la url en el navegador y Googlean el dominio siguen entrando a mi blog y no al sitio de la promo.

Post original de: Jorge Oyhenard

Diario El País de Uruguay no sabe ni prenderla

Artículos relacionados:

• CreativaINT y SoloPhotoshop por David Gómez para Café y Negocios Diario El Observador
• Elecciones presidenciales 2009 en Uruguay
• Conferencia de Marketing Online en Uruguay

Para todos los impacientes y con las disculpas por tardarnos tanto ya se encuentra disponible SoloPhotoshop Magazine 13 nuestra revista de Tutoriales Photoshop explicados al detalle en español.

Tutoriales de esta edición:

• Las Montañas Flotantes de Pandora
• Human Na’vi
• Pintura Digital: Pintando una Escena Avatar
• Kaotica
• Suavizado de la Piel sin Pérdida de Textura
• Efecto Luces de Estrellas

Puedes descargarla y conocer más de esta y otras ediciones en SoloPhotoshop Magazine.

Post original de: Jorge Oyhenard

SoloPhotoshop Magazine 13 disponible

Artículos relacionados:

• SoloPhotoshop Magazine 12 disponible
• SoloPhotoshop Magazine 11 disponible
• SoloPhotoshop Magazine 10 disponible

Ricard es una de las marcas Uruguayas más reconocidas, específicamente Chocolates Ricard ya que la mayoría de sus productos son Chocolates, tabletas, huevos de pascua, y el famoso Ricardito.

Chocolates Ricard

Ricard es una empresa que data desde 1970 y como su eslogan lo dice aman el chocolate, así como los uruguayos también y por tanto cuentan con una amplia gama de chocolates, turrones, barra de cereal, bombones y huevos de pascua Ricard entre otros productos, cuenta con una planta de mas de 15mil metros cuadrados y tecnología de última generación que operan más de 250 profesionales de todo el país y exportan sus productos a Argentina, Brasil, Chile, Paraguay, Cuba, USA entre otros.

Chocolate Ricard en Internet

Muchas veces comenté sobre la tecnologías disponibles y apropiadas para desarrollar una web, también comente que muchos desarrolladores fallan al publicar sitios de contenidos en Internet, ya que están acostumbrados a crear aplicaciones comerciales para redes locales, y olvidan que un sitio web debe indexarse y encontrarse en buscadores.

En otros casos comente y cite ejemplos de diseñadores gráficos que no se especializaron en Internet y suben a la web folletos impresos cortados en pedazos pero sin la dinámica apropiada que requiere la web.

Si bien estos casos aun siguen presente y asombrándonos a todos en un 2010 donde todo pasa por Internet, considero el peor pecado seguir utilizando sitios Full Flash, si, sitios Full Flash, bloques monolíticos de animaciones sin contenido indexable, sin contenido muchas veces legible, y hasta con pobres animaciones y diseños que no justifican para nada su desarrollo en Flash.

Chocolate Ricard en buscadores

Hace unos minutos buscaba por curiosidad “gusano ricard” en Google, para ver si mi post estaba indexado y aparecía en la décima, onceaba o doceava página, u otra claro. Para mi sorpresa no estaba ahí, pero al verificar mejor resulto que no estaba por la página 10, si no en la página 1 y en primera posición:

Si bien antes no había visitado el sitio de Ricard, me puse a buscar el motivo de que mi post de 48hs de vida salia primero, y en primera página, por delante de 200 mil páginas y sobre todo antes de la propia marca Ricard, los chocolates Uruguayos más importantes y para colmo su web siquiera aparece en los resultados.

Analizando Ricard.com.uy

Al entrar al www.ricard.com.uy veo una intro, que solo está ahí mostrando el logo en imagen y que ofrece como único contenido un titulo que dice “RICARD”, o sea nada de chocolates, y mucho menos un párrafo de texto indexable. Obviamente ya con esto era imposible esperar que estuvieran bien configurado la www y redirección 301 con http://ricard.com.uy y http://www.ricard.com.uy mostrando lo mismo, o sea que para colmo es, cero contenido y duplicado o bien cuadriplicado, ya que lo mismo muestran en http://plucky.com.uy y http://www.plucky.com.uy. Deberían leer y corregir sobre parking de dominio y solucionar penalizaciones google.

También carece de descripción, por tanto lo que Google y cualquier otro buscador ve de la home del sitio es solamente una palabra: RICARD, lo podemos ver si buscamos: http://www.google.com/search?q=site:ricard.com.uy

Al presionar aceptar en esa injustificada intro, carga un principal.html, que tampoco ofrece otro contenido que no sea la palabra RICARD, y así todo el sitio que en el cache de Google mirando en versión solo texto, no muestra otra cosa que NADA !!!!, lo pueden comprobar acá cache de Ricard.com.uy en Google.

A esta altura y viendo que era todo Full Flash y sin contenido, me daba la impresión de que si buscaba “Chocolate Ricard” o “Chocolates Ricard” en Google, también me llevaría una sorpresa, y si, así fue. La web de Chocolate Ricard, no existe si buscamos Chocolate Ricard en Google, pero si sale segundo o tercero mi artículo del Gusano que encontré en un Chocolate Ricard.

Hasta cuando las empresas y agencias de desarrollo web en Uruguay y la región continuaran intentando Pescar SEO con Flash, cuando entenderán que hacer SEO en Flash no es nada fácil, pero sobre todo cuando van a entender que hoy día la Reputación online de una empresa es muy importante.

Yo se que de 20 o 30 tabletas es la primera vez que encuentro al gusanito diabólico, pero quien busca en Google, lo único que encuentra de Ricard, es la experiencia de un cliente que encontró un gusano en una tableta.

Quizás muchos piensen que nadie busca en Internet antes de consumir o comprar tal o cual producto, pero hoy día es una práctica muy común buscar información en buscadores, redes sociales y foros antes de decidir por un producto u otro.

Post original de: Jorge Oyhenard

Chocolates Ricard

Artículos relacionados:

• Gusanito travieso en Chocolate Ricard
• Búsqueda predictiva de Google
• Ampliar el alcance de la publicidad con Adwords de Google

Como vimos en la línea del tiempo SEO, en Pescando SEO en Flash, y en Indexación y posicionamiento en Google, se requiere tener en cuenta varios elementos a la hora de posicionar sitios webs en buscadores, y el uso de tal o cual tecnología es uno de estos elementos.

El uso o abuso de AJAX suele ser uno de los inconvenientes a la de hacer sitios fácilmente indexables por los buscadores, atendiendo a esto Google nos presenta una guía con los estándares para desarrollos de sitios indexables con AJAX.

Tecnologías para desarrollo Web

Internet utiliza una estructura cliente / servidor, donde por un lado tenemos aplicaciones corriendo en servidores, que pueden estar en asp, java, c#, php, entre otros, pero que es indiferente a para el cliente, o sea el navegador del usuario, o el bot de los buscadores.

Los usuarios en sus navegadores, o el bot, van a recibir y entender código HTML o AJAX ya que se basa en JavaScript y los navegadores también lo soportan de forma nativa, pero también pueden soportar Flash y SilverLigth si tenemos el plugin instalado.

En cuanto esto debe quedar claro que HTML es el lenguaje de la web, por tanto los navegadores y buscadores es con lo que mejor se llevan, para todo lo demás se necesita un tratamiento especial. Llevaran este tratamiento especial los sitios desarrollados en Flash o SilverLigth, o bien la forma en que se procesa e indexa JavaScript y/o AJAX.

En el caso de los navegadores esta bastante resuelto, la mayoría soporta bien JavaScript, AJAX, Flash y SilverLigth, pero en cuanto a los buscadores suele ser un gran dolor de cabeza que los buscadores cumplan con la tarea de rastrear, indexar, y posicionar un sitio Full Flash y más aun uno SilverLigth, donde se sabe menos de SEO aplicado a esta tecnología.

En estos casos los bot, no puede recorrerlos y rastrearlos, por tanto no entenderán la relevancia del contenido y no los posicionaran. En otros casos se posicionan por palabras o frases diferentes a lo que fue planeado, obteniendo resultados casi que al azar.

Con AJAX, en menor medida, puede suceder lo mismo que con Flash, pero se pueden disminuir los problemas usando una buena estructura HTML/CSS y aplicar AJAX no invasivo.

AJAX no invasivo se refiere por ejemplo a conservar los links y la mayor parte del contenido posible como HTML simple, aplicar CSS para el diseño, y usar AJAX unicamente para mejorar la presentación o experiencia del usuario, pero sin necesitar de AJAX para traer y presentar datos que deben indexarse en buscadores.

Un ejemplo de mala práctica, es un sitio de 1000 páginas de noticias que dependa de una acción AJAX tras un buscador para exponer cada noticia, esto es malo porque el bot del buscador no va a ejecutar mil consultas para indexar el contenido, seguramente se vaya del sitio y no indexe nada.

Un ejemplo de buena práctica, es disponer con simple HTML de esas 1000 páginas de noticias y solo agregar AJAX para ordenarlas, rankearlas, o cualquier acción que no bloquee el bot y la indexación.

En definitiva es mejor que tus sitios sigan siendo HTML y CSS puro, agregando AJAX para lo indispensable.

Les comparto la presentación de Google en Ingles

Más información:

• Propuesta para hacer AJAX rastreable

Post original de: Jorge Oyhenard

Estándar Google para Sitios AJAX indexables

Artículos relacionados:

• Que debo aprender para hacer Sitios Web?
• Google Sidewiki para propietarios de sitios
• 10 maneras de mejorar la performance de tus sitios web

Los buscadores suelen ser la forma en que los usuarios encuentran lo que necesitan y de esa forma llegan a un sitio web, para esto, ese sitio debe ser rastreable por los buscadores, de forma que puedan indexarlo y luego posicionarlo.

En definitiva si bien solo se habla de SEO o Posicionamiento en Buscadores, existen muchos pasos intermedios y factores para que nuestro sitios se posicionen en buscadores.

Sitios web rastreables por buscadores

Los sitios web rastreables son los que el bot del buscador puede recorrer sin problemas, “comprendiendo” cuales son sus páginas, la importancia de estas con respecto a las demás y el contenido que posee cada una.

Por ejemplo, el home de un sitio es importante, cada artículo es importante, pero en algunos casos los links a los tags, o categorías pueden no aportar mucho contenido, y en ese caso son menos importante.

La optimización y performance de un sitio web es importante para que pueda ser rastrable, se pueda indexar y luego posicionar en buscadores.

Sitios indexados en buscadores

Luego que el bot rastrea el sitio, en orden de importancia se va indexando progresivamente. Esto quiere decir que quien busque podrá encontrar cada una de esas páginas ya indexadas. Suele pasar un tiempo entre el rastreo y la indexación, que puede ser de minutos, horas o días, dependiendo de la importancia global del sitio, antigüedad, y obviamente el contenido y como este se encuentra presentado.

Sitios posicionados en buscadores

Con estar indexado no es suficiente, ya que la home de tu sitio, o cada página puede estar indexada pero al buscar aparecen en la posición 20, 100, 200 o más. En estas posiciones seguramente ningún usuario que utiliza el buscador va a llegar a tus páginas, por tanto perderás esa visitas. El posicionamiento atiende justamente eso, o sea a salir lo más arriba posible en los resultados de búsqueda. Por lo general es deseable salir en los 10 primeros resultados.

Para esto se requiere mucha paciencia y trabajo ya que el posicionamiento en buscadores es una sucesión y suma de tareas, que comienzan desde antes de montar el sitio y continúan durante toda la vida del mismo.

Post original de: Jorge Oyhenard

Indexación y posicionamiento en Google

Artículos relacionados:

• Formula Google de posicionamiento 200 factores del SEO
• Estándar Google para Sitios AJAX indexables
• Microsoft BrowseRank vs Google PageRank

El café es uno de los vicios en común de muchos los informáticos, y para algunos el complemento perfecto es el chocolate como sucede en mi caso.

Si bien el café me acompaña a diario, algunas veces es bueno agregarle un rico chocolate, y de mis preferidos el de almendras cae perfecto. Obviamente nada de tabletas pequeñas y quedemos con ganas, por tanto mejor que sea una de 140grs.

Pero si vamos a realizar este tipo de deporte aventura y alto riesgo, al hacerlo calmadamente, por piezas, y sin sacarlo del envoltorio, al tiempo que tomamos café, leemos los emails, twitter y facebook, seguramente el no prestar atención nos lleve a que solo al final nos encontremos con el “gusanito travieso de ricard“, por lo demás las fotos hablan por si solas.

Configuración del Sistema:

• Ricard con Almendras
• Elaborado 18/8/2009
• Vencimiento 18/8/2011
• Lugar de compra, Multiahorro 15
• Reclamos al 0800 8478 int 170
• Atención, muy buena
• Veremos que sucede, y si lo cambian o solo se llevan el gusano para debuguearlo

Al parecer no es suficiente con controlar la fecha de vencimiento, ya mismo compro un chocolatedebugueitor 2.0 de los que menciona spamloco en su blog, y espero no me venga la asociación protectora de animales a manifestarse porque me comí seguramente 3 o 4 de estos bichos antes de darme cuenta

Post original de: Jorge Oyhenard

Gusanito travieso en Chocolate Ricard

Artículos relacionados:

• Chocolates Ricard
• CreativaINT y SoloPhotoshop por David Gómez para Café y Negocios Diario El Observador
• Desarmar Nokia 5200 mojado

Hace un tiempo les comentaba sobre un comparativo de navegadores web, y como estos se comportaban con diferentes testing realizados por la gente de Sixrevisions, el tema es que la culpa no suele ser toda de tal o cual navegador, claro a menos que sea IE6, y muchas veces pasa por quien desarrolla el sitio.

Quienes desarrollamos sitios webs debemos mantenernos actualizados de manera de conocer las nuevas tecnologías y mejoras que ofrecen los navegadores, pero también los lenguajes del lado del servidor e incluso los servidores web.

No podemos seguir pensando en llenar nuestros sitios con marcos, o maquetar con tablas y tener miles de líneas HTML inútiles y sin validar, cuando con CSS no solo mejoramos la presentación, si no que disminuimos las lineas, por tanto el peso, requerimientos de servidor, velocidad de respuesta y despliegue por parte de los nuevos navegadores.

No podemos seguir optimizando mal las imágenes y pensar en bitmaps, siendo que cada tipo de imagen GIF, JPG, PNG, tiene su uso apropiado, además el terror de los diseñadores Internet Explorer, hoy día hasta soporta los PNG.

O crear portales de noticias, sitios ecommerce, o catálogos en Full Flash esperando salir primero en buscadores, y luego buscar, buscar y preguntarse porque no encontramos esa información y que paso con el SEO para Flash ?

Y como estos un una gran cantidad de usos y tecnologías web obsoletas y/o mal aplicadas tanto para diseño como para el desarrollo de sitios y aplicaciones web.

Para prevenir algunos de estos temas y apelando a un informe de Sixrevisions, les comparto 10 maneras de mejorar la performance de nuestros sitios web.

Como mejorar nuestros sitios Web

1. Verificar nuestros sitios web para buscar culpables

   Controlar el peso de HTML, CSS, JS, imágenes y su tiempo de carga. En Firefox podemos usar Firebug para esta tarea.

2. Guardar imágenes en el formato apropiado

   Aprender a comprimir y optimizar imagenes es vital, podemos valernos de Photoshop, Gimp, u otros para esta tarea, pero tampoco debemos desconocer las capacidades de cada formato en cuanto a color, soporte de animaciones, tipo de compresión, etc, de forma de saber cual es apropiada a cada imagen.

3. Disminuir el peso de CSS y JavaScript

   Si bien en tiempo de diseño y desarrollo es mejor trabajar con tabulaciones y tener documentos fácilmente entendibles por su claridad visual, al momento de publicarlos, esos espacios, salto de líneas y tabulaciones son peso extra!

4. Combinar archivos CSS y JavaScript para reducir las peticiones HTTP

   Por cada archivo que incluimos en nuestras páginas se realiza una solicitud al servidor, si tenemos varios archivos CSS o JavaScript es conveniente unificarlos, ya que llamando un archivo CSS y un JavaScript solo tendremos 2 peticiones.

5. Usar Sprites CSS para reducir las peticiones

   En vez de que nuestro CSS llame a 40 archivos de iconos y botones y obligar a realizar 40 peticiones podemos combinar estas imagenes en un solo archivo, a esa plantilla con todas las imágenes se le llama Sprite, luego con CSS mostramos la porción de imagen adecuada en cada lugar de nuestro diseño, pero utilizando una sola petición y carga. Esta técnica es buena también para obtener menor peso en la imagen que la suma de muchas y beneficiarnos del cacheado de la misma.

6. Utilizar compresión de archivos en el servidor para reducir el tamaño

   Con esto logramos que el trafico de información entre servidor y cliente sea menor, lo cual significa mayor velocidad. El navegador antes de desplegar el contenido lo descomprime y despliega. Se puede aplicar a CSS, HTML, etc.

7. No usar CSS y JavaScript dentro del HTML

   Los navegadores actuales cachean los archivos CSS, JavaScript, e imágenes, por tanto si nuestras 20 páginas de nuestro sitio institucional usan el mismo CSS, y un mismo usuario navego esas 20 páginas, solo se transfirió el CSS una vez, luego siempre uso la copia local en el cache del navegador, se logra mayor velocidad, menos transferencia y carga del servidor. Si por el contrario incluimos el CSS y JavaScript dentro de nuestro HTML y no en archivos separados, perdimos en velocidad, transferencia y ganamos en peso y lentitud.

8. Incluir archivos y recursos fuera de nuestro sitio

   Utilizar herramientas como FeedBurner que guardan una copia periódica de nuestro RSS y sirven a nuestros usuarios, evita que cada usuario lea directamente y sobrecargue nuestro servidor. Lo mismo sucede si hosteamos imágenes o archivos de descarga en sitios de terceros como Flickr, Picasa, Amazon, entre otros. En el caso de las librerías CSS, AJAX y JavaScript, existen servicios como Google AJAX Libraries que permite cargar desde su sitio librerías y frameworks como jQuery. Una ventaja adicional de esto es que si el usuario visito 1 o más  sitios que usan offsite estas librerías, cargará nuestro sitio más rápido porque ya están cacheados en su navegador.

9. Planifica una estructura optima de tu Web

   Para cada el tipo de usuario y contenido lleva una estructura adecuada, es bueno planificar y probar la estructura del sitio antes de lanzar la versión final. Existen varias técnicas y herramientas, una de ellas es Cuzzillion que justamente permite realizar estas pruebas para encontrar la estructura y orden optimo antes de completar el diseño final de nuestros sitios.

10. Monitorear el rendimiento del servidor y crear puntos de referencia con regularidad

    Tener activas herramientas que recojan información en nuestro servidor es la forma de poder verificar regularmente como evoluciona y funciona nuestro sitio, con estos puntos de referencia podremos ver a simple vista los inconvenientes y solucionarlos de forma rápida. También es importante para verificar el estado de estos reportes antes y después de la aplicación de cualquier cambio.

Espero te sean de ayuda estos tips, y si te interesa alguno mas que otro soy todo oídos (u ojos) para profundizar en próximas oportunidades.

Más info:

• 10 ways to improve your web page performance

Post original de: Jorge Oyhenard

10 maneras de mejorar la performance de tus sitios web

Artículos relacionados:

• Estándar Google para Sitios AJAX indexables
• Google Sidewiki para propietarios de sitios
• Que debo aprender para hacer Sitios Web?

Si bien Google Chrome es rápido y ya cuenta con algunos plugins, se extrañan bastante algunos que utilizo en FireFox, además e irónicamente Google aun no lanza una versión de su Google Toolbar para su propio navegador Google Chrome, es por eso que investigando un poco he ido creando, y coleccionado algunos JavaScript que ayudan en la tarea diaria de quienes diseñamos, desarrollamos, o hacemos posicionamiento de sitios webs.

Tanto en FireFox como en Chrome (y otros), podemos crear Bookmarks o Marcadores, que generalmente son links a nuestras paginas favoritas, pero lo bueno es que también es posible utilizar JavaScript, y con esto reemplazar o agregar funciones, a nuestros navegadores.

La idea de este artículo es brindarte algunos script listos para usar, pero para quienes quieran un pasito mas, voy a comenzar por explicar por arriba el funcionamiento de los mismos.

En la barra de direcciones, donde usualmente escribimos la url de la web a visitar o lo que queremos buscar en Chrome y las ultimas versiones de FireFox, podemos también también escribir código JavaScript, por ejemplo:

Si tipeamos solophotoshop.com, aparece nuestro sitio de tutoriales photoshop

si tipeamos “google noticias”, buscara ese texto

pero lo interesante es si tipeamos javascript:alert(‘Hola’);

Saldrá un cuadro de mensaje que dice “Hola”, esto sucede porque alert() es una función JavaScript, que nuestro navegador ejecuta y muestra un mensaje que indicamos entre los paréntesis y comillas.

Algo sencillo, pero que puede ser potente si combinamos algún que otro código adicional, y a eso vamos.

Además, JavaScript permite crear variables, que recuerdan valores para usarlos más adelante, por ejemplo:

var a = “Hola”; // guarda la palabra hola en a

var b = “Amigo”; // guarda la palabra hola en b

a esto, luego podemos utilizarlo así:

alert(a + “, ” + b); // imprime Hola, Amigo

Si queremos probar en la barra de direcciones de nuestro navegador, lo escribimos todo junto en una línea, así:

javascript:var a=”Hola”; var b=”Amigo”; alert(a + “, ” + b);

Nota: si copias y pegas, cambia las quotes por comillas dobles.

Además de crear variables podemos utilizar otras pre-definidas o las que posee el navegador, como por ejemplo para obtener o mostrar la URL de la página actual, utilizamos location.href , si estando en www.solophotoshop.com en la linea de direcciones escribimos:

javascript:var a=”Hola”; var b=location.href; alert(a + ” ” + b);

muestra  Hola www.solophotoshop.com en un cuadro de dialogo.

Veamos ahora, la forma de conocer cuantas paginas, de un sitio web hay indexadas en Google, y eso se logra buscando en google: site:nombredelsitio.com por ejemplo:

site:solophotoshop.com

nos mostrará y contara cuantas paginas hay indexadas de SoloPhotoshop.

Pero para que nos sirve toda esta teoría ?

La idea es que utilicemos lo que aprendimos hasta ahora, y lo combinemos para obtener resultados, por ejemplo podemos hacer que con 1 solo clic, nos muestre cuantas paginas indexadas tiene Google del sitio actual que estamos visitando, eso lo logramos escribiendo en la barra de direcciones lo siguiente:

javascript:var a=location.href; location.href=”http://www.google.com/search?q=site:” + a;

se entiende ??, … por las dudas y viendo tu cara, va despacito y explicado cada parte del JavaScript en español ….

var a=location.href;

guardamos en a la pagina actual, por ejemplo nos guarda http://www.solophotoshop.com

location.href=”http://www.google.com/search?q=site:” + a;

obliga al navegador a cambiar la url actual (location.href), por un sitio llamado google.com y para pedirle que busque el site: contenido en la varible a, sin olvidarnos que en a estaba almacenada la URL del sitio actual, en mi ejemplo http://www.solophotoshop.com por tanto saltara a este link:

http://www.google.com/search?q=site:http://www.solophotoshop.com/

y obviamente funciona para cualquier pagina donde estemos en ese momento, no solo para solophotoshop.com

Solo resta ahora, agregar esta función a nuestro Bookmark o Marcadores, para no tener que recordarla, en Chrome la barra de marcadores la traemos con CTRL+B y en FireFox con CTRL+D o bien con Ver, Barra de Herramientas, Marcadores.

Luego que ya ves la barra, solo agregas el JavaScript que acabas de aprender, como si fuera cualquier link de tu Favoritos:

javascript:var a=location.href; location.href=”http://www.google.com/search?q=site:” + a;

y le das un nombre adecuado, en mi caso use “Indexadas”.

Espero quede claro, y veremos algunas otras funciones en próximas entregas, si te interesa claro.

Post original de: Jorge Oyhenard

Plugins JavaScript para Chrome y FireFox

Artículos relacionados:

• Chromium desarrollo de extensiones para Google Chrome
• Extensiones SEO y Desarrollo web para Chrome
• Google Chrome Beta para Linux !

El crecimiento de Facebook asombra en todo el mundo, y cada día son más las empresas que crean sus perfiles, páginas o grupos, y hacen bien!

En otros casos los usuarios comunes no se satisfacen con solo conocer que tienen determinado número de amigos.

Igualmente, si bien sirve para todos, veo muy interesante que empresas y sitios webs puedan conocer sus estadísticas con la potencia de Google Analytics en su Facebook, para ellos este interesante tip que proponen y complementan con un desarrollo Webdigi.

Google Analytics en Tu Facebook

El primer problema a resolver es que Facebook no permite la inserción y ejecución de código JavaScript, lo cual imposibilita copiar y pegar el script de Google Analytics que utiliza dicho lenguaje.

Para esto fue que Webdigi desarrollo y comparte la opción de generar una imagen en base a ese script. Esa imagen se genera con un utilitario creado por ellos y llaman Google Analytics link generator for Facebook pages, que nos solicita:

Código de analytics, dominio en analytics, link de la página, titulo de la página, como muestra la siguiente imagen.

Al código generado debemos insertarlo en nuestra página Facebook utilizando HTML o bien FBML (Facebook Markup Language), como sabes Analytics demora unas horas, pero luego de esto comenzaras a ver tus estadísticas de Facebook en Google Analytics.

Si bien se requieren algunos conocimientos básicos de programación y creación de Páginas Facebook me pareció interesante el Tip.

Igualmente para los usuarios avanzados que no quieran utilizar la versión hosteada en Webdigi del link redirection ofrecen el código fuente para hostearla en tu propio servidor. Para quienes programamos paginas o aplicaciones Facebook usando HTML o FBML es sin duda una buena herramienta abierta a recoger muchas estadísticas de nuestro usuarios.

Más info:

• Google Analytics code Generator
• Google Analytics for Facebook Fan Pages

PR: wait… I: wait… L: wait… LD: wait… I: wait… wait… Rank: wait… Traffic: wait… Price: wait… C: wait…

Post original de: Jorge Oyhenard

Estadísticas Google Analytics en tu Facebook

Artículos relacionados:

• Cookies Google Analytics y Orígenes de tráfico
• Google y Bing + Facebook y Twitter
• Chat de Facebook con soporte XMPP