Elias Sierra » Usabilidad http://www.eliassierra.com El blog oficial de Elías Sierra, Consultor web Wed, 24 Feb 2010 20:49:34 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Tips de SEO para el 2010 (SEO Básico y WordPress) http://www.eliassierra.com/tips-de-seo-para-el-2010-seo-basico-y-wordpress/ http://www.eliassierra.com/tips-de-seo-para-el-2010-seo-basico-y-wordpress/#comments Tue, 29 Dec 2009 22:21:58 +0000 Elias Sierra http://www.eliassierra.com/?p=167 Escribí un artículo en forma de TIP para la reconocida comunidad de Cristalab, así que dejo el enlace por acá:

SEO, posicionamiento web útil para el 2010


Tip de SEO: No hagas SEO

Tip de SEO: No hagas SEO


Artículos Relacionados:

]]> http://www.eliassierra.com/tips-de-seo-para-el-2010-seo-basico-y-wordpress/feed/ 0 Hablemos de Marketing Online: LandingPages / Páginas de Aterrizaje http://www.eliassierra.com/hablemos-de-marketing-online-landingpages-paginas-de-aterrizaje/ http://www.eliassierra.com/hablemos-de-marketing-online-landingpages-paginas-de-aterrizaje/#comments Tue, 15 Dec 2009 20:50:47 +0000 Elias Sierra http://www.eliassierra.com/?p=161 En los temas de mercadeo online siempre se ha hablado de trazar una estrategia y construir las herramientas basándonos en la estrategia trazada, así que vamos a ver qué herramientas podríamos utilizar para ponerlas a trabajar en favor de alcanzar nuestro objetivo.

Ya que hemos hablado de construir un recorrido, vamos a hacernos la idea: todo comienza por la fuente de tráfico que es el lugar de donde provienen nuestros prospectos de clientes; puede ser Google u otro motor de búsqueda (enlaces patrocinados, SEM), o bien, mediante redes sociales o videos de youtube (SMO) e incluso de Google de forma orgánica (SEO), pero ésa última es otra historia.

Trayectoria - Estrategia de Marketing Online

Trayectoria - Estrategia de Marketing Online

Uno de los graves errores al momento de hacer marketing en internet es enviar las visitas directamente al blog o a la página principal de la empresa. ¿Por qué? La página principal de un sitio web tiene una finalidad, representar la imágen de la empresa en internet, o bien, generar credibilidad, por ejemplo; para nuestro recorrido debemos valernos de una herramienta un poco más agresiva, cuya única función sea converitr los prospectos de clientes en conversiones reales (ventas/suscripciones).

Las páginas de aterrizaje (landing pages) son herramientas de conversión.

Aquí es donde entran a jugar su importante papel las páginas de aterrizaje, que son nuestros vendedores online 24/7 que se encargan de hablar con los visitantes de nuestro local que miran indecisos nuestros productos y proporcionarles la información necesaria para cerrar la venta; haciendo una comparación literal y fácil de comprender.

¿Podría ser mi Home Page una Landing Page?

Podría pero no debería. La página de aterrizaje debe estar diseñada para, de cierta forma, persuadir:

  • (¿Quiénes son estos?) Generar Credibilidad: Sólo la suficiente, tampoco debe ser exagerado, no queremos una landingpage que hable únicamente de lo maravillosa que es la empresa, el egocentrismo no cierra ventas.
  • (Hazme sentir que ésto es conmigo) Hacer que el usuario se sienta identificado: Conseguir que el usuario logre sentirse identificado con lo que está leyendo, ésto se puede lograr con frases sobre la problemática a la que trae solución el producto o servicio.
    (OJO: Por ésta razón es que recomiendo tanto segmentar adecuadamente el público; si un producto cubre varias problemáticas, una landingpage por problemática tendrá mayor tasa de conversión)
  • (Guíame! Pero pónmela fácil) Dile qué hacer al usuario: Ya el usuario sabe que el producto le sirve y que la empresa es de fiar, es hora de el “llamado a la acción” que bien, puede ser suscribirse a una lista de correos antes de comprar, así se hace un filtr más y se obtiene una base de datos con personas que estuvieron interesados pero hubieron obstáculos para el cierre; a los cuales se les podrá hacer seguimiento luego. Sea cual sea la acción no debe estar a más de dos clics de distancia.

