No soy SEO

Y aunque suene raro para algunas personas que conocen un poco los “medios laborales” por los que me muevo, no soy SEO. No soy esa persona que vende dichos servicios y que además es experto en ello. Yo lo que soy es un diseñador web aficionado al SEO, que me gusta mucho al igual que otros medios que constituyen el marketing online.

El diseño web es una parte que compone la gestión de un proyecto web en su totalidad. Y el SEO lo es también, así que tanto el uno como el otro son parte de un proyecto web. Hay otros componentes como la analítica, la usabilidad, etc.

Es así como al trabajar de diseñador web, en un momento de la vida me tope con el SEO debido a la importancia en los pequeños proyectos que realizaba. Empecé a investigar y a probar, libros, blogs, siguiendo a SEOs de verdad en twitter, etc. Pero nada más allá de lo básico y la experiencia del día a día que aún sigue dando resultados y bastante buenos. Por lo que el SEO no es mi función principal, ni secundaria, no soy SEO. Aplico técnicas SEO normales, sencillas y con cabeza a los sitios web que manejo y los de mis clientes.

¿Funcionan los conocimientos sobre SEO que he aprendido? Claro que si y muy bien como dije antes, pero si buscas un profesional SEO puro y duro que se dedique al tema al 100% y te sepa posicionar en primer, segundo o tercer resultado con las palabras que tu quieres, esa persona no soy yo.

Mockup de elementos web para Inkscape

Hoy me he encontrado con una colección de elementos de interfaz de usuario en formato SVG, así que no solo lo puedes editar con Inkscape sino con programas tipo illustrator, Corel, etc. Ha sido un descubrimiento especial ya que uso mucho estas herramientas para crear bocetos de los diferentes proyectos web que realizo y ahorrar tiempo en la ejecución.

Desde hace unos meses trabajo con Ubuntu Linux y mi software de edición vectorial es Inkscape, no es el mejor ni el más completo software de edición vectorial pero me sirve totalmente para lo que suelo hacer y con este pack de elementos me puedo centrar más en inkscape y dejar un poco de lado Photoshop.

El formato SVG se compone de trazos vectoriales escalables y que se están popularizando en la web debido al soporte de casi todos los navegadores.

Más información y descarga de este pack en Github.

Creando una aplicación para Firefox OS

El sistema operativo para dispositivos móviles que ha creado mozilla basado en su excelente navegador Firefox me ha llamado mucho la atención debido a su simplicidad y a su esencia que nos es más que aprovechar todos los recursos de creación web, desde lo más simple como HTML y CSS hasta lenguajes de programación orientados a la web y que funcionan en un servidor normal.

Sin lenguajes especiales, APIs propietarias, etc. Podemos crear nuestra aplicación adaptada a Firefox OS como si fuera una “web app” y publicarla, sin más.

En este primer post vamos a ver lo que necesitamos para crear una sencilla aplicación que se ejecute en un terminal con Firefox OS.

Lo primero que tenemos que hacer es agregar a nuestro proyecto “Web App” un manifiesto de aplicación. Es un archivo JSON que describe nuestra aplicación, incluyendo nombre, iconos y una descripción para el usuario.

El manifiesto debe estar alojado en el mismo dominio que el sitio web. El archivo sería algo así como esto:


{
"name": "Mi Aplicación",
"description": "Descripción de mi aplicación",
"launch_path": "/",
"icons": {
"128": "/img/icon-128.png"
},
"developer": {
"name": "Nombre desarrollador o empresa",
"url": "http://tusitioweb.com"
},
"default_locale": "es"
}

Y por último tener nuestro proyecto desarrollado o en desarrollo para enviarlo al “Marketplace” de Firefox https://marketplace.firefox.com/developers/submit/ ya depende de ti la envergadura y requerimientos.

En la próxima entrega crearemos una aplicación muy sencilla y veremos la forma de probar nuestra APP antes de enviarla al marketplace. Los espero por aquí.

Más información sobre la creación de aplicaciones para Firefox OS en la web de Mozilla.

El proyecto eterno o muerto

Siempre que se quiere iniciar un negocio, startup o lo que sea, primero a surgido una idea. Muchas veces esa idea se queda en el tintero y se pierde en el tiempo sin ni siquiera llegar a ser algo real.

