Now you can Subscribe using RSS

Submit your Email

lunes, 6 de diciembre de 2010

Web en Dispositivos Móviles parte 6

Unknown
Continuando con el tema de los dispositivos móviles, siempre es bueno tener información a la mano de del uso que se les da hoy en día todo lo referente a este dispositivo.

Wilson Electronics Inc. publicó recientemente este interesante infographic que muestra el uso demográfico de los celulares.

Este infographic muestra el número de celulares en varios países. Se menciona que México tiene 0.67 celulares por persona, con un total de 75,304,000 celulares.

15% de los Americanos contestan su teléfono celular durante el sexo. 80% de los adolescentes tienen un dispositivo wireless. 50% de los adolescentes pueden enviar mensajes de texto con los ojos vendados. Esto último no significa que se debe de conducir y enviar SMS.

viernes, 19 de noviembre de 2010

Web en Dispositivos Móviles parte 5

Unknown
Continuando con el tema de los dispositivos móviles, en mi post Web en Dispositivos Móviles parte 4 comenté un poco más referente al uso de @media para iPhone y iPad que he visto en ottos blogs. Además de la creación de un sitio paralelo al sitio principal.

eMarketer, Mobile Users Prefer Browsers
 over Apps
El día de hoy quiero compartirles una información que considero importante para quienes queremos crear un sitio web para dispositivos móviles. Claro todos queremos que nuestro sitio se vea bien en IE7, IE8, Fire Fox, Safari, Opera, Chrome pero todos sabemos que esto no siempre es fácil y menos cuando nuestro cliente quiere un flash gigante en la portada.

Si consideramos el artículo Mobile Users Prefer Browsers over Apps, publicado por eMarketer. Podemos entonces decir que lo que necesitamos en este momento es crear un sitio para estos dispositivos. Claro habrá que hacerlo pronto, por que tal vez en un año la gente prefiera las Apps over Browsers.

Buscando en el Internet me he topado con este artículo muy interesante que ilustra otro ejemplo más de como crear un sitio para dispositivo móviles de una manera inteligente.

Conocimientos necesarios: JavaScript, AJAX, PHP & XML (obvio HTML, CSS, RSS). Net Tuts publicó How to Build an RSS Reader with jQuery Mobile y podrán notar que es una forma "sencilla" y ordenada de colocar información en este tipo de dispositivos, claro no es el mejor diseño, pero eso ya cada uno puede mejorarlo. El proyecto tiene como objetivos:

  • Desplegar una lista de cada Tuts+ site, junto con su logo.
  • Desplegar el feed de cada sitio, cuando se le de click.
  • Crear un una hoja de estilo básica para presentar cada post.
  • Crear un Apple-touch icon para los usuarios que deseen agregar el app en su teléfono.
  • Utilizar YQL (Yahho! Query Language) para llamar el RSS deseado.
  • Implementar de forma básica un "text file" para hacar caching cada tres horas.
Las ventajas que le veo a este esquema es que estará completamente automatizado en su actualización con un esquema de 3hrs de cache, lo cual lo hace más eficiente.

Aun y cuando no se haga toda la implementación como lo hace Net Tuts, hay muchos datos que puede ser de utilidad como la creación del icono para que los usuarios lo agreguen el sitio a sus teléfonos.

Ahora sí, a divertirse.

viernes, 12 de noviembre de 2010

Web Designers Vs Web Developers

Unknown
Bueno ya es viernes. En esto del Web siempre ha sido marcada muy firmemente la diferencia entre un Web Designer y un Web Developer. Así que me topé con este infrographic muy interesante que espero sea de su agrado.

free website builder
Web Designers vs Web Developers is brought to you by Wix.com
Use creative design to make a Free Website
You are most welcome to share this infographic with your audience.

Problema cuando tienes una MacBook Pro, prefieres el café y tienes una camiseta con la leyenda: "There is no place like 127.0.0.1".

lunes, 25 de octubre de 2010

Cuál es la mejor manera de mejorar mi rank en los búscadores? SEO o Paid Search?

