Posts tagged sem

15º Post: SEO/SEM – Guillermo Pareja (@guilleseo)

“El mejor regalo de Navidad”

arbol-navidad-pacman

El mejor regalo que podés hacerte a fin de año.

Estamos en una época donde ya sólo se piensa en el próximo año y se evaluan los objetivos que alcanzamos y cuáles nos hubiese gustado alcanzar.

También se trazan nuevos objetivos, algunos tan falsos como la supuesta dieta que va a comenzar en Enero para estar en forma para el verano próximo (ya escuché esto como mil veces) y otros objetivos por los cuales vamos a poner todo de nosotros e inclusive hasta pongamos en juego otras cosas por ellos.

Otro tipo de objetivo son los que aparecen solos en el trayecto del año sin ser invitados, tal vez incluso hasta se vuelvan nuestros objetivos principales, nunca sabemos con qué oportunidades nos podemos encontrar.

Sin embargo hace unos días recibí un newsletter muy bueno que me dijo algo que ya estoy poniendo en práctica desde hace un par de meses pero que me parece muy útil difundir… el mejor regalo que podemos darnos en el 2010 es un producto propio.

No estoy hablando de fabricarse el siguiente iPhone (aunque si lo podemos hacer, adelante con eso) sino que estoy hablando de algún infoproducto, un proyecto web o incluso nosotros mismos.

Al fin y al cabo somos un producto, nuestro nombre es la marca y nuestros conocimientos, habilidades y actitud lo que nos diferencia de los demás productos.

Siempre que haya una pregunta, va a haber gente dispuesta a pagar por la respuesta… es ahí donde entramos nosotros a darla.

Ya se habló durante este año más que en ningún otro sobre social media, web X.0 y demás así que creo que tocar ese punto sobra y ya es algo que se da por supuesto… que tal si lo optimizamos en el 2010?

Tenemos todas las herramientas para hacer llegar nuestra respuesta (habilidades personales/producto) a la mayor cantidad de gente que la necesite, si todavía no tenemos preparado el producto o la forma de presentarnos como marca, tenemos todo un nuevo año para hacerlo.

Lo importante es crear algo útil, planear la forma de entregarlo (descargas, producto físico, charlas en vivo en caso de que el producto sea conocimiento, etc) y buscar la forma de darle continuidad en el tiempo (nuevas versiones, actualizaciones, etc)… Este regalo cuesta mucho tiempo y esfuerzo, pero da resultados a largo plazo.

Este es mi último artículo en MKT Blog por este año y más que un artículo es sencillamente un saludo y un deseo.

Que la pasen bien.

8º Post: Programación – Francisco Cabezas (@fcocabezas)

Hoy tenemos un nuevo post de Programación que nos escribe nuestro vecino Francisco Cabezas (@fcocabezas) desde Chile. Muy interesante y útil post para todos los usuarios y fanáticos!

NO SE LO PIERDAN!

“13 plug-ins/tutoriales recomendables usando jQuery”

En nuestro primer post se hizo una introducción a jQuery que en su forma más práctica, osea, para quienes no programan no tiene una utilidad final muy clara.

Para ayudar en la visibilidad de para que sirve jQuery podriamos decir que lo utiliza Google, Dell o Wordpress.

img1

Claramente estos sitios son buenos ejemplos de la utilidad de jQuery y lo que se puede lograr con buenas prácticas de programación. Pero para ser más entretenidos y útiles para quienes quieren hacer un nuevo sitio utilizando esta herramienta, es mucho más útil conocer lo que puede lograr con algunos plug-ins. A continuación una muestra.

Galería fotográfica

Galleria es como dice su nombre, una galería de imágenes escrita en jQuery. Permite cargar las imágenes de una lista no ordenada, desplegando miniaturas que al ser seleccionadas muestran la imagen en mayor tamaño. El efecto de “loading” es muy elegante. Para verlo en acción usa este demo.

img2

Panel de Login dinámico