También tenemos la parte de la ejecución de la idea, cuando ya pasa a ser un proyecto, con organización, trabajo y todo lo que esto conlleva. Y en muchas ocasiones el proyecto se queda parado ya sea por falta de motivación o interes en otros aspectos que alteran dicho proyecto.

Pongamos un ejemplo para que nos entendamos mejor. Una tienda de muebles reconocida en su sector quiere aprovechar Internet para ampliar sus ventas y captar nuevos clientes. No se designa un responsable para ejecutar ese proyecto y mantenerlo, así que se empieza a improvisar. El resultado es que consiguen tener algo en Internet pero hasta ahí llega todo. Un canal de venta muerto en vida, y eso en el mejor de los casos, ya que en otras ocasiones, el proyecto de tienda online o sitio web se queda en bocetos y horas de trabajo tirados a la basura con el coste que eso supone para la empresa.

Por parte del desarrollador o empresa que ejecuta dichos proyectos, que es la parte que me toca, es frustante porque a pesar de que cobras por lo que se ha hecho, tu trabajo al final no se vuelve real y el ayudar a esa empresa o profesional a aprovechar las ventajas de Internet se queda en simples buenos deseos y ganas.

Así que para terminar, por favor si tienes una idea o proyecto a realizar, invierte tu tiempo y el de los demás como también el dinero solo si estás seguro de hacerlo, que el unico impedimento para detenerlo sea una apocalipsis.

Agosto, mes de las cometas

En la tierra en la que nací, los vientos no son tan normales como en Lanzarote o en el conjunto de las islas Canarias. El mes de agosto se espera con ansias ya que llegan los “buenos vientos” y con ellos las cometas.

Cuando era más joven, desde julio o antes nos preparábamos, como si fuera un ritual, para fabricar nuestras cometas. Algunas muy personalizadas, unas grandes, otras chicas, coloridas, complejas, fáciles, etc. Pero casi todos los niños y algunos adultos disfrutaban de su cometa.

Al vivir en una gran ciudad en pleno crecimiento y de forma desmesurada además de descontrolada, “elevar” la cometa era un trabajo complicado debido al “frondoso” tendido eléctrico. Así que teníamos que buscar la periferia o las montañas que rodean la ciudad para tener una buena experiencia.

Sin duda es uno de los más bonitos y buenos recuerdos de mi niñez y de la ciudad en la que nací.

El diseño está en el aire

Para muchos negocios, productos, servicios e ideas el diseño es algo innecesario. Es como si el pequeño empresario o autónomo le tuviera miedo al diseño gráfico o corporativo. Y parte de esto es debido a que ven en el diseño algo innecesario y que aporta poco o nada a su negocio además de ser muy costoso. Claro, si se comparan con grandes marcas o multinacionales y presupuestos para estrategias de marketing a gran escala es normal. Pero vamos a ocuparnos de lo que son, pequeños negocios no grandes empresas.

Los detalles marcan la diferencia
Alguna vez te has parado a pensar porque te has decantado por una u otra marca? Alguna vez has dicho algo como: “me fío de esta empresa, se ve seria” solo con ver su presentación. Y el caso no es parecer, es transmitir al exterior, a tu publico, que cuidas de tu idea, marca o producto. Si transmites esa confianza, los demás lo asociaran de manera positiva a tu producto o servicio.

Un buen diseño, además de bien ejecutado dota de personalidad a una idea, hace que sea comunicativa y se identifique más allá de lo personal y aporta credibilidad.

¿Por qué hay miedo?
Es algo normal ver entre los pequeños negocios el rechazo al buen diseño. La mayoría de empresas se gastan dinerales en proyectos, licencias, mobiliario, transporte, renting, leasing, etc. Pero casi nunca en buscar una empresa o profesional que les ayude a comunicar, algo fundamental. ¿Entonces el miedo es por el dinero? Parece que si, es un miedo sin fundamento ya que se tienen en cuenta otros gastos pero no uno tan importante como el de la comunicación, que para una pequeña empresa o profesional no es caro.

En nuestros días la mayoría de sectores adolecen de falta de diseño. Deben tomarlo más en serio y pensar por qué hay servicios o empresas que gozan de una mejor aceptación que otras. Todo parte desde algo tan básico como el diseño y la marca, donde también está involucrado el marketing.

