Recursos

[raw]

Los desarrolladores web siempre tenemos curiosidad por aprender nuevas técnicas para la construcción y mejora de sitios web. CSS3 ha sido un importantísimo punto de inflexión para los desarrolladores frontend, ofreciendo una colección de nuevas propiedades soportadas por los navegadores web modernos.
Estos ejemplos de fragmentos (snippets) de código CSS libre son perfectos para cualquiera que quiera avanzar en el mundo del CSS. Cada fragmento utiliza CSS puro para crear interacciones que hasta hace muy poco sólo eran posibles con programación JavaScript.

Menú acordeón

Normalmente un menú de acordeón estaría relacionado con una función de evento click JavaScript. Pero como CSS puede manejar efectos a través de la pseudo-clase :checked es más fácil que nunca.

CSS Slider

JavaScript siempre ha sido la solución para cualquier slider de imagen o galería de fotos. Normalmente sería difícil controlar los eventos de clic a través de CSS3, pero los botones de radio nos pueden ser útiles.

Parallax fondo de estrellas animado en CSS3

Si bien el movimiento continuo y el diseño parallax residen sobre todo en el ámbito de jQuery, ahora es posible crear movimiento con CSS3 puro. El fondo se ha creado usando algunos efectos de degradado junto con una función de animación CSS3.

Imagen de fondo estilo bloc de notas / postit en CSS puro

El fondo de block de notas / postit, puede ser elaborado con una serie de bordes, sombras y efectos de degradado combinados en un sola div. Otro trozo de papel se gira ligeramente para crear el efecto de profundidad.

NES en CSS3 puro e interactivo

Una creación bastante sorprendente. No sólo la NES es escalable a diferentes tamaños y construida exclusivamente en CSS, sino que también tiene características que son completamente interactivas, por ejemplo, al hacer clic en el botón de encendido el piloto se enciende.
Este fragmento requiere más de 600 líneas de código CSS. Pero teniendo en cuenta que esto es posible en el año 2016, va a ser interesante ver lo que se podrá lograr en 2 años.

Otro del mismo tipo pero sin interacción, Apple Watch en CSS puro:

[/raw]

D3.js (Data-Driven Documents) es una biblioteca JS para visualizar datos en formas gráficas dinámicas. Se trata de una herramienta para la visualización de datos bajo estandards W3C haciendo uso de HTML5, SVG, JavaScript y CSS3. A diferencia de muchas otras bibliotecas, D3 permite un gran control sobre el resultado visual final. D3 permite enlazar datos al DOM y aplicar transformaciones. Por ejemplo para generar una tabla HTML a partir de una serie de números. O bien utilizar los mismos datos para crear un gráfico interactivo SVG con transiciones e interacción. Más info: http://d3js.org/ ej: [raw]