Esto no es estrictamente un plug-in pero clasifica por su utilidad, ya que es un panel de login que se oculta o muestra según la necesidad, lo que maximiza la superficie disponible para el sitio en cuestión. Quienes han desarrollado un portal con anterioridad agradecerán esta funcionalidad. Para verlo en acción, usa este demo.

img3

FormToWizard: Un Formulario con esteroides

FormToWizard permite hacer de un formulario un verdadero wizard. Para verlo en acción usa este demo.

img4

jNice

jNice es un artilugio permite hacer de un formulario, un elemento gráfico independiente del browser en que se vea. Cuántas veces un cliente te ha preguntado porque el botón del formulario es tan feo? Para verlo en acción usa este demo.

img5

Ingrid

Ingrid permite dar funcionalidad de grilla a una tabla. Ordenar por columnas, cosa de niños. Para verle en acción usa este demo.

img6

jQuery checkbox

Este plug-in permite darle el look & feel de los checkbox tipo iPhone a los checkbox de tu formulario. Deseas verlo? Usa este demo.

img7

jQplot

jQplot es el plug-in por excelencia para realizar gráficos on the fly. Esta tecnología no usa imágenes, sino que dibuja usando “canvas”. Dado que IE no soporta canvas, existe el respectivo parche. Para verlo en acción, se pueden aburrir con la página de ejemplos.

img8

Uploadify

Uploadify permite crear formularios de subida de archivos con un look & feel elegante y una usabilidad agradable para el usuario de nuestra página, entre otras cosas, barra de progreso y soporte para subir varios archivos. Obsérvalo en acción en este demo.

img9

Ajax Fancy Captcha

Este plug-in es una excelente solución para proteger los formularios de robots y spammers, bueno, bonito y barato. Su respectivo demo está inserto en la página del plug-in.

img10

Tooltip mejorados

Muchas veces es necesario darle un toque mas humano a los elementos con los que se enfrenta el usuario en nuestra página. Uno de esos toques se puede lograr con tooltips de ayuda.

Míralo en acción en este demo.

img11

Password Strength

Si quieres que tus usuarios puedan saber lo fuerte de sus password, este artilugio será un dulce para ellos. La idea del plug-in es mostrar cuanto tiempo tomaría descifrar la clave por fuerza bruta. El demo está inserto en la página del plug-in.

img12

SexyDropDownMenu

SexyDropDownMenu es una solución para hacer un menú totalmente operativo y ajustable para cada diseño. Para verle actuar, aquí está el demo.

img13

jQDock con esteroides

Y para dejarles sin aire a los amantes de la usabilidad de Mac OS X, aquí les dejo este candy. Sin comentarios.

img14

Finalmente

Es de esperar que este largo, pero gráfico artículo le sirva tanto a diseñadores, programadores y CEO’s para saber cuanto más pueden lograr usando jQuery haciendo de sus sitio una experiencia gratificante, de modo que el usuario vuelva, y lo que es mejor, haga correr la voz a favor nuestro.

7º Post: SEO – Guillermo Pareja (@guilleseo)

Como todo Miércoles tenemos nuevamente a Guillermo Pareja hablándonos de SEO/SEM y en esta salida nos pondrá en contacto y nos explicará un poco más de la famosa “Teoría del Long Tail”

A NUTRIRSE!!!

“La teoría del Long Tail”

800px-Long_tail.svg

La teoría del Long Tail fue primero concebida para explicar el éxito de las tiendas de e-commerce comparándolas con las tiendas “físicas”.

Esta teoría se basa en que por razones de espacio en las tiendas físicas cada artículo debe ganarse su espacio en las estanterías y asegurar una cantidad de ventas mínimas al mes, limitando así la variedad de productos a vender.

Las tiendas de e-commerce generalmente guardan las mercaderías en depósitos o a veces ni siquiera necesitan tener ninguna mercadería, sencillamente comunican al vendedor con el comprador a cambio de una comisión, debido al casi nulo costo para ofrecer el producto (a veces solo espacio en el servidor) se puede ofrecer una amplia gama de productos menos populares que en una tienda convencional y en conjunto pueden generar grandes cantidades de ganancia.