Es importante tener en cuenta que la mejor forma de cerrar una venta es utilizando un impulso emocional (los vendedores entenderán a lo que me refiero), y bien, en internet hay que saber valerse de los recursos; video marketing, cartas de venta, email-marketing, e-books, incentivos, split tests, etc… Son herramientas agresivas que en conjunto podrán ayudarnos al éxito de nuestra estrategia.

Importante punto que resaltar: A nivel técnico; de desarrollo web, una página optimizada para SEO tiene diferente optimización que una landingPage. La página de aterrizaje también necesita su propia optimización en el código según las keywords y estructura (si es utilizada para SEM; para SMO, no); no quería pasarlo por alto.

He tocado varios temas importantes en éste breve artículo y la idea es seguir expandiendo poco a poco, hay mucho de qué hablar; por lo pronto espero sus comentarios y vamos viendo por dónde seguimos.

Artículos Relacionados:

]]> http://www.eliassierra.com/hablemos-de-marketing-online-landingpages-paginas-de-aterrizaje/feed/ 7 Páginas web en flash… ¿Pésima elección para el posicionamiento web? http://www.eliassierra.com/paginas-web-en-flash-pesima-eleccion-para-el-posicionamiento-web/ http://www.eliassierra.com/paginas-web-en-flash-pesima-eleccion-para-el-posicionamiento-web/#comments Sat, 28 Nov 2009 12:21:04 +0000 Elias Sierra http://www.eliassierra.com/?p=75 El dilema que existe desde el inicio del SEO con relación al uso de Flash para el desarrollo de un sitio web, ha sido causa de innumerables polémicas y ha llevado a conclusiones controversiales.

Conozco muchos diseñadores/desarrolladores que trabajan el Flash como su herramienta principal para el desarrollo de sitios web, y bueno, los que han tocado el tema alguna vez conmigo, saben que recomiendo evitar al máximo la cantidad exagerada de éste tipo de objetos en un sitio web.

La pregunta sería… ¿Por qué los SEOs odian Flash? No odiamos flash, odiamos los métodos de desarrollo de la mayoría de  diseñadores en flash!

Flash y SEO

Flash y SEO


¿Cuál es el problema con el Flash entonces? ¿Hay alguno?

Bueno, hay muchas opiniones respecto al tema, por mi experiencia puedo afirmar que no hay problema con el flash, hay problema con los métodos de desarrollo web que utilizan quienes desarrollan flash.

Los desarrolladores multimedia (que se basan 100% en flash) deben tener en cuenta que, independientemente de la calidad de sus proyectos y del manejo de las herramientas de Adobe, es imprescindible tener conocimientos de desarrollo web;  flash no es lo único que deben saber.

El problema real del flash y el SEO es exactamente idéntico al de una web en html que en su página principal muestra una imagen con todo el contenido, sin textos alternos, ni meta-tags, ni un solo enlace o texto html. Google no encontrará contenido, no tendrá idea de qué se trata el sitio y mucho menos podrá indexarla… O bien, sucederá lo típico en éstos casos: Lo más popular en éste tipo de webs es poner únicamente los copyrights en html, y ésto es lo único que aparecerá en google.

Adobe ha continuado un fantástico producto que creó Macromedia hace algunos años atrás, y bien, le debemos mucho! Por ejemplo, el online streamming de Youtube; así que la solución NO es dejar de usar flash, es aprender a implementarlo.

