Elías Sierra | Consultor SEO & SEM en Barranquilla | Consultor SEO & SEM en Colombia

El blog oficial de Elías Sierra

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

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.

Flash y SEO

Flash y SEO

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!

¿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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<object
    classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    width="300"
    height="135"
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
    >

    <param name="loop" value="true" />
       
    <param name="menu" value="false" />
       
    <param name="src" value="movie.swf" />
   
    <embed
        type="application/x-shockwave-flash"
        width="300"
        height="135"
        src="movie.swf"
        menu="false"
        loop="true">
    </embed>
   
    <p>Aquí la información <strong>literal</strong> contenida en el flash, con sus respectivas etiquetas html</p>

</object>

Espero que les sea de utilidad!

Es normal, para los desarrolladores que contamos con WordPress como una herramienta cotidiana, implementar nuevas características y de alguna manera equipar nuestros proyectos según su énfasis, y bueno, la plataforma se presta para ésto por su flexibilidad; en éste caso quise hacer todo lo contrario.

Descargar MiniTema

Descargar MiniTema

Aquí les presento mi primer tema de WP gratis, bajo licencia GPL gracias a CC.

Hay ocaciones en las que en vez de equipar la plataforma, queremos simplificarla; para éso he creado MiniTema. Un tema de wordpress desarrollado a mano (handcoded) validado por la W3C, de 1 columna y que no incluye ningún archivo de imágen.

Gracias a sus características es extremadamente ligero y simple, a su máxima expresión.

Personalmente me hace un anillo al dedo, lo implementaré en varios proyectos que necesitaban una solución así y espero que les sea útil.

PD. Es la primera versión del theme así que agradeceré sus aportes para las siguientes.

MiniTema Free WordPress Theme

MiniTema Free WordPress Theme

Introducing Slashedit.com, a brand new project as never seen.

Slashedit logo

What’s the big deal? Wikipedia have years with editable content!

Instead of Wikipedia and other websites with editable content, in Slashedit you’re not just available to edit the content; i mean, you can edit the source code! Totally edition freedom.

Welcome to the Web 3.0 guys!

First of all, you need know a few html tags, you can type in your browser http://slashedit.com/anything/edit and you will be creating your http://slashedit.com/anything page. Wow, are you serious? Yeap, that’s it. No login, no email and password, no username, just slashedit.

So, Who owns this page?!

Me! And You! And anyone that see or edit this website.

Spread the word!

Press: Let’s make something that rulz everyone together:

Slashedit logo little Slashedit banner 1 Slashedit banner 2
Feel free to use the logo or banners in your website
A web project by Roman Cortes with a hand from Elias Sierra

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

Bueno, mis lectores saben que regularmente no publico noticias en éste blog, pero éste es un asunto que me tiene bastante preocupado, desde que leí la noticia hace unos días, y bueno, puede que esté más enfocados a desarrolladores que a emprendedores, ésta vez.

No se si recuerden cuando nos tocó luchar con la compatibilidad con Flash e IE para solucionar “la gracia” de EOLAS con su demanda a Microsoft, y bueno, en ése momento fué un poco tedioso para nosotros pero no resultaron graves lesiones, aparte de los 521 Millones de dólares que tuvo que pagarle a EOLAS como un ‘acuerdo extrajudicial’.

A ésta empresa al parecer le gustó el nuevo método de rentabilización que encontró, y bien, decidió volver argumentando que tienen patentado un sistema que trabaja de una manera muy similar a ajax:

“The ‘985 Patent is a continuation of the ‘906 patent, and allows Web sites to add fully-interactive embedded applications to their online offerings through the use of plug-in and Ajax (asynchronous JavaScript and XML) Web development techniques,” Eolas said in a statement about the lawsuit.”

Eolas; en una declaración sobre la demanda.

Adobe Systems, Amazon, Apple, Blockbuster, Citigroup, eBay, Frito-Lay, Go Daddy, Google, J.C. Penney, JPMorgan Chase, Office Depot, Perot Systems, Playboy Enterprises, Staples, Texas Instruments, Yahoo, YouTube y Sun Microsystems; fueron al parecer empresas que hacen parte de la demanda presentada en el tribunal del distrito del Este de Texas.

¿Y cuál es el problema?

Si resulta beneficiado EOLAS, significa que AJAX se convierte en privado, estando en derecho de demandar a todas las empresas de desarrollo web que han utilizado sus tecnologías para el desarrollo de proyectos. Igualmente a sus clientes por utilizar de éstas.

¿Mi opinión?
Espero que EOLAS no entorpezca la evolución de las tecnologías de desarollo web, el AJAX ha aportado mucho desde la web 2.0 para dejarlo a un lado. Incluso Microsoft lanzó en éstos días un website promocionando un nuevo antivirus que lanzaron y dejaron de utilizar AJAX por obvias razones. ¿Qué será lo siguiente? ¿ Tener que comprar una licencia para utilizar AJAX en proyectos comerciales?

En fin, no me extenderé más. Quería dejarles saber mi preocupación y espero que ésto se aclare pronto.

Dejo algunas fuentes para que sigan leyendo: 1 2 3 4

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!

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.

Quiero compartir con ustedes éste interesante video que desarrolló la agencia de publicidad española IBMA.

Aprovecho para enviarle un saludo a Alessandra… Buen trabajo! Espero ver los siguientes!

Get Adobe Flash playerPlugin by wpburn.com wordpress themes