// <![CDATA[ var width = 860, height = 500, radius = 60, x = Math.sin(2 * Math.PI / 3), y = Math.cos(2 * Math.PI / 3); var offset = 0, speed = 4, start = Date.now(); var svg = d3.select("#d3").append(“svg”) .attr(“width”, width) .attr(“height”, height) .append(“g”) .attr(“transform”, “translate(” + width / 2 + “,” + height / 2 + “)scale(.55)”) .append(“g”); var frame = svg.append(“g”) .datum({radius: Infinity}); frame.append(“g”) .attr(“class”, “annulus”) .datum({teeth: 80, radius: -radius * 5, annulus: true}) .append(“path”) .attr(“d”, gear); frame.append(“g”) .attr(“class”, “sun”) .datum({teeth: 16, radius: radius}) .append(“path”) .attr(“d”, gear); frame.append(“g”) .attr(“class”, “planet”) .attr(“transform”, “translate(0,-” + radius * 3 + “)”) .datum({teeth: 32, radius: -radius * 2}) .append(“path”) .attr(“d”, gear); frame.append(“g”) .attr(“class”, “planet”) .attr(“transform”, “translate(” + -radius * 3 * x + “,” + -radius * 3 * y + “)”) .datum({teeth: 32, radius: -radius * 2}) .append(“path”) .attr(“d”, gear); frame.append(“g”) .attr(“class”, “planet”) .attr(“transform”, “translate(” + radius * 3 * x + “,” + -radius * 3 * y + “)”) .datum({teeth: 32, radius: -radius * 2}) .append(“path”) .attr(“d”, gear); d3.selectAll(“input[name=reference]”) .data([radius * 5, Infinity, -radius]) .on(“change”, function(radius1) { var radius0 = frame.datum().radius, angle = (Date.now() - start) * speed; frame.datum({radius: radius1}); svg.attr(“transform”, “rotate(” + (offset += angle / radius0 - angle / radius1) + “)”); }); d3.selectAll(“input[name=speed]”) .on(“change”, function() { speed = +this.value; }); function gear(d) { var n = d.teeth, r2 = Math.abs(d.radius), r0 = r2 - 8, r1 = r2 + 8, r3 = d.annulus ? (r3 = r0, r0 = r1, r1 = r3, r2 + 20) : 20, da = Math.PI / n, a0 = -Math.PI / 2 + (d.annulus ? Math.PI / n : 0), i = -1, path = [“M”, r0 * Math.cos(a0), “,”, r0 * Math.sin(a0)]; while (++i < n) path.push( “A”, r0, “,”, r0, " 0 0,1 “, r0 * Math.cos(a0 += da), “,”, r0 * Math.sin(a0), “L”, r2 * Math.cos(a0), “,”, r2 * Math.sin(a0), “L”, r1 * Math.cos(a0 += da / 3), “,”, r1 * Math.sin(a0), “A”, r1, “,”, r1, " 0 0,1 “, r1 * Math.cos(a0 += da / 3), “,”, r1 * Math.sin(a0), “L”, r2 * Math.cos(a0 += da / 3), “,”, r2 * Math.sin(a0), “L”, r0 * Math.cos(a0), “,”, r0 * Math.sin(a0)); path.push(“M0,”, -r3, “A”, r3, “,”, r3, " 0 0,0 0,”, r3, “A”, r3, “,”, r3, " 0 0,0 0,”, -r3, “Z”); return path.join(""); } d3.timer(function() { var angle = (Date.now() - start) * speed, transform = function(d) { return “rotate(” + angle / d.radius + “)”; }; frame.selectAll(“path”).attr(“transform”, transform); frame.attr(“transform”, transform); // frame of reference }); // ]]>[/raw]

Resultados de búsqueda en Google Un resultado típico Título: la primera línea de cualquier resultado de búsqueda es el título de la página web. Haz clic en el título para acceder a esa página web. URL: la dirección web de la página web del resultado aparece de color verde. Fragmento (Descripción): se trata de una descripción de la página web que aparece debajo de la URL y que puede incluir un extracto real del texto de la página. Los términos de búsqueda aparecerán en negrita para que te sea más fácil decidir si la página contiene lo que buscas.

**Título: 0 caracteres usados (Máximo 65)****Descripción: 0 caracteres usados (Máximo 156)****URL:**Search

Vista previa

Título de la página

www.maismedia.com

Esto es un ejemplo de descripción en los resultados de Google. Este contenido tiene un máximo de 156 caracteres.

En MaisMedia hemos recibido a Penguin como una actualización más; y es que con el correr de los días, se le va perdiendo el miedo al nuevo monstruito de google, y es que si nos ponemos analizar las cosas ya con la cabeza fría, nos daremos cuenta que Google Penguin y Panda trabajan básicamente en el mismo concepto: “El contenido de calidad y la calidad web”. Pero no hablo del contenido de un post, sino de evitar que las búsquedas de un resultado arrojen algo distinto de lo que en verdad busca el usuario; es más, tal es su relación que podríamos a considerar a Penguin como la actualización de Panda. Ahora bien, también debemos hablar de las “pequeñas - grandes” diferencias, y es que mientras Panda se centra en la originalidad de los contenidos y elimina o considera de baja calidad el contenido copiado, Penguin trabaja en la supresión de contenido spam, es decir, en aquellas webs que hacen mal uso del SEO: excesivas palabras clave, texto oculto, etc. y se encontraban gracias a esto gozando de las primeras posiciones. Si tu web fue golpeada por la actualización entonces lo más probable es que estos pequeños pero muy útiles consejos puedan ayudarte, si no a recuperar tus otrora excelentes posiciones de la noche a la mañana, sí a comenzar con el trabajo que, realizándolo de forma sostenida, dará frutos que no se verán desplomados por una actualización futura.

  • Lo primero que debes hacer es comprobar que las visitas han bajado desde la fecha de lanzamiento del pingüino, 24 de abril, si no es a partir de esta fecha la bajada es debida a otras causas.
  • Comienza o mejora el uso de Google Webmaster Tools; esta herramienta es muy útil ya que no solo te da todo tipo de orientación relacionada con el sitio web sino que cuenta con herramientas que te ayudan a hacer buen SEO; detectando así errores de mapa del sitio, o la opción de recibir mensajes de Google que informan acerca de cualquier error que se ha cometido.
  • La navegabilidad es un factor muy importante si hablamos de calidad, por eso preocúpate de los “pequeños grandes detalles”, los ítems deben estar claramente visibles, nada de diseños inusuales u otros errores que hacen que los usuarios se vayan rápidamente de tu página.
  • Demasiados anuncios solo te perjudicarán, es de entender buscar rentabilidad, pero eso no significa que los usuarios deban perderse entre el contenido y los anuncios.
  • Ponte en el lugar de un usuario de lo más crítico, de esa forma se podrá observar cuales son las posibles causas de abandono, ya que un alto porcentaje de abandonos o rebote es perjudicial, también de cara a Google.
  • El abuso de palabras clave. Esto ya está más que dicho, y aún hay muchos que caen en el mal SEO. Revisar el contenido y constatar que no es está incurriendo en esto ya sea de forma consciente o inconsciente es una buena medida. Si es necesario cambiar contenido es hora de ponerse manos a la obra.
  • Deshacerse de spam back links; olvídate de esos “programas de 5.000 links por 5 dólares”, ya que no le agradan a google.
  • Si vas a conseguir enlaces, que sean buenos, temáticos, de páginas con autoridad y con contenido relevante.
  • Variación de los anchor y urls de la página. No se pueden conseguir links solo a la home y solo con una keywords específica.
  • No hagas links o post invitados a páginas que se alejan del tema de tu web.
  • Nada de comentarios Spam.
  • Uso de los medios sociales, léase USO, mas no abuso.
  • Agrega botones para compartir en google Plus, Facebook, Twitter, etc.