La teoría del Long Tail sería una especie de principio de Pareto invertido y también se aplica a las búsquedas en internet.
Mientras que las palabras clave más populares dentro de nuestra temática nos van a traer grandes cantidades de tráfico, este tiende a ser muy amplio y poco específico (esto no significa que no tenga valor).

Es acá donde entra en juego la ley de Zipf, por ejemplo, dentro de cualquier libro las palabras que más se repiten son “el”, “la”, “y”, etc. Sin embargo estas palabras pueden significar cualquier cosa y aplicarse a casi cualquier situación.

Llevando esto a un caso práctico de optimización puedo compararlo a un hipotético cliente que vende muebles de madera, mientras más amplio es un término de búsqueda atrae mayor tráfico y al mismo tiempo hay más competencia por él, mientras que para términos más específicos hay menor cantidad de tráfico y menor competencia, pero el tráfico es mucho más calificado.

Si este cliente buscara posicionarse por la palabra clave “madera” debería invertir mucho más que por otros términos más específicos, obtendría mayor cantidad de tráfico, pero este tráfico puede ser por citar un ejemplo, de estudiantes buscando información para un trabajo práctico o de ecologistas buscando información sobre la exportación de madera y las consecuencias ambientales.

Sin embargo las palabras claves “puertas de madera”, “cunas de madera” y “mesas de madera” tienen mucha menos competencia y el tráfico a pesar de ser también mucho menor es mucho más calificado y con mucha más intención económica.
Al sumar el tráfico que podemos obtener posicionándonos bien para una variedad de palabras claves específicas este se vuelve bastante interesante tanto en cantidad como en calidad.

Todavía podríamos optimizar para palabras clave mucho más específicas como “venta de cunas de madera” o “cunas de madera para bebés”, que tal vez solo nos den un par de visitas al día pero que tienen gran posibilidad de derivar en una venta ya que el visitante sabe lo que está buscando.

Es en esto lo que se basa la teoría del Long Tail para búsquedas, del mismo modo que una tienda de e-commerce tiene la posibilidad de ofrecer una gran variedad de productos poco populares y para una audiencia muy específica, nosotros podemos sacar ventaja de optimizar las distintas páginas de nuestro sitio web para muchas búsquedas “poco populares” pero muy específicas y que en cantidad pueden darnos un tráfico mayor que si optimizamos para pocas palabras clave muy populares.
Según estudios de patrones de búsqueda de Google, se estima que aproximadamente la mitad de las búsquedas del mundo que se realizan cada día son únicas.

6º Post: Gov 2.0 – Daniel Abadie (@Dan_Abadie)

Hoy quien nos deleitará con su primer post sobre Gov 2.0 en el blog es: Daniel Abadie (@Dan_Abadie). Dan se considera a si mismo un tecnologo 1.0 & social media crack 2.0. Es coder desde los 11 años, sobreviviente de la burbuja 1.0, escribe su propio blog http://www.danielabadie.com.ar y durante su inquieta vida se ha inundado de un maremoto de hazañas.
Hoy nos presenta: “5 Tips Para Arrancar En Administración Electrónica”

A LEER SE HA DICHO!

“5 Tips Para Arrancar En Administración Electrónica”

Este post nace de la necesidad de empezar a pensar en el gobierno como una entidad que debe estar disponible las 24hs, independientemente del gobierno de turno, la administración debe encarar las políticas 2.0 como una cuestión de estado. durante los próximo post abordaremos mas en profundidad los conceptos que aquí definamos o también podemos avanzar según los commments que recibamos.. seamos espontáneos acá q podemos ;)

5 tips que todo gobierno debería implementar para avanzar hacia la administración electrónica.

El Outlook sirve para otra cosa además de leer mails de chistes en cadenas

Declarar como única forma de contacto interno al correo electrónico. Eliminar las notas, memos, informes y demás cosas que viajen de una oficina en otra en papel. Es cualquiera que se tarde 4 días en enviar una nota que físicamente solo debería recorrer 2 metros.

24×7 no solo es una cuestión de tamaños.. es una cuestión de servicio!!!!