Así que aquí vienen mis 3 consejos para una web en flash:

  • Utiliza un código XHTML válido y limpio (siempre lo aconsejo para SEO)
  • Incluye en el código una versión literal de todo el contenido del flash para las plataformas que no soporten flash (y los Search Engines)
  • Utiliza url’s independientes según convenga. ¿Se imaginan lo tedioso que sería un libro en una sola hoja gigante? La finalidad del SEO en una página es darle al usuario lo que busca; no más, no menos.

Un ejemplo de un embebido flash bien hecho sería algo como esto:

Espero que les sea de utilidad!

Artículos Relacionados:

]]> http://www.eliassierra.com/paginas-web-en-flash-pesima-eleccion-para-el-posicionamiento-web/feed/ 4 Tip de SEO: Anatomía de las URL’s http://www.eliassierra.com/tip-de-seo-anatomia-de-las-urls/ http://www.eliassierra.com/tip-de-seo-anatomia-de-las-urls/#comments Tue, 13 Oct 2009 05:12:49 +0000 Elias Sierra http://www.eliassierra.com/?p=112 Hace algún tiempo les hablé un poco sobre las URL’s usables y uno que otro consejo de optimización acompañado de una presentación de Google al respecto.

Hoy quiero compartir con ustedes éste interesante artículo que encontré en SEOmoz, mediante el cual intentan explicar gráficamente en qué consiste el trabajo de los SEO’s de optimización de URL’s, la estructura que utilizan y prioridades de palabras clave según su ubicación en las URLs.

Buen trabajo Dr. Pete!

Artículos Relacionados:

]]> http://www.eliassierra.com/tip-de-seo-anatomia-de-las-urls/feed/ 0 Tip de SEO: ¿Crees que sabes HTML? http://www.eliassierra.com/tip-de-seo-crees-que-sabes-html/ http://www.eliassierra.com/tip-de-seo-crees-que-sabes-html/#comments Thu, 01 Oct 2009 17:06:13 +0000 Elias Sierra http://www.eliassierra.com/?p=102 Uno de los errores más graves de las páginas web que intentan ocupar un puesto competitivo en las SERPs (Páginas de resultados de los motores de búsqueda) de Google, es que al momento del desarrollo, se trabaja cada cosa independientemente: diseño, segmentos inútiles en flash, “desarrollo” e inserción del contenido. Y luego de tener “todo listo”, pretenden posicionar el sitio cuando el equipo de desarrolladores no tiene idea ni siquiera de la versión de HTML en la que trabajaron… O bien, pensarán que les estás insultando cuando les preguntas si conocen al menos lo que significa que el sitio pase una validación ante la W3C… Já!

SEO TIP HTML

SEO TIP HTML

Pues bien… Es hora de citar una frase célebre:

“You’re doing all wrong baby…”

Siempre recalco que debemos ver un sitio web, a la hora de desarrollarlo, desde 2 puntos de vista simultaneamente y darle prioridad equitativa a ambos… Por un lado tenemos el del usuario final, debe lucir agradable e intuitivo, nada confuso; por otro lado tenemos los motores de búsqueda y navegadores:  debe ser usable, limpio y claro en el contenido. Hoy listaré algunas de las cosas que NUNCA puedes ignorar en el desarrollo html básico de un sitio web:

Los menús son listas de links… Dáles el trato que se merecen

Bueno digamos que se ve bonito tener separadores entre los enlaces en un menú, pero ésta definitivamente NO es la manera que debe lucir en el código, vamos un ejemplo de qué NO hacer y cómo debería ser:

:( Bad Way:

1
2
<a href="http://link/enlace">Inicio</a> - <a href="http://link/enlace">Quiénes Somos</a>
<a href="http://link/enlace">Productos</a> - <a href="http://link/enlace">Contacto</a>

:) Good Way :