Estos son algunas recomendaciones que podrían ayudarte a salir del objetivo pingüino o a no caer en él, si aun permaneces sin ser golpeado no cantes victoria, el algoritmo continúa rastreando. Si tienes dudas, o comentarios, no dudes en dejarlos.

La arquitectura de la información nace para los usuarios, y el motivo principal por el que estos acuden o usan una interfaz es porque tienen necesidad de  información.

Ahora bien, las necesidades de información pueden variar ampliamente y cada tipo de necesidad de información provoca que los usuarios muestren comportamientos diferentes, así, estos tipos de necesidad de información pueden ser: conocida (búsqueda de elemento conocido), o no conocida (búsqueda exploratoria). Por ejemplo, es distinto buscar el número de teléfono de una persona conocida en el sitio web de una organización, que hacer una búsqueda exploratoria sobre un tema desconocido en Wikipedia.

La búsqueda exploratoria,  suele ser abierta, ya que no hay expectativas claras de obtener una respuesta correcta (al contrario que la búsqueda de elemento conocido). En esta búsqueda nos conformamos con algún resultado válido, para usarlo en la siguiente iteración de búsqueda.

Pero, ¿cómo pueden conocerse estas necesidades y comportamientos de los usuarios? Existen varios métodos, pero destacan dos: Analítica de búsqueda e investigación contextual. La analítica de búsqueda implica revisar las consultas de búsqueda habituales de los usuarios de un sitio web, lo que nos hará entender mejor las necesidades de información.

La investigación contextual, por el contrario, es un trabajo de campo que se basa en la observación de los usuarios mientras interactúan en su entorno, y en este contexto, averiguar el porqué de sus acciones.

De esta manera, el objetivo de la arquitectura de la información es satisfacer la experiencia de los usuarios, tratando de obtener las respuestas correctas a las preguntas adecuadas en el momento preciso, contribuyendo, así, a una experiencia satisfactoria y positiva.

¿Qué es y qué no es la arquitectura de información? ¿Por qué una empresa debe invertir tiempo y dinero en la arquitectura de la información?

La arquitectura de la información es la disciplina que se encarga del diseño estructural de la información en diversos entornos compartidos, ej: Sitios web, dispositivos móviles, DVD’s interactivos, tableros e interfaces de instrumentos y máquinas, aplicaciones, juegos, etc. Se ocupa de organizar, estructurar, etiquetar y ofrecer un contexto para el contenido, determinando los niveles adecuados de “profundidad” o “granularidad”1 y decide la forma en que esta información se relaciona, consiguiendo así niveles óptimos de localización y gestión de dicha información.

Esta disciplina aporta varias ventajas y valores:

  • Reduce el coste de encontrar información
  • Ofrece una ventaja respecto a la competencia
  • Incrementa el conocimiento del producto
  • Hace que visitar un sitio web sea una experiencia agradable
  • Aumenta la fidelidad de la marca
  • Reduce la dependencia de la documentación
  • Reduce los costes de mantenimiento
  • Reduce el desorden organizativo
  • Facilita el intercambio de información
  • Reduce la duplicación de esfuerzos
  • Hace más sólida la estrategia de la empresa

