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 Tip de SEO: La mejor técnica para SEO… No hacer SEO http://www.eliassierra.com/tip-de-seo-la-mejor-tecnica-para-seo-no-hacer-seo/ http://www.eliassierra.com/tip-de-seo-la-mejor-tecnica-para-seo-no-hacer-seo/#comments Sat, 31 Oct 2009 06:41:22 +0000 Elias Sierra http://www.eliassierra.com/?p=124 Regularmente son los mismos temas de los que me piden que hable muchos de los lectores de éste blog: usabilidad, posicionamiento web, rentabilización de proyectos. Y he notado que uno de los errores más grandes que se cometen a la hora de la logística de un proyecto web, es que ubicar el “SEO” (Posicionamiento web Orgánico) como una tarea; una acción, algo que se debe “realizar“.

Y bueno, hoy quiero compartirles mi respuesta a ésta perspectiva, basada en mi experiencia personal.

El SEO NO es una herramienta, el SEO NO es una acción, el SEO es un RESULTADO; algo que debería “simplemente darse“.

Tip de SEO: No hagas SEO

Tip de SEO: No hagas SEO

¿Por qué vemos muchas veces necesario realizar “técnicas” de SEO? Simplemente si llegas a éste punto, el nivel de desarrollo de tu web, no es el indicado. (Suena un poco fuerte, eh?)

Suena un poco rudo, pero es así; si desarrollas un website bien estructurado, usable, funcional y con un buen contenido, de la mano con las herramientas de Google, indexación de mapas de sitio, xhtml + css (me refiero a bien hecho; he visto webs en xhtml + css que realmente daría lo mismo si las desarrollaran en tablas…), etc.; El SEO se dá, en menos tiempo de lo esperado.

¿Qué hay del linkbuilding, keywords density y las 200 técnicas más de “SEO” que hay en el internet? Lo responderé explicando brevemente 2 definiciones: existen 2 maneras de “hacer SEO“: White Hat SEO y Black Hat SEO.

White Hat SEO: Consiste literalmente en una optimización del website y su contenido para mayor legibilidad por parte de los search engines spiders.

Black Hat SEO: Técnicas de dudosa legalidad para posicionar mejor la web, que si un motor de búsqueda nota que la estás implementando, tu sitio será baneado. Es decir: “Técnicas de SEO Ilegal“.

El linkbuilding, keywords density tools y éste “tipo” de técnicas, pueden llamarse, como leí alguna vez en un sitio, “Blue Hat SEO“.
Son básicamente demasiado legales para ser Black Hat, pero de semi-dudosa legalidad, y no pueden llamarse “White Hat“.

Entonces, ¿No debes usar ninguna de éstos métodos “Blue Hat”?

Puedes hacerlo, pero tu estrategia de SEO no puede ser ninguno de éstos. Tu estrategia de SEO debe ser el SEO. La correcta optimización en torno a tu CONTENIDO.

Si tu website NO consigue con una buena optimización, alcanzar el primer lugar en google; es porque tu contenido NO lo merece. Haz que se lo merezca.

Las técnicas “Blue Hat” serán un buen recurso para una meta muy competitiva. Pero no es la manera correcta de hacer las cosas.

Sé que el tema es un poco controversial, así que responderé a las preguntas que me dejen.

Cierro con una frase que le dije a un colega hace unos días:

Tú preocúpate de un buen código y un excelente contenido… El SEO vendrá por añadidura

Artículos Relacionados:

]]> http://www.eliassierra.com/tip-de-seo-la-mejor-tecnica-para-seo-no-hacer-seo/feed/ 7 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 Estudio de servicios: Páginas web en Barranquilla / Colombia http://www.eliassierra.com/estudio-de-servicios-paginas-web-en-barranquilla-colombia/ http://www.eliassierra.com/estudio-de-servicios-paginas-web-en-barranquilla-colombia/#comments Sat, 11 Jul 2009 10:21:55 +0000 Elias Sierra http://www.eliassierra.com/?p=56 A la hora de comprar o vender páginas web, muchas veces los clientes no tienen claros los puntos a evaluar para realizar una comparación efectiva entre las ofertas con relación a costos-beneficios. Y es completamente normal en un mercado web tan subdesarrollado como el que encontramos en la ciudad.

Pero la idea no es criticar; es impulsar.

1. Problemática

Actualmente el mayor porcentaje de entidades pequeñas o medianas interesadas en crear su página web en colombia, realizan la elección de la empresa que se encargará de desarrollar su página web basándose en dos argumentos primordiales: que sus trabajos sean bonitos y que puedan llegar a un arreglo de presupuesto.

El problema real es la percepción al momento de evaluar el portafolio de las empresas que realizan las ofertas. En la mayoría de los casos lo último que una empresa necesita es una página web bonita.

Lo que una empresa necesita en internet, es una página web que cumpla su objetivo que venda!

2. ¿Qué debo tener en cuenta para tener como resultado un buen sitio web para mi empresa?

Primero que todo es importante tener claro el objetivo del proyecto y el beneficio que se espera recibir de la página web; asegúrate que se tenga en cuenta al momento del diseño y de estructuración del contenido, que es la parte fundamental del sitio. Muchas veces las soluciones más bonitas no son las ideales para proporcionar el entorno ideal de conversión del objetivo.

3. Algunas recomendaciones al momento de elegir el diseño

Rápidamente daré algunos consejos sin extenderme demasiado, luego hablaré más específicamente de éste tema: Es importante que el sitio web sea usable, intuitivo y funcional; que cualquier visitante que reciba, a los pocos segundos de ver la página, sea capaz de encontrar fácilmente la ruta hacia la información que está buscando.

4. Planifica la promoción de tu local virtual

Si bien, ya tienes tu página web planificada y estás listo/a para la acción, necesitas pensar el siguiente paso; la generación de tráfico en el sitio, es decir, conseguir que el target o público objetivo de tu web, encuentre tu sitio.

El SMO (optimización en medios sociales), SEO (posicionamiento web)  y el SEM (marketing en los motores de búsqueda) son excelentes herramientas para dar a conocer tu página web en internet, pero son procesos que se deben tener en cuenta en el momento del desarrollo del sitio para optimizar los resultados, así que asegúrate de mencionarlo en el momento de la contratación de los servicios.

Ahora… ¿Por qué páginas web en barranquilla – Colombia?

El objetivo es ciento por ciento institucional, como bien sabrán es mi ciudad natal y uno de mis objetivos es apoyarla dando mi granito de arena para el desarrollo de las soluciones web en Colombia. Siéntete libre de dejar tus preguntas o comentarios al inferior de la página.

Artículo recomendado: Tips para crear un Blog Profesional

Artículos Relacionados:

]]> http://www.eliassierra.com/estudio-de-servicios-paginas-web-en-barranquilla-colombia/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