Les dejo un vídeo de Ricardo Tayar hablando sobre Diseño. Porque al final todo va pasando, SEO, SEM, estrategias de marketing, pero el Diseño seguirá ahí, es eterno.

Crear acciones en Photoshop

Los trabajos repetitivos son aburridos y hacen que en ocasiones nos equivoquemos. En el mundo tecnológico muchas veces por desconocimiento hacemos muchos de estos trabajos repetitivos sin darnos cuenta que podemos automatizar procesos. Es lo que ocurre con Photoshop y su herramienta para crear Acciones. Algunos usuarios desconocen el potencial de esta herramienta, así que vamos a ver como podemos automatizar procesos.

Tenemos que poner un ejemplo. Imaginemos que tenemos X imágenes a las que queremos cambiarle el tamaño y otras pequeñas opciones de retoque. Por lo general iríamos una por una realizando ese trabajo. Veamos como podemos hacerlo automáticamente para que un trabajo de muchos minutos u horas se terminé en segundos o pocos minutos.

Aporta credibilidad a tu sitio web

Muchas veces he leído y escuchado sobre los puntos y pautas para que un sitio web o comercio electrónico aporten credibilidad y confianza a los usuarios o visitantes del mismo. Se hace hincapié en puntos como:

  • Teléfono de contacto visible.
  • Datos de la empresa y ubicación si dispone de ella.
  • Aviso legal y ley de protección de datos
  • Y más cosas…

Todo esto es de vital importancia y necesidad. Pero si vamos más allá de lo obvio y queremos aportar una credibilidad total de nuestro sitio web tenemos que cuidar los detalles, esos pequeños detalles que marcan la diferencia o que hacen que el visitante de nuestra web se vaya porque le da “mala espina”.

¿Y a que detalles me refiero? No es una valoración exacta de estos detalles pero expondré algunos de los que me he encontrado y que pueden hacer que tu sitio no sea tomado en serio.

Imágenes genericas
Las típicas de bancos de imágenes gratuitos y de pago. Muchas de estas imágenes las vemos en varios sitios y hasta son familiares para el usuario. Con esto no estamos mostrando la realidad de nuestra empresa o negocio.

Textos de relleno
Está bien para las versiones beta de nuestra web o algo recientemente lanzado. Pero tener una web con más de seis meses en línea y con textos tipo “Lorem Ipsum” resulta chocante.

Enlaces fantasma
Los típicos enlaces internos o externos que no llevan a ningún sitio. O peor aún, iconos de redes sociales inaccesibles.

Pies de página extraños
Textos en el pie de página con “copyright by yoquese” Información que no tiene que ver con el sitio o enlaces que apuntan a dudosos sitios como “hotel en mallorca” “viajes a japón”, etc.

Falta de armonía
Mezcla de colores sin sentido. Tamaños de fuente diferentes en un mismo párrafo. Varios tipos de letra, imágenes pixeladas, Imágenes rotas, enlaces rotos.

Seguro que me dejo mucho más, no tomo nota de lo que voy viendo a diario. Si hay algo más, actualizaré el post.

No es que sea muy “especial”, créeme, el usuario se fija en estas cosas directa o indirectamente. Es quien toma la última decisión. Y por favor, pensemos y ejecutemos sitios para personas, demos facilidades e información relevante y detallada. Haz que el visitante disfrute con tu web, no le hagas pensar cosas negativas y peor aún, que se ponga a desentrañar Google buscando información de tu sitio, marca o producto para ver si es de confianza o no.

Sombras con CSS

Vamos a aprender como usar sombras en diseño web con CSS sin recurrir a métodos arcaicos como usar Photoshop. Además usaremos este post como “chuleta”, “Cheat sheet” u “hoja de consulta rápida”… como quieras llamarle. Así que guárdala en favoritos, “linkala” o dale al +1.

Empecemos con cajas. En el ejemplo veremos como dar sombra a todos los lados de una caja, la parte de arriba o de abajo solo y los laterales.

Check out this Pen!

Check out this Pen!

Y por último vamos a ver como darle sombra a los textos.

Check out this Pen!