Unknown
Todo aquel que desee ser respetado como Marketing Technologist. Debe tener una buena respuesta cuando le pregunten ¿Cuál es mejor estrategia para mejorar la posición de mi sitio en los resultados de los motores de búsqueda?

Entonces, lo que haré será responder alguna de las siguientes opciones o combinación de ellas.

SEO exclusivo
Wikipedia: "Search engine optimization (SEO)...is the process of improving the visibility of a web site or a web page in search engines via the "natural" or un-paid ("organic" or "algorithmic") search results .Esto agregado a lo ya mencionado en mis posts: Search Engine Optimization SEO ¿Qué es? (HTML Tags y Keywords) y Search Engine Optimization parte 2 (inforgraphic y más keywords).

Habrá personas que estén interesados en establecer mecanismos donde sólo se utilice SEO y pudiera ser por alguna de las siguientes razones:
  • cansados de pagar por cada click
  • desilusionados de los resultados obtenidos
  • Tarda mucho tiempo
  • Requiere de mucho trabajo
PPC Exclusivo
Wikipedia: "Pay per click (PPC) is an Internet advertising model used on websites, in which advertisers pay their host only when their ad is clicked. With search engines, advertisers typically bid on keyword phrases relevant to their target market."

De manera alternativa mucha gente prefiere estrategias de PPC y... nada más. Aún y cuando se tenga un presupuesto limitado la gente puede "prender" o "apagar" la campaña a su necesidad, generar segmentos más sencillos de controlar que con campañas SEO. Además PPC permite hasta cierta forma lograr un cierto ROI si la campaña es manejada de forma efectiva: "Si gasto X cantidad, obtendré de regreso Y cantidad". Muchas veces es más sencillo explicar PPC a las personas que SEO, muchas veces SEO es considerado como voodoo o como algo que no tiene futuro, me ha tocado mucho de esto en México.

SEO + PPC
Una opción acertada que pudiera ser una excelente mezcla es SEO + PPC. Preparar la arena para que el lanzamiento del proyecto esté preparado para todo lo referente a SEO y que tengas algo de presupuesto para invertir en PPC. Cada estrategia considerada de forma independiente como dos grandes titanes.

Ahora una presentación interesante de Daniel Riveong que compara SEO y PPC.

Ahora si, la decisión de que estrategia es la mejor depende de los medios, los objetivos, el presupuesto, el tiempo disponible, etc. Es cosa de cada uno hacer pruebas, pruebas, y más pruebas.

viernes, 22 de octubre de 2010

Web en Dispositivos Móviles parte 4

Unknown
Bueno ahora la parte 4 de este tema interesante y para darle continuidad al post: Web en Dispositivos Móviles parte 3.  En este último les comenté referente a una presentación que tiene como base la utilización de @media queries.

Ahora bien, continuando con la investigación para llevar un sitio web a un dispositivo móvil que fue lo que detonó toda esta secuencia, me topé con una referencia más para @media con anotaciones referentes a iPhone 4 y iPad que creo importantes compartir.

Es importante resaltar que @media es una propiedad de CSS3. Como lo menciona en: CSS3 Media Queries. En este artículo se muestra un DEMO donde al cambiar de tamaño el browser se producen cambios de color que están definidos por los CSS.