Empezar ofreciendo servicios online, a través de la pagina web, agregando formularios de inscripción puede ser un camino simple de encarar, sin entrar en mucho gasto y que es una manera de ir reduciendo tiempos de tramite.

Las redes sociales no son solo una cara bonita

No sirve para un reverendo carajo crearse un perfil de Facebook, Twitter, crear perfiles de los organismos si después no les van a dar contenido ni interactúan con los usuarios. Hay que buscarle la vuelta a los servicios para acercarlos a la gente. ser sociable no esta mal, nos lo enseñan desde el jardín de infantes ;)

Díganle no al diario intimo de estadísticas

La administración publica tiene un vicio que es contar las cosas, todo lo que se hace hay que poder resumirlo en una estadística para que los altos mandos puedan tomar decisiones que después impactan en todo nosotros. No hay nada peor que una organización desinformada, por favor disponibilizen la información, user Jasper Reports para las bases de datos, Wikis para proyectos o Alfresco para intercambiar docs, si son cool usen Google Docs :P

There’s no I in Team

No hay manera de poder encarar esto como una lucha de quijotes, uno debe apoyarse en un equipo que confié en el proyecto. Buscar la manera de involucrar a la gente que esta en esto hace muchos años, escucharlos y hacerlos participes del proyecto. De nada sirve encarar la digitalización de los procesos si la gente no esta convencida. Uno debe contenerlos y nutrirlos de buenas capacitaciones para alcanzar los objetivos deseados.

3º Post: Programación – Francisco Cabezas (@fcocabezas)

Hoy tenemos la oportunidad de presentar a Francisco Cabezas (@fcocabezas) que nos escribe desde el país vecino Chile! Está muy felizmente casado y es padre de dos hijos. Con este post va a estar inaugurando la categoría Programación y luego de éste nos estará presentando dos títulos más: “10 plug-ins recomendables” y “Cosas que hay que saber de jQuery”

AHORA SI! DISFRUTEN DEL ARTÍCULO!

¿Por qué usar jQuery?… ¿Para hacer qué?

jquery

Primero, ¿qué es jQuery?

Lo que dice el sitio web de jQuery es que es una librería de Javascript que persigue:

• recorrer documentos HTML,
• manejar eventos,
• animación, y
• interactuar con Ajax,

todo esto para conseguir un desarrollo de sitios web rápido con un buen soporte para distintos navegadores. Pero esto no es todo, porque además prometen un cambio en la forma de escribir en Javascript y, es verdad.

El primer concepto importante para entender es que jQuery funciona a base de selectores. La función básica de jQuery retorna un arreglo con los elementos que hacen match con el selector.