Y que se reduce en una: Tiempo. O la facilidad de localización de la información global, lo que supone ahorro de tiempo y, por consiguiente, costes. Para entenderlo mejor, podemos formular las siguientes preguntas:

  • ¿Cuánto tiempo puede perder un empleado de su organización en encontrar la información que precisa?
  • ¿Cuánto tiempo tarda un usuario de su web en encontrar el producto que está buscando?
  • Y si la respuesta a estas preguntas es positiva ¿cuánto esfuerzo extra se deriva de este desajuste?

Como vemos, la arquitectura de la información es una disciplina invisible, pero con ventajas y valores tangibles, tanto para las empresas como para sus usuarios.

1 Extensión relativa o tamaño de los niveles de información, ej.: Categoría, subcategoría, artículo…

El Instituto Galego de Promoción Económica (IGAPE) abre convocatoria de subvenciones a empresas en Galicia, para apoyar el lanzamiento de productos o servicios en nuevos mercados internacionales mediante planes de marketing, promoción web, comunicación, imagen y marca para actuaciones a realizar entre el 1 de enero y el 15 de noviembre de 2010 Se considerarán subvencionables la optimizacion web, el desarrollo web, la fotografía, el diseño y las actuaciones dirigidas a mercados estranjeros para:

  • Creación de marcas de empresas de Galicia así como, en su caso, asistencia jurídica.
  • Definición del nombre, logotipos, imagen y formato digital, marca y asesoramento en la imagen corporativa para su adaptación a los mercados internacionales.
  • Elaboración de planes de marketing dirigidos al extranjero.
  • Realización de planes de marketing digital con el objeto de optimizar la presencia de la empresa en internet.
  • Análisis de los recursos TIC de la empresa y utilización de los mismos para abordar nuevos mercados internacionales. Diseño de un software específico para la elaboración de un plan de promoción internacional.
  • Difusión y divulgación con fines promocionales realizadas a través de campañas o inserciones en medios de comunicación, siempre que su difusión se realice en nuevos mercados extranjeros.
  • Elaboración de material promocional.

Las ayudas consistirán en subvenciones hasta el 50% a fondo perdido de las inversiones consideradas. El importe máximo subvencionable admisible por solicitante será de 40.000€ por concepto. El plazo de presentación de solicitudes finaliza el 30 de Junio de 2010. Para cualquier duda o aclaración no duden en ponerse en contacto con nosotros.

Si usted quiere que su web funcione lo mejor posible hoy y en el futuro, considere estos factores antes de construirlo. El desarrollo de una pagina web es parecido a hacer un puzzle, a veces la imagen se ve bien, pero cuando se mira de cerca, las piezas están en los lugares equivocados. Un sitio web podría funcionar, pero tan pronto como se realiza un cambio o una actualización, las piezas se desmoronan. ¿Cómo evitar la contratación de un diseñador o programador que crea sitios como estos? A continuación algunas preguntas que puede hacer y algunas sugerencias para ayudarle a entender la respuestas. 1. ¿Qué estándares web implementarán en mi web? Los estándares web son las especificaciones técnicas que definen, describen y recomiendan aspectos relacionados con la web, como la interoperabilidad, la accesibilidad y la usabilidad de páginas y sitios web. Diseñar y codificar paginas web usando estándares supone partir de una buena base que permitirá mejorar…

  • La compatibilidad con la gran mayoría de navegadores
  • La escalabilidad
  • El ahorro de recursos
  • La accesibilidad
  • La usabilidad e interoperabilidad