1
2
3
4
5
6
<ul>
    <li><a href="http://link/enlace">Inicio</a></li>
    <li><a href="http://link/enlace">Quiénes Somos</a></li>
    <li><a href="http://link/enlace">Productos</a></li>
    <li><a href="http://link/enlace">Contacto</a></li>
</ul>

Los enlaces llevan títulos

No olvides implementar los títulos a cada enlace, proporcionando información adicional acerca del mismo. Volvamos a los ejemplos:

:( Bad Way:

1
2
3
4
5
6
<ul>
    <li><a href="http://link/enlace">Inicio</a></li>
    <li><a href="http://link/enlace">Quiénes Somos</a></li>
    <li><a href="http://link/enlace">Productos</a></li>
    <li><a href="http://link/enlace">Contacto</a></li>
</ul>

:) Good Way :

1
2
3
4
5
6
<ul>
    <li><a title="Pagina Principal" href="http://link/enlace">Inicio</a></li>
    <li><a title="Sobre nuestra empresa" href="http://link/enlace">Quiénes Somos</a></li>
    <li><a title="Conozca nuestros productos" href="http://link/enlace">Productos</a></li>
    <li><a title="Contacte con nosotros!" href="http://link/enlace">Contacto</a></li>
</ul>

Las imágenes llevan textos alternos

Siempre manteniendo el hilo de relevancia, llegamos a los textos alternos, que en términos de usabilidad, deben describir el contenido de la imagen. Ej:

:( Bad way:

1
<img src="images/aksdja.jpg" alt="" />

:) Good way:

1
&lt;img src="images/iphone-3g.jpg" alt="iPhone 3g - nueva generación de teléfonos!" /&gt;

Los títulos SON Títulos (Y los subtítulos… subtítulos)

Los títulos también tienen sus etiquetas en el mundo del html, no es como en los editores de texto (Word, Open Office Writer, etc) en los que el texto más grande reina… NO cometas ese error en HTML. Tenemos una variedad de etiquetas para escoger la que más encaje con tu título según la prioridad que tenga dentro de tu contenido; y van desde el H1 hasta el H6.

:( Bad way:

1
<div style="font-size:32px; color:red;">Papá, papá... Mira! Sé html!</div>

:) Good way:

1
<h1>Papá, papá... Mira! Sé html!</h1>

Las tablas son para listar información… No para maquetar websites (Sí, aún lo hacen…)

Y bueno. éste se gana el título de error legendario. Y durante una época era exageradamente popular gracias a los interesantes servicios de páginas web que desarrollaban los diseñadores gráficos mayormente.

El problema de las tablas es que si miras el código fuente de tu página no verás mas que código basura, y bueno… Eso será lo que Google intentará indexar, no cometas el mismo error una vez mas:

:( Bad way:

1
2
3
4
5
6
7
<table border="0">
<tbody>
<tr>
<td><img src="header.jpg" alt="" /></td>
<td>Bienvenido a mi página Web</td>
</tr>
</tbody></table>

:) Good way:

1
2
3
<div id="header">
<h1>Bienvenido a mi página Web</h1>
</div>

Los meta tags no son un adorno

Este punto es muy cierto, Google en ocasiones utiliza como referencia la etiqueta title y el meta-tag description para armar el párrafo descriptivo y título con el que aparecerán las páginas de tu sitio, en sus SERPs. Cuando no tienes  bien definidos los Meta-Tags, suele suceder que buscas en Google y, si apareces, aparece como texto descriptivo “Todos los derechos reservados | Diseñado por idesignwebsites-mom.com“. Dudo que quieras que esto suceda contigo!

:( Bad way:

1
2
3
<head>
<title>Pagina de muestra</title>
</head>

:) Good way:

1
2
3
4
5
<head>
<title>Pagina de muestra</title>
<meta name="description" content="Esta pagina es un ejemplo de como deberian hacerse las cosas, y esto es una breve y SINCERA descripcion de lo que se encontrará aquí." />
<meta name="keywords" content"prueba, test, pagina de prueba, demo, demostracion, ejemplo" />
</head>