Ej:
$(”.myClass”) retorna todos los elementos que tienen una clase myClass.
$(”input”) retorna todos los elementos tipo input.
$(”#myId”) retorna un arreglo con el elemento cuyo id es myId, siempre que este exista.

Por supuesto, se pueden hacer selectores con combinaciones variadas. Se puede consultar un detalle en http://docs.jquery.com/Selectors.

¿Por qué un arreglo de elementos?

Una buena forma de entender la potencia de los selectores es a través de ejemplos. Supongamos el siguiente código:

$(”input”).addClass(”highlight”)

Con esto, se agregará la clase highlighta todos los elementos tipo input.
Pero, esto no es una super característica. Déjenme agregar algo de código a la línea anterior:

$(”input”).filter(”:checkbox”).addClass(”highlight”)

Con este código, podemos aplicar la clase highlight sólo a los elementos tipo input que sean checkboxes. Quizás tu puedas pensar que esto no representa una real ganancia porque esto mismo se puede hacer al escribir el HTML respectivo, pero déjenme agregar algo más:

$(”input”).filter(”:checkbox”).bind( ‘focus’ , function ()
{
$(this).addClass(”highlight”);
});

Este código selecciona todos los elementos tipo input, filtra sólo los que son checkboxes, y por cada uno de ellos asocia el evento “focus” una función anónima que agregará la clase “highlight” cuando el elemento tenga el foco. Intente hacer los mismo sólo con javascript. Esto si es un avance real. Existen un montón de eventos para manejar.Para una lista completa visitar http://docs.jquery.com/Events.
Además, tu puedes cambiar/animar/manejar cualquier contenido de cualquier elemento del DOM.
Por supuesto, cuando se usa AJAX, se puede desarrollar el sitio que desees, atractivo, fresco y sencillo para el usuario final.

Pero, aún escribo mucho código ¿por qué insistir?

He aquí donde está el real poder de jQuery. La última versión mejoró enormemente la arquitectura de plug-in. Esta característica permite conseguir/desarrollar/adaptar un montón de código que ya existe para usarlo.
Por ejemplo, puedes visitar el sitio web de UI http://jqueryui.com/. Es un conjunto de herramientas disponibles para usar como calendarios (datepicker) o ventanas de dialogo (dialog) llamados widgets. También hay efectos.
jQuery-UI-Library-DatePicker-_thumb
Además, existe una lista oficial de plug-ins como http://plugins.jquery.com/ casi todos con ejemplos y buenos tutoriales.
No es necesario mencionar que si buscas en google “plugin jquery” conseguirás más de 2.000.000 de páginas. La mayoría de los plug-ins están listos para ser usados, con demos también.

¿Dónde comenzar?

Si lo deseas, puedes comprar un libro como jQuery Enlightenment, Learning jQuery o jQuery in Action.
3logosjquery

jquery-logo-b_thumb
De todas formas, yo aprendí usando sitios web como los siguientes (i.e. si yo pude, no es tan difícil):
http://www.jquery.com Sitio web oficial.

JQuery_UI_Logo_thumb
http://jqueryui.com/ Sitio web de los UI( recomandado, no invente la rueda una vez más)

image35_thumb
http://plugins.jquery.com/ sitio web con muchos plug-ins.
http://jquerylist.com/ sitio web con un listado visual de plug-ins y widgets útiles( recomendado como resumen).

vjq_thumb
http://www.visualjquery.com/ sitio muy útil para buscar la referencia de las funciones de jQuery.
javascript-cheat-sheet-v1_thumbhttp://www.addedbytes.com/cheat-sheets/download/javascript-cheat-sheet-v1.png Una útil “cheat sheet” para quienes conocen de javascript y necesitan un ayuda memoria.

¿Conclusiones?

También hay muchísimos widget y plugins para ser usados esperando por tí, sólo úsalos! Supongo que esto contesta la pregunta del primer párrafo, ¿jQuery hace qué?
jQuery es un framework recomendable. Si alguien está escribiendo un montón de código javascript, intente con jQuery. Esta herramienta es muy poderosa por que tiene selectores, funciones predefinidas útiles y tiene soporte para casi todos los navegadores.

2º Post: SEO – Guillermo Pareja (@guilleseo)

Este 2º Post lo va a estar presentando Guillermo Pareja, un desarrollador web convertido 100% al marketing online después de una “revelación”, según cuenta en su blog http://www.guillermopareja.com/Y nos va a hablar a lo largo de sus post sobre SEO, SEM, PPC, Email Marketing y todo lo referente a promocionar algo en internet.

AHORA SI! EL ARTÍCULO!

“Introducción al Search Engine Optimization (SEO)” by Guillermo Pareja

guille2
No me creo un “experto” ni tampoco un “maestro” y en este artículo en particular no cuento nada de otro planeta, pero es una muy buena introducción a los fundamentos de la optimización para motores de búsqueda para aquellas personas que quieran introducirse a esto que más que ciencia llega a ser un arte.

Seguramente ya estuvieron buscando información sobre el tema y vieron algún que otro “truquito” para posicionarse fácilmente en las primeras posiciones, realmente todo esto es mucho más natural que todos esos trucos ya que con un simple cambio de algoritmo en los motores de búsqueda suelen caer en los oscuros abismos de los SERP (search engine result page) sin embargo la naturalidad se ve siempre beneficiada de estas mejoras a los motores.

Hay libros y libros de cientos de páginas referentes a este tema pero hay una famosa frase que resume todo “Content is King”, y si el contenido es el rey, los enlaces (tanto internos como externos) son su reina.

Ahora veamos qué es cada uno y cómo funcionan juntos.

¿Qué es el contenido?

El contenido es eso mismo, la información que esta dentro de tus páginas y es lo que da significado a los motores de búsqueda, todo lo que quieren es sencillamente dar el mejor contenido posible a sus usuarios. Nuestro trabajo consiste en crear contenido realmente útil y fresco para nuestros usuarios, el contenido es el rey.

Sin embargo por más bueno que sea nuestro contenido hay un factor sin el cual nuestro contenido carece de valor, hay una analogía que explica esto muy bien, pensemos en nuestro contenido cómo páginas separadas de un libro, sin estar debidamente vinculadas a las demás páginas del libro se encuentran fuera de contexto, es ahí donde entran los enlaces a jugar su rol de reina.

Enlazando

Son los enlaces los que une las páginas de contenido para formar el “libro” del que habíamos hablado, los enlaces dan contexto, secuencia, comparación y contraste a nuestras páginas, es esta estructura de páginas enlazadas las que hace que la red sea… una red.

Ambos factores tienen el mismo nivel de relevancia a la hora de pesarlos en la balanza, ya que una página de contenido pobre no va a funcionar ni con todos los enlaces del mundo y una página con el mejor contenido tampoco sirve si esta aislada del resto de la red.

¿Como funcionan juntos?

Nuestro contenido y nuestra estructura de enlaces tienen que satisfacer tanto a humanos como a buscadores, satisfacer a los buscadores nos da tráfico y el tráfico nos da ventas (o cual sea tu objetivo).

¿Qué quieren los humanos?

Bueno, básicamente quieren un texto que sea facil de “escanear” con la vista, parrafos bien escritos, negritas en los puntos importantes, las partes más importantes de un artículo separadas por subtitulos, un título que explique de qué vamos a hablar, etc, por supuesto también esperan contenido de calidad que realmente les ayude a solucionar el problema por el cual realizaron su consulta en el buscador.

Los humanos a diferencia de las máquinas vienen con una paciencia con límite, nuestras páginas no pueden tener una duración “infinita” donde hablemos de mil cosas, es mejor dedicar cada página a algo específico y vincularla con otras que traten sobre otros temas similares y que puedan ser de su interés.

Los vínculos entre una página y otra tienen que “decir la verdad” puesto que ninguno nos gusta ser engañados, utilizar anchor text engañoso en tus vínculos solo te va a perjudiciar.

¿Qué quieren los motores de búsqueda?

Básicamente lo mismo que los humanos, quieren contenido de calidad que ayude a sus usuarios y quieren ponerlo frente a todo el mundo, la forma de “pensar” de los algoritmos de los motores de búsqueda no es muy distinta a la del humano y cada vez se hace más semejante, es intuitivo saber que los títulos y titulares de nuestra página tienen un peso especial a la hora de catalogarla.

Ahí tambien entran en juegos los enlaces, ya que dan el “visto bueno” para decirle al motor que realmente estamos hablando del tema que decimos hablar, podríamos decir que se aplica el famoso dicho: “dime con quién andas y te diré quién eres”.

En síntesis.

Entender las necesidades de los humanos y de los motores de búsqueda nos hace comprender que el juego del posicionamiento web realmente trata del simple hecho de crear buen contenido y luego hacer saber al motor que nuestro contenido es realmente útil dentro de nuestro tema para alcanzar buenas posiciones, al fin y al cabo la premisa #1 de Google es dar al usuario exactamente lo que busca.

Suena muy simple, pero en esta profesión del SEO hay muchos gajes del oficio por aprender, no todos los vínculos valen lo mismo, no todo el contenido es igual, por cuáles palabras clave realmente queremos posicionarnos? cómo traer tráfico que realmente sea de calidad? estamos solos en el mundo?

Al fin y al cabo la premisa #2 de Google es “no todas las páginas son creadas por igual” y es ahí donde vamos a gastar la mayor parte de nuestro esfuerzo, en ver la forma de entregar nuestra información en bandeja de plata a los robots de los buscadores y darles razones para que vean que la nuestra no es solo “una página más”.