Una forma sencilla de ayudarle a entender esta pregunta es recordar que no todas las personas utilizan el mismo navegador o sistema operativo. El diseño y desarrollo de su pagina web basada en estándares permite su acceso en diferentes plataformas, hoy y en el futuro. 2. ¿Optimizarán mi web para buscadores? Hoy en día todo el mundo quiere que su pagina web sea fácilmente encontrable en buscadores. Dependiendo de cómo la pagina web esté diseñada y codificada afectará positiva o negativamente la “encontrabilidad” de su web en buscadores. Esta es una pregunta muy importante para hacer a la futura empresa responsable de su pagina web. Cuando contacte con los desarrolladores, fíjese si la persona con la que está hablando está familiarizada con la optimización en buscadores (SEO). Si la optimizacion en buscadores es una de sus estrategias prioritarias, es una buena idea asegurarse de que su sitio será construido con esta estrategia desde el principio. 3. ¿Cómo han propuesto el crecimiento de mi pagina web? Una pagina web anticuada no permitirá crecer mañana. Antes de empezar, la pregunta, “¿La tecnología que están usando me permite crecer o añadir funciones adicionales?” Puede pedir a los diseñadores o desarrolladores una breve lista de herramientas que ya han integrado en otras paginas web. Esto le permite no sólo la oportunidad de comprobar la experiencia, sino también si le ayudarán proponiendo ideas. 4. ¿Harán pruebas de mi proyecto web? No todos los proyectos requieren la misma tecnología, y para asegurar que las cosas funcionan como deben o se muestren correctamente, hay que testar el trabajo. Esta cuestión puede parecer trivial, pero se sorprendería del número de empresas de desarrollo web que prueban los proyectos en un sólo navegador web. Es recomendable preguntar específicamente qué navegadores y versiones se probarán durante el proceso de desarrollo. Si usted está construyendo una comunidad de usuarios o un sitio de comercio electrónico, el test es una parte importante de su éxito. La construcción de una pagina web con las funciones que usted necesita puede ser más complicado que un puzzle. La clave del éxito es encontrar la empresa adecuada que no sólo sabe componer un puzzle, sino que fabrica las piezas del puzzle adaptadas a su negocio.

En la mayoría de las interacciones entre clientes y diseñadores / desarrolladores de paginas web, las expectativas de los costes del proyecto son diametralmente opuestas. Entonces, ¿cuánto debe costar una pagina web realmente? La respuesta es más complicada que la mayoría de la gente supone. Ud., como consumidor de servicios de desarrollo de paginas web, es importante que tome algunas medidas para tener, al menos, unas nociones del proceso de desarrollo de una pagina web. Un consumidor informado es conocedor de lo que es bueno y lo que no. Estos son los elementos básicos de un proyecto web:

  • Hosting
  • Programación
  • Diseño gráfico y estilo
  • Marcado HTML
  • Cumplimiento de estándares, pautas de accesibilidad y pruebas
  • Mantenimiento

Detrás de cada pagina web hay, como mínimo, un programador y un diseñador. El conocimiento que poseen estos individuos y el tiempo que dedican en cada proyecto es a menudo pasado por alto y no se considera en cuanto al costo de un proyecto. Sin embargo, hay que prestar atención a:

  • Los Detalles. Los diseñadores profesionales prestan especial atención a los detalles de su pagina.
  • El Tiempo. Trabajar con profesionales de la web le permite aprovechar nuestra experiencia y conocimientos y ahorrar cientos de horas.
  • La Experiencia. Un diseñador profesional o empresa de diseño no sólo vende horas en un proyecto, estamos vendiendo muchos años de experiencia en el mundo de Internet.
  • El Conocimiento. Cuando usted contrata a un diseñador profesional o empresa, también está contratando acceso a una gran cantidad de información que hemos adquirido y estamos encantados de compartir.

Hay que tener en cuenta que usted no sólo paga por el tiempo del desarrollador, sino que está pagando por el conocimiento y la experiencia que ha adquirido a lo largo de muchos años.

Pagar por la Calidad

Pongamos un ejemplo: Su sobrino (primo, amigo, familiar cercano) sabe HTML y se ofrece a construirle una pagina web por sólo 100€, o incluso gratis. Su sobrino también sabe cómo usar un destornillador y un taladro. ¿Significa esto que él podría construir un coche seguro, fiable y eficiente para usted? Probablemente no, entonces, ¿por qué correr el mismo riesgo con su sitio web?, recordemos que su web es mucho más que la imagen de su empresa en Internet. Como con la mayoría de las cosas, todo se reduce a esto: Usted obtiene lo que paga. Si Ud. desea un sitio web exitoso, que sea atractivo, basado en estándares, accesible, optimizado para buscadores, estable, rápido y con miles de visitas al mes, entonces tómese tiempo para encontrar un buen programador / diseñador y esté dispuesto a pagar lo que vale. No se arrepentirá de la compra, se lo aseguro.

Superpone una simple cuadrícula para ayudar a alinear los elementos verticales y horizontales. Se pueden configurar fácilmente los tamaños de fila, columna y espacio, elegir la alineación a la izquierda, derecha o central y la opacidad de la cuadrícula. Descarga: Gridfox Complemento anterior: Firebug + Firecookie + Codeburner

En esta serie vamos a publicar la lista de complementos/extensiones imprescindibles para Firefox, que abarcan desde la inspección DOM a capturas de pantalla, haciendo del diseño y desarrollo con Firefox una maravilla.

Firebug + Firecookie + Codeburner

El primero de la lista se complementa con 2 add-ons que cuando se combinan forman una de las más potentes herramientas de desarrollo web. 1. Firebug: si estás haciendo cualquier tipo de desarrollo en Javascript Firebug es esencial. Sin Firebug realmente estamos dando tumbos en la oscuridad cuando se trata de depuración de código. Firebug no sólo ofrece una robusta consola de error, sino que también permite añadir interrupciones de código. El inspector de HTML y CSS da la libertad de navegar, ya sea en código fuente o en un elemento dentro de la página para ver su marcado. Firebug también permite editar “en vivo” el HTML y CSS y muestra los resultados al instante. 2. Firecookie: Es un add-on de Firebug que añade una nueva funcionalidad: completar la visualización y gestión de cookies. Puedes ver el contenido completo de cada cookie, e incluso editar y borrar. 3. Codeburner completa la configuración mediante la adición de una referencia del W3C que permite buscar elementos y atributos HTML, así como propiedades CSS. Codeburner además muestra la compatibilidad de las propiedades de navegadores. Está muy bien. Descargas: Firebug, Firecookie, Codeburner

Anteriormente comentábamos, [3ª etapa, Promoción web] que Internet es un medio que funciona por atracción de los internautas. Es decir, vienen a visitar nuestras páginas porque hay algo en las mismas que los atrae. Básicamente, será información, que se puede presentar de múltiples maneras. Pero no sólo la información que damos debe ser valiosa, sino que debemos renovarla continuamente si queremos recibir visitas repetitivas. Efectivamente, si tenemos unos contenidos muy interesantes pero son siempre los mismos, sólo resultan atractivos para la primera visita de cada internauta. Una vez que ya los conoce o los ha cogido, ya son viejos y no tiene nuevos motivos para visitarnos. Por lo tanto,…

… es imprescindible actualizar los contenidos de las páginas.

Además, se debe innovar. Ya no se trata sólo de actualizar los contenidos existentes, sino de que…

… debemos cambiar, ofrecer novedades: nuevos contenidos, nuevos servicios, nuevos productos, nueva imagen, nuevas promociones..

… de manera que mantengamos permanentemente el interés de nuestros clientes para que sepan que en nuestras páginas encontrarán siempre la solución a sus necesidades. Además, cada innovación que lanzamos puede ser nueva y, por lo tanto, noticiable. Es decir, que nos ofrecerá la oportunidad de hacer publicidad y, así, captar a nuevos adeptos.

Ya tenemos las páginas diseñadas y “colgadas” en la red [Ver etapa anterior: Definición de la estrategia de Marketing en Internet (2ª parte)]. ¿Y ahora qué? ¿A esperar que lleguen los internautas? No. Existe un mito, difundido por las partes interesadas, que dice que, por el solo hecho de colgar tus páginas en Internet, tus páginas recibirán miles de visitas desde el primer momento. Pensémoslo fríamente. Existen más de 100.000 millones de páginas web en el total de la Red, es decir, que cuando el internauta se conecta a Internet, puede entrar en cualquiera de estas 100.000 millones de páginas. ¿Quién puede pensar, razonablemente, que con esta cantidad de páginas para escoger, los internautas se detendrían precisamente en las nuestras? ¿Cómo se producirá este efecto? ¿Por arte de magia? Es evidente que…

…deberemos conseguir informar a nuestros clientes potenciales de que estamos en la Red y de que les ofrecemos nuestros servicios.

Simplemente haciendo esto y haciéndolo bien, empezarán a llegar contactos.

En la etapa anterior hemos definido todo lo que queremos poner en la Red contestando a varias preguntas clave [Ver Definición de estrategia en Internet]. En ésta se trata de desarrollar el conjunto de lo que hemos definido, tanto “las páginas” y sus contenidos como nuestro boletín, si así lo hemos definido. Aquí se incluye…

…la redacción de textos, el diseño de la imagen gráfica, el desarrollo de los contenidos y la arquitectura de la información de las páginas y los servicios.

Hay que decir aquí que la automatización del máximo número de funciones y servicios es fundamental para evitar encontrarse desbordado en el momento en que empecemos a alcanzar un nivel de tránsito continuado. También es importante decir que la creación debe ser realizada por profesionales de Internet que conozcan el medio, sus normas y la manera de conformar, en conjunto, un sitio web atractivo para el usuario y eficaz desde el punto de vista de la consecución de nuestros objetivos. [Siguiente etapa: Promoción]

Karl -

Estoy de acuerdo con lo último que se explica en la entrevista, la mayoría de la gente no sabe buscar en google u otros buscadores, y además también se da otra curiosidad, por llamarla de alguna manera. Por ejemplo, si buscas fereterías mayoristas en Coruña, la página de resultados te da por este orden: 1º Tres anuncios patrocinados, dos de ellos de regalos en general, el otro de una ferretería que se ha molestado en hacer una campaña SEM. 2º Una serie de directorios dónde vienen ferreterías de todos los tipos, tamaños y localizaciones, desde Coruña hasta Sevilla. 3º La páginas amarillas con más de lo mismo. 4º Resultados de maps.google.es con ferreterías incluso en Pontevedra. Quizá lo que ocurre con google y otros buscadores es que aún casi nadie está concienciado de que para vender hoy en día, tienes que dirigirte a tus clientes potenciales, que suelen estar en sus casas sentados ante un pc, navegando por internet, y buscando casi de todo, que prefieren coger lo mínimo el coche porque es un infierno encontrar aparcamiento, si uno se fija bien, el comercio del futuro es el comercio electrónico, los clientes se quedarán cada vez más en sus casas, comprarán a través de una página web, mediante un formulario y pagando con paypal o tarjeta electrónica, esperarán en sus casas a que les llegue el producto, y se sentirán felices porque no habrán tenido que coger el coche y dar mil vueltas para aparcar. Parece que el Just In Time (JIT) va llegando a la venta, aunque lo hace sin prisas. Está claro que las empresas que más venden, incluso en época de crisis son aquellas que están firmemente posicionadas en internet, que tienen páginas web atactivas y dinámicas, y que por supuesto aparecen las primeras en los resultados de las búsquedas de los potenciales clientes, dando de esta manera un paso diferenciador con respecto a la competencia, ya que no es lo mismo esperar a que alguien entre en tu establecimiento, mire lo que tienes, y se marche o compre impulsivamente algo, a que entres en su casa, le ofrezcas un producto determinado, de manera atractiva, por esa ventana que es la pantalla de ordenador, y que está más que probado y comprobado que cada vez más ocupa un lugar relevante en la vida de los consumidores, incluso por encima de la televisión. Un saludo

Entrevista a Ouali Benmeziane, organizador del primer congreso en la capital catalana sobre buscadores, Search Congress Barcelona, posicionamiento y marketing en Internet, celebrado del 28 a 31 de enero.

El fenómeno del posicionamiento en buscadores y el marketing online, explica Benmeziane, ya no es exclusivo de frikis de Internet sino que también interesa a pequeñas y medianas empresas y a todo aquél que quiera tener presencia en Internet. Google canaliza la inmensa mayoría de las búsquedas por Internet y entender su lenguaje no sólo permite encontrar, sino también ser encontrado.

-¿De dónde surge el Search Congress Barcelona?
-Cuando llegué hace un año a Barcelona buscaba a la gente de SEO [Optimización en Buscadores, por sus siglas inglesas], de SEM [Marketing en Buscadores] y de marketing online. Estaba segurísimo que habría un gran evento o feria donde hacer contactos, pero no la había. Barcelona es una ciudad avanzada a nivel tecnológico y puede ser sede de un evento de este tipo y traer a gente de Google, Microsoft, Yahoo! y empresas de este tipo.

-¿Qué habrá en el congreso?
-Será seguramente uno de los mayores congresos de España a nivel de marketing online. Será grande por los ponentes que tenemos: vienen los tres grandes buscadores y gente de toda España, Europa y desde fuera.

-¿A quien está dirigido?
-Queremos hacer un evento donde puedan venir las pymes, las ONG, los estudiantes… No nos interesa hacer un evento muy caro y enfocado sólo a expertos, porque ellos ya saben donde encontrar la información. Esta época difícil y de crisis es el momento para aprender a hacer marketing online y aprovechar Internet: es un medio barato y que realmente puede traer muchas ventas a una empresa. No se necesita ser un webmaster o un crack del posicionamiento. Por supuesto, vendrán expertos y el nivel de los ponentes es muy bueno, pero queremos que el nivel de los asistentes sea medio, que venga gente que sepa y gente que no sepa nada y quieran descubrir.