Para iPhone
@media screen and (max-device-width: 480px) {
    .class { background: #000; }
}

Para iPhone 4
Es necesario establecer un CSS específico:
<link href="iphone4.css" media="only screen and (-webkit-min-device-pixel-ratio: 2)" rel="stylesheet" type="text/css">

Para iPad
Detectar cuando es landscape o portrait
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

Ya el diseño depende de cada quien, al final del día esto sigue siendo código y más formas de hacer que el código sea interpretado de forma correcta. Pero tal vez algunos de ustedes, al igual que yo, tengan sitios muy grandes además de tienen muchas monerías (flash) en ellos, que el sólo hecho de pensar en como hacer que se vea bien en un móvil produce dolores de cabeza.

Tuve chance de leer CSS Media Query for Mobile is Fool’s Gold que me parece muy interesante y mas si recordamos la segunda presentación Rethinking the Mobile Web. No podemos tomar un sitio que fue diseñado para computadoras normales y tratar de apretarlo o apachurrarlo hasta que quepa en un dispositivo móvil.

Es mejor, tal vez sea más trabajo, considerar la creación de un sitio paralelo que sea enfocado 100% a los dispositivos móviles. Partiendo del principio que no se lee igual, no debe tener tanto contenido, ni debe tener flash y mucho menos perros bailando en la portada.

De esta manera el sitio original permanecerá intacto, cumpliendo con el objetivo: verse bien en Safari, Fire Fox, Opera, Chrome, IE6, IE7, IE8 y hasta IE9 (todos estos para el caso de México). Y un sitio exclusivo para: iPhone, iPhone 4, iPad, Blackberry, Android, etc. Cada uno con diferente sitemap y contenidos enfocados al tipo de lector.

Saludos

Search Engine Optimization parte 2

Unknown
Para continuar con el tema de SEO de mi post anterior: Search Engine Optimization SEO ¿Qué es?. Me he topado con un gran Infographic.

Del artículo: SEO In Pictures – Our SEO Infographic. De la autoría de Matt, Head of SEO de Datadail nos comenta mas referente al punto.

Se abordan los temas:

  • Keyword research: Importante The Long Tail
  • Site Arquitecture & Structure: Google no rankea sitios sino páginas.
  • Page optimization: Utilización de los Keywords en la página.
  • Link Building
  • SEO Tactics
  • Linkbaiting & Social Media: El efecto de Social Media
  • SEO vs PPC: Comparación entre las dos estrategias.

Saludos.

SEO FAQs

jueves, 21 de octubre de 2010

Nuevo Twitter: ¿Qué es? y ¿Cómo emular su diseño?

Unknown
@eddmendoza
Posiblemente muchos de ustedes ya están usando el nuevo Twitter (@eddmendoza). A mi me a parecido genial, es mucho más amigable y con mejores capacidades.

Sin importar para que lo uses, ya sea para cosas políticas, noticias, decirle al mundo que desayunaste, comentar cosas cuando estás borracho o sólo para decir buenos días al mundo.

Les comparto este artículo publicado en WDS, New Twitter design guidelines and free PSD layouts for standard resolutions. En este artículo se mencionan las cosas nuevas y las dimensiones para poder generar el background de tu twiiter de acuerdo a la resolución del monitor.

Twitter on paper
De lo nuevo a manera de bullet:
  • Top bar: Donde podrás tener acceso sencillo a la barra d búsqeuda, tu perfil, los mensjaes y lo settings.
  • Panel izquierdo: Para tweets y mensajes.
  • Panel derecho: mantiene algunas cosas de la versión anterior pero ahora se muestran de una forma mejor organizada.
  • Keyboard shortcut: Accesos rápidos.
  • Embeded de fotos: Ahora puede colocar fotos en tus tweets, las fotos deben ser embeded de  Flickr, TwitPic y YFrog.
  • Embeded videos: Puedes colocar videos embeded de YouTube y Vimeo
Ahora bien, en el artículo se dan instrucciones de tamaños, px de espacio para diferentes resoluciones, así que no dejes de checarlo si quieres mejorar el bg de tu Twitter.

Nunca está de más un buen Infrographic para tener un mejor panorama de las cosas, ¿cierto? Así que le dejo Twitter on paper. La imagen fue tomada de http://thenextweb.com/ publicada el 15 de Abril de 2010 por Zee, Editor en Jefe de The Next Web.

Para los que desean emular el diseño y la forma en que se despliega este nuevo twitter ya sea para algún sitio o app que estés desarrollando te dejo la siguiente liga de 9LESSONS, New Twitter Design with CSS and JQuery. Se ve que puede ser de mucha utilidad.

Saludos.

miércoles, 20 de octubre de 2010

Search Engine Optimization SEO ¿Qué es?

Unknown
En el mundo del web todo hemos escuchado alguna vez el termino Search Engine Optimization (SEO). Me he dedicado buscar referencias para tratar de hacerlo sencillo, espero que sea de ayuda.

SEO Definición
Wikipedia: "Search engine optimization (SEO)...is the process of improving the visibility of a web site or a web page in search engines via the "natural" or un-paid ("organic" or "algorithmic") search results."

Ahora que ya tenemos una definición empecemos con el CODE de HTML ¿Qué le agrego o quito a mis páginas para poder iniciar con esto? Es importante poner atención en los siguientes tag de HTML.

Title Tag:
<head><title>Keyword + Título de la página</title></head>

Headers Tags:
<h1>Header tag más importante</h1>
<h2>Segundo header tag más importante</h2>
<h3>Tercer header tag más importante</h3>

Bold/Strong:
<b>Keyword</b>
<strong>Keyword</strong>

Image:
<img src="imagen.jpg" alt="keyword"/>

Hyperlink:
<a href="" title="keyword">texto keyword</a>

Referente al tema de los Meta tags siempre hay controversia, algunos dicen que sí son utilizados, otros dicen que simplemente no se usan para nada. Pero no me gustaría dejarlos fuera, citando a  Phil Bradley mencionaré 2:

<META name="description" content="una descripción de tu página">
<META name="keywords" content="una, lista, de, keywords">

Los HTML tags anteriores son los que considero más importantes desde el punto de vista código.

Content is King
Ahora pasemos a algo más importante y que nunca demos olvidar: Content is King. Aun y cuando se pongan todos los tags y se utilicen los mejores Keywords, la mejor descripción, etc. No significa que el sitio estará optimizado. El contenido del sitio siempre será lo más relevante. Nunca olvidar Content is King para más detalle he leído un artículo de http://www.techknowsys.com/ llamado: Why Content is King in SEO, donde básicamente se menciona que años atrás con llenar los contenido de Keywords era suficiente, hoy en día tiene mucho que ver la Calidad y la Cantidad del contenido de las páginas.

SEO & Google
Siempre es importante tener algo con que sustentar los argumentos. Y por si desean más información, esta liga es muy interesante: Search Engine Optimization Starter Guide - Google, verán que es de mucha ayuda además de ser muy fácil de digerir.

Para reforzar todo lo anterior, la presentación del Profesor Rand Fishkin, donde se habla más al detalle de la importancia de cada uno de los aspectos del SEO.

Espero que esto les sea de ayuda.

viernes, 15 de octubre de 2010

Internet y su Velocidad en el Mundo

Unknown
Me he topado con está imagen que muestra la velocidad de conexión que existe en algunos países.  Creo que si nuestro país tuviera mejores leyes que nos permitieran un mejor uso no monopolizado de las telecomunicaciones tendríamos más oportunidades de crecimiento.

Les dejo la imagen como información y comparación contra países como Brazil y Chile que en poco tiempo lograr hacer mucho.

Global Download Comparison
Brought to you by: TechKnowTimes.com

Saludos,

jueves, 14 de octubre de 2010

Facebook Vs Twitter over clickbacks

Unknown
Internautas el día de ayer tuve la oportunidad de leer Twitter Crushing Facebook's Click-Through Rate: Report publicado en fastcompany.com por Austin Carr. Es interesante que muestren gráficas para hacer los comparativos. Si tienen oportunidad vale la pena.

Carr menciona que de entre todas la redes sociales, Facebook es por mucho el servicio preferido para compartir algo pero tal vez no el que genera más clickbacks.

Para uno de los sitio que asesoro, la forma en la que se comparte la información es la siguiente:


Podrán notar que al compartir los usuarios prefieren Facebook en un 50%, mientras que Twitter es tan sólo utilizado el 25% y el resto de los servicios por debajo de ellos dos.

Ahora bien, al momento de que como web content manager damos la facilidad a los usuarios de poder compartir los contenidos buscamos 2 cosas: que el contenido se muestre en otros lugares y que la gente que lo vea, de click y visite nuestro sitio.

Entonces, para este mismo sitio la distribución porcentual de clickbacks es como se muestra en la siguiente gráfica.


Para cerrar el circulo es necesario hacer el comparativo del numero de veces que se compartió contra el número de clickbacks que generó. Y así obtener el % de efectividad de cada uno de estos servicios:

Comparativo porcentual de efectividad (compartidos/clickbacks)
En general ambos servicios son buenos, pero si varía mucho en cuanto al objetivo que buscamos. Considero que con esté tipo de análisis podremos tomar mejores decisiones en función de lo que deseamos obtener. Ya sea tráfico, leads, presencia en internet.

Saludos.


miércoles, 13 de octubre de 2010

Web en Dispositivos Móviles parte 3

Unknown
Dando continuidad al tema de como implementar un sitio web en dispositivos móviles. De acuerdo al post anterior Web en Dispositivos Móviles parte 2Bryan Rieger, comenta en su presentación que una forma adecuada de hacerlo es usando @media o media-queries. Lo anterior nos permite atacar o resolver el sitio web para la mayoría de los dispositivos, sin usar javascript.

Y buscando más sobre el tema, me he topado con un ejemplo que en combinado con lo que Rieger menciona, puede entenderse mejor. Este es un caso práctico de como usar @media para la selección del CSS dependiendo del las dimensiones del screen. Este es un video de Jeffrey Way.




Y bueno tal vez es un poco complicado ver y copiar el código que está escribiendo directamente del video al editor de código si queremos replicar el ejemplo.

Así que me tope con una publicación de Smashing Magazine: "How To Use CSS3 Media Queries To Create a Mobile Version of Your Website" en donde se explica con ejemplos como es que funciona media queries para CSS.

Como pueden notar este camino termina por ser CSS y como jugar con el CSS, entonces, para terminar una presentación que nos hable más de media queries pero desde el punto de vista CSS.


Debo aclarar que no intento decir que esto es la mejor opción, pero sí una posible solución. En mi opinión todo requiere de pruebas, pruebas y más pruebas hasta llegar al resultado óptimo o el que se busca en función de las necesidades que tengamos.

Have Fun.



Eduardo Mendoza Cavazos.

martes, 12 de octubre de 2010

VIR-ED, href="to knowledge"

Unknown
Clásico que vas a pláticas de ponentes en lugares de mucho estilo, ¿y qué ves? videos tomados de YouTube, entonces que mejor que buscar y ponerlos para que los veas antes y exijamos más de las ponencias a las que asistimos.

En este caso VIR-ED, Viral-Education. Inteligencia Colectiva! es lo que necesitamos.



Espero lo disfruten.

HTML5 un primer vistazo

Unknown
Como muchos sabrán, HTML5 es un término que mucha gente empieza a utilizar. Por eso pongo las siguientes referencias que espero sean de utlidad.

Primero una breve definición tomada de Wikipedia:

"HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML 5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml). Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo."

Como comentarios HTML5 está preparado para funcionar sobre Fire Fox, Safari, Opera y bueno IE pero sólo en su versión 9 que sólo funciona en Windows Vista o Windows 7, lo cual puede ser una ventaja o un gran problema si se tienen que crear sitios para usuarios que aun creen en el usar IE6.

Referencia rápida, HTML5 is already here and it is changing the SEO world forever . En esta liga verán de forma rápida algunos de los cambios del HTML4 al HTML5.

Para cuando se tiene más tiempo, Dive in to HTML5 es un trabajo publico que está en línea y que puede consultarse para conocer las bases. Su versión impresa es: HTML5: Up & Running publicado por O'Reilly.

Una referencia a Microdata, que para algunos es muy importante y otros no prestan tanta atención a esto.

Una liga más divertida, Never Mind the Bullets. Toda la aplicación de HTML5 en un comic.

Y una presentación:


Espero sean de utilidad.

lunes, 11 de octubre de 2010

Web en Dispositivos Móviles parte 2

Unknown
Como parte de lo interesante que resulta ser este tema, ahora quiero compartirles esta presentación también, Bryan Rieger, referente al web en dispositivos móviles. El concepto es centrar la atención en crear CSS que se adecuen a las dimensiones del dispositivo en cuestión.

Desde el punto de vista de Rieger, es más sencillo hacer que el mismo sitio se adapte a la gran diversidad de dispositivos, que crear sitios paralelos para cada uno de los modelos que se desean atacar.

Claro podría uno hacer el diseño líquido buscando así que se adecue de forma natural a los dispositivos, pero esto no resulta ser lo óptimo.


Rethinking the Mobile Web by Yiibu
View more presentations from Bryan Rieger.

Es de gran utilidad contar con estos recursos que nos ayudan a entender mejor como atacar este tipo de problemas.

jueves, 7 de octubre de 2010

Web en Dispositivos Móviles

Unknown
Lectores les dejo esta gran presentación referente a el web y los dispositivos móviles. Creo que puede ser un buen punto de partida para todos los deseamos iniciar la creación de sitios web para todos o algunos dispositivos móbiles.

Going Mobile (2010) by Yiibu
View more presentations from Bryan Rieger.

Otro documento de interés es uno creado por Dave Olsen, Developing a Progressive Mobile Strategy. En este documento Dave menciona que el primer paso es ir por los APIs, para despué pasar a crear el Mobile Web y al final estar de forma Native.


En donde parafraseando a Jason Grigsby: "Not every mobile device will have your app on it but every mobile device will have a browser"  lo cual considero debe tomarse muy en cuenta.


A ver que opinan.

martes, 21 de septiembre de 2010

Qué tan grande es Google, en verdad?

Unknown
Un saludo a todos los lectores. El día de hoy quiero compartirles esta imagen que en verdad de una forma muy eficiente describe ¿Qué tan grande es Google, en verdad?. Espero sea de su ayuda.


Google by the numbers.
Infographic by computer school.org

martes, 31 de agosto de 2010

Tu sitio corporativo puede ser relevante otra vez!

Unknown
Un saludo a todos los internautas. Quiero compartir esta presentación, que me parece de mucha relevancia para poder sacar valor a los sitios ya creados. Y lo mejor es ver como poder integrar el social media que lleve a los sitios a un grado de integración entre los usuarios y la compañía.

lunes, 22 de febrero de 2010

7 Cosas Que Social Media No Puede Hacer.

Unknown
Es muy sencillo caer seducido por el poder, vitalidad y la creciente influencia de Social Media, tanto que empiezas a creer que hasta magia puede hacer. En nuestro agitado fervor por capturar todo el potencia y oportunidades que podamos, debemos no sólo considerar todo lo que Social Media PUEDE HACER sino también, tal vez lo más importante que es lo que NO PUEDE HACER.

Este es un artículo de Denise Zimmerman, "7 things social media can't do" y de manera rápida estás son las 7 cosas qeu Social Media no puede hacer.

  • Social media no puede sustituir a la estrategia de marketing.
  • Social media no puede ser exitosa sin un genuino enfoque en el cliente.
  • Social media no es un un proyecto independiente.
  • Social media no puede funcionar sin alinearse a la organización.
  • Social media no puede cambiar la popularidad, la percepción o el éxito de la marca.
  • Social media no puede remplazar la especialización experimentada en marketing digital.
  • Social media no puede ser exitosa sin un presupuesto realista.
El marketing en social media no puede mágicamente producir cambios positivos o resultados para la empresa. Pero la verdadera magia no son trucos o humo y espejos. La mejor magia toma mucho trabajo, creatividad, experiencia y substancia para que cuando se vea detras de la cortina, en verdad haya algo detrás.

viernes, 19 de febrero de 2010

Utilizando la Mente, nada podrá detenerte!

Unknown
Este es un gran video, que nos recuerda que usando la Mente nada podrá detenernos en nuestro camino u objetivo.

Social Media ROI: Socialnomics

Unknown
Regresando a postear, les quiero compartir este super video que habla del potencial de Social Media. Lo importante es: The old media paradigm was PAY to PLAY, now you've got to be willing to PLAY to PLAY. Chequenlo.



Coprights @ 2016, Blogger Templates Designed By Templateism | Distributed By Gooyaabi Templates