Pagina de muestra

Escribe con buena ortografía

Está bien que el internet haya masificado la comunicación y excelente la expansión de la libertad de expresión a nivel mundial… Pero sé consciente que es un medio masivo! Y bueno… Ser cuidadoso con la ortografía te traerá beneficios  por el lado de la indexación, y bien, será más agradable la lectura para tus usuarios.

Las negritas, cursivas y subrayas… Se inventaron para algo, ¿no?

Sí, tampoco son de adorno y bueno, según el caso debes saber cuándo incluirlo en el html y cuándo en el css. Recuerda algo, éstos elementos existen en la caligrafía para destacar palabras clave o frases y a la hora de interpretarlo en html, podemos utilizarlo a nuestro favor.

La mejor forma de mantenerse claro  saber que están haciendo un buen trabajo, es, durante el desarrollo, ver ambos puntos de vista… Mirar el código fuente y pedirle a alguien que navegue el sitio, recuerden, la prioridad es paralela.

Artículos Relacionados:

]]> http://www.eliassierra.com/tip-de-seo-crees-que-sabes-html/feed/ 4 ¿Realmente influye la antigüedad de un dominio a nivel SEO? http://www.eliassierra.com/realmente-influye-antiguedad-dominio-nivel-seo/ http://www.eliassierra.com/realmente-influye-antiguedad-dominio-nivel-seo/#comments Sat, 29 Aug 2009 18:48:01 +0000 Elias Sierra http://www.eliassierra.com/?p=96 A la hora de comprar o vender proyectos web, con sus respectivos modelos de negocio online, uno de los puntos a evaluar siempre ha sido la antigüedad del dominio; y ya hemos estado acostumbrados a eso.

Sin embargo, entre más antiguo el dominio, no significa que sea más fácil de posicionar que un dominio nuevo… Es más, en repetidas ocasiones he preferido comprar dominios nuevos para relanzamieno de proyectos o negocios en línea.

Tip de SEO: No hagas SEO

Tip de SEO: No hagas SEO

Google tiene en cuenta la antigüedad de un dominio simplemente por el historial que tenga el mismo; si el dominio lleva 3 años de existencia con alto ranking será más propenso para el nuevo contenido una indexación de alto ranking; si esos 3 años los lleva con un mínimo ranking y sin constancia de actualización ni enlaces entrantes… A menos que se le realice un buen trabajo de reestructuración… Já! A mi parecer, sería lanzar pepitas de oro al basurero.

El contenido es el ORO del SEO

Artículos Relacionados:

]]> http://www.eliassierra.com/realmente-influye-antiguedad-dominio-nivel-seo/feed/ 5 ¿Qué es Usabilidad? http://www.eliassierra.com/que-es-usablilidad/ http://www.eliassierra.com/que-es-usablilidad/#comments Fri, 15 Feb 2008 01:44:41 +0000 Elias Sierra http://www.eliassierra.com/http:/www.eliassierra.com/sample-post/ Seguramente más de una vez habrán leído o escuchado sobre éste término en la red: “Usabilidad”, y se habrán preguntado si al menos existe realmente esa palabra.

El grado de Usabilidad es la medida que utilizan desarrolladores de software, diseñadores de interfaces, desarrolladores web y cargos similares para definir el nivel de accesibilidad, facilidad de uso y calidad de tecnologías aplicadas en el proyecto.

Ya sea una página web, un programa de escritorio o un aparato electrónico, el nivel de Usabilidad se define basándose en pruebas técnicas y no clasifican el producto como bueno o malo, simplemente concluyen porcentajes de efectividad frente a las metas u objetivos planteados para el desarrollo del proyecto.

Artículos Relacionados:

]]> http://www.eliassierra.com/que-es-usablilidad/feed/ 2