-¿La mayoría de la gente no especialista desconoce la importancia de esta forma de promocionarse?
-La gente no sabe que es un buscador. Conocen Google, Live o Yahoo!, pero no saben como funcionan y, lo que es peor, no saben lo que se puede hacer con ellos. Pueden utilizar un buscador como Google para atraer a muchos clientes. El marketing en buscadores sirve para esto y la idea del congreso es enseñar posicionamiento en buscadores. Además de los expertos y de comerciales que venderán sus servicios, también estarán los propios buscadores para explicar que es lo que se puede hacer con ellos. No enfocamos a un nivel súper-alto, sino a un nivel medio para compartir conocimientos y aprender.

-¿Cada vez hay más interés por las técnicas de posicionamiento en buscadores?
-La gente empieza por aprender palabras como SEO y SEM y por tener interés por aparecer en los buscadores. En realidad no son nada más que páginas web, pero si hablas de Google, Yahoo! o Microsoft la gente te responde que le interesa aparecer ahí y te preguntan cómo pueden hacerlo y si es gratuito o hay que pagar. Aparecer en la página 10 en una búsqueda de Google no vale, hay que aparecer en la primera página de resultados.

-¿Hay que saber mucho para mejorar el posicionamiento de una web?
-Ser SEO es algo muy técnico, muy difícil. No es ni arte ni magia, es una ciencia que requiere mucho trabajo, seguimiento y análisis y también tener conocimientos básicos de programación y saber de marketing. Pero para promocionar un producto o una página web no hay que ser experto. Los buscadores tienen un funcionamiento súper-sencillo, con unas herramientas donde se eligen unas palabras clave y ya se está online.

-¿Habrá un momento en que la principal inversión en márketing será online?
-Estoy convencido. En una campaña nacional de televisión no se sabe a que audiencia se va a llegar, mientras que con el marketing online se puede ir directamente al cliente que se quiere llegar. Las redes sociales, la blogosfera o los buscadores permiten pagar sólo la publicidad que llega a la gente que puede estar interesada en el producto.

-Y también se puede medir el impacto que ha tenido una campaña.
-En Internet se puede medir todo: el impacto, las visitas que has tenido, cuanto tiempo se quedaron en tu página web, quien es la persona, de donde viene, su perfil, su edad, su sexo… Y esta es un arma enorme para vender.

-¿Algún día podremos preguntar a los buscadores con un lenguaje natural?
-Esto es algo que se llama human search [búsqueda humana, en inglés]. Hay un buscador famoso que se llama Powerset y que lo acaba de comprar Microsoft. Lo que intenta hacer es comprender nuestro lenguaje, nuestra forma de hablar y dar los resultados adecuados a la consulta. Es difícil porque somos complejos.

-¿Entonces es mejor que nos adaptemos nosotros y hablemos como los indios de las películas?
-Somos capaces de hacerlo, pero al buscador le es más rentable entendernos él a nosotros porque así irá más rápido vendiéndonos sus servicios. Por lo tanto, iremos hacia una fórmula en la que el buscador entenderá más nuestro lenguaje.

-¿La mayoría de la gente sabe formular correctamente sus consultas en los buscadores?
-Hoy la gente no sabe buscar. La mayoría no saben. Con esto quiero decir que no optimizan sus búsquedas. Cuando se aprende a buscar ya no se busca pisos Barcelona, sino que se busca entendiendo cómo funciona el buscador. Si en el buscador introduzco la consulta piso en alquiler en Barcelona a compartir y que no supere los 400 euros, si hay un anuncio que diga esto lo voy a encontrar. Es lo que se llama la long tail [larga cola, en inglés]. En las búsquedas hay poner al menos tres o cuatro palabras clave. Algunas personas hacen búsquedas muy genéricas, que no les ayudan a encontrar lo que buscan.

Enlaces y Referencias:

Search Congress Barcelona: www.search-congress.com Fuente: www.lavanguardia.es

Pronto una lista de herramientas para verificar y optimizar el SEO

Colección de chequeadores, validadores, generadores y herramientas para verificar y optimizar la Accesibilidad Web

La definición de la estrategia de Marketing para Internet que queremos seguir consta de varias preguntas, por ejemplo: ¿A quién nos dirigimos? ¿Para qué? ¿Con qué objetivos? ¿Cómo lo haremos? ¿Qué ofreceremos en nuestro sitio web? ¿Qué nuevos productos podemos crear? ¿Qué contenidos podemos ofrecer? ¿Qué posibilidades daremos a los clientes para que interaccionen con nosotros? ¿Qué medios pondremos en juego? [Definición de la estrategia de Marketing en Internet (2ª parte)]