Diseño web: Nueva imagen de Escolá

El mundo de las páginas web avanza a un ritmo trepidante, un diseño web puede quedar obsoleto con el paso de los años además las nuevas tecnologías, siempre cambiantes, también favorecen al hecho de que una web se vea anticuada.

Los monitores han cambiado a pasos agigantados, hace unos años la resolución de pantalla más extendida solía ser de 800x600 pixels, ahora la mínima resolución que aceptan los monitores es de 1024 pixels. Al hacer el diseño web de una página hay que tener en cuenta muchas cosas, una de ellas es la resolución de pantalla, ya que, además de ser poco práctico y muy molesto, no queda nada estético que tenga un scroll horizontal.

En Escolá son conscientes de que su web se había quedado anticuada en cuanto a diseño web y para una empresa de moda es una imagen poco deseable. Si cada temporada cambian sus diseños y se llevan unos colores distintos a la anterior ¿Por qué no hacer lo mismo con su web?

Por ello volvieron a confiar a BDS su diseño web, para que actualizáramos su imagen y presencia en internet.

A parte de cambiar el diseño web se les ha implementado el gestor de contenidos CUBIC CMS que les permite la total gestión de su página web.

Además de poder gestionar los contenidos de la web: textos, imágenes... pueden gestionar su entorno, es decir directamente desde el gestor de contenidos pueden cambiar los colores de fondo de su página para adaptarlos a los colores de las nuevas temporadas que vayan sacando al mercado.

Pero eso no es todo, cuentan también con tienda on-line totalmente administrable por ellos en cualquier momento.

Aquí os mostramos el cambio en el diseño web de Escolá, a la izquierda la versión anterior y a la derecha la nueva versión.¿Qué os parece el nuevo diseño web?

Proyectosbds en Facebook

BDS especialista en diseño web Zaragoza crea su página en facebook.

Proyectosbds en Twitter

Creamos nuestra cuenta twitter. Todo sobre diseño web en Zaragoza en www.proyectosbds.com, te esperamos.

Posicionamiento en buscadores, herramienta para palabras clave

Uno de las principales motivos por los que tener una página web, además de dar información a los que ya conocen nuestra empresa, es encontrar nuevos clientes por ello cada día se le da más importancia al posicionamiento en buscadores.

Lo importante es aparecer en las primeras posiciones cuando un usuario introduce un término en cualquier buscador, ya que muchas veces ese usuario no se molesta en buscar más allá de esas primeras posiciones que le ofrece el buscador.

Para favorecer el posicionamiento en buscadores son importantísimas las palabras claves. Llamamos palabras clave a las palabras o términos por las que queremos que nuestra página aparezca cuando un usuario las busque. Por ejemplo, si tenemos una empresa dedicada a la elaboración de puertas utilizaremos las palabras más importantes que consideremos en relación a puertas.

Una cosa a tener en cuenta en relación a las palabras clave es que cuanto más específicos seamos mejor, cuantas menos palabras genéricas usemos mejor será para conseguir un buen posicionamiento en buscadores. Siguiendo con el ejemplo de las puertas, si queremos posicionar “puertas” nos va a resultar mucho más complicado que posicionar “puertas de aluminio”, “puertas de madera”, “puertas blindadas”, etc…
Cuanto más específicos seamos menos competencia tendremos a la hora de posicionar en buscadores nuestra web.

Una herramienta muy útil para ayudarnos en la selección de palabras clave es la que nos facilita Google AdWords. Nosotros le damos unas cuantas palabras que consideramos oportunas para posicionar nuestra web, le decimos cual es nuestra página y la herramienta, basándose en las palabras que hemos elegidos, nos devuelve ideas para palabras claves mostrándonos el nivel de competencia de esas palabras y el número de búsquedas mensuales tanto globales como locales. De esta manera podemos seleccionar nuestras palabras clave guiándonos por la competencia, cuanto menos competencia más fácil de posicionar en buscadores.

Aquí tenemos un ejemplo de los resultados e ideas que nos ha dado la herramienta para decantarnos por unas palabras clave sobre otras:

Presencia en web: primeros conceptos

En los tiempos que corren, donde Internet se ha convertido en una herramienta casi imprescindible en nuestras vidas, es importante que una empresa tenga presencia en la red. Podría decirse que si no estás en la red casi ni existes.

Es muy común buscar información por medio de los buscadores, tipo Google. Si necesitas, por ejemplo, una empresa que se dedique a carpintería, si buscas un sitio donde comer y te facilite la información que necesitas antes de ir para saber que es lo que buscabas, recurres a los buscadores.

Por ello es muy importante contar con una página web, por muy sencilla que sea, que ofrezca al posible cliente una información de calidad. Cuanto más clara y concisa sea esa información, mejor para la empresa y clientes, además de para Google, ya que ayudará al mejor posicionamiento en buscadores.

Además la información no debe estar reñida con el aspecto de la página, por lo que un buen diseño es más atractivo para el visitante de la web, si al visitante le atrae el diseño de una web estará más abierto a contar con esa empresa para lo que sea que la necesite.

En el mercado podemos encontrar diseños basados en plantillas, son más baratos y pueden ser adaptados a los colores corporativos de cada empresa, eso sí, al ser basados en plantilla puede que te encuentres una web muy parecida a la tuya. También encontramos diseños a medida, estos son los que, una vez estudiadas las necesidades de cada empresa, se empiezan de 0 y son totalmente exclusivos, por ello son más caros.
Dependiendo de las necesidades de la empresa le interesará más uno que otro, un diseño basado en plantilla no es ni mucho menos de peor calidad, simplemente que al no ser exclusivo es más económico.

Sobre contenidos, existen webs que al no ser necesario ir actualizando sus contenidos pueden quedarse desde el primer momento tal y como están, y en el momento de tener que modificar algo cambiar esos contenidos sobre las plantillas estáticas. Por el contrario otras webs, dependiendo de la actividad de la empresa, necesitarán ser actualizadas constantemente por lo que les convendría contar con un gestor de contenidos que les permita, fácilmente, modificar y actualizar la web sin necesidad de depender de la empresa que ha desarrollado su web.

Existen muchos gestores de contenidos en el mercado, BDS, asociada con CUBIC FACTORY, ha desarrollado un gestor de contenidos totalmente intuitivo y que cuenta con muchas prestaciones que lo hacen realmente atractivo para el usuario. Para conocer más sobre este gestor de contenidos, visita la página web de CUBIC FACTORY:
http://www.cubicfactory.com/

Nuevo proyecto de posicionamiento

POSICIONAMIENTO WISKEHRS.COM

Acabamos de finalizar un proyecto de posicionamiento orgánico en buscadores (SEO) para Wiskehrs, empresa especializada en la fabricación de maquinaria de construcción para elevación: minigrúas, elevadores de obra, elevadores de bricolaje….

Se trababa de un proyecto complejo: había de trabajarse con múltiples términos y para varios mercados. La principal dificultad radicaba tanto en el nulo posicionamiento inicial como en la variedad de términos por los que habían de conseguirse resultados. El trabajo supuso la remodelación completa de la estructura interna de la web. Resultados obtenidos en 9 meses:

Palabra clave	Posición al inicio	Posición conseguida
Fabricantes de maquinaria ligera	> 100	1
Fabricación de maquinaria ligera	> 100	1
Elevadores de bricolaje	> 100	1
Maquinaria ligera	> 100	3
Elevadores de construcción	> 100	7
Elevadores 100Kg	> 100	3
Elevadores 200Kg	> 100	3
Elevadores 300 Kg	> 100	5
Minigrúas	> 100	12
Minigrua 300 Kg	> 100	1
Minigrua 400 Kg	> 100	1
Minigrua 500 Kg	> 100	1
Catálogo de maquinaria ligera	> 100	3

Unidades de medida en webs accesibles (I)

La necesidad de utilizar unidades relativas en vez de absolutas al desarrollar una página web accesible es el “punto 1″ de cualquier manual de diseño accesible. Tan obvio, que al menos el 75% de las webs que se dicen accesibles (incluyendo algunas de organismos de ámbito estatal) se lo saltan a la primera de cambio.

Así, en la realidad nos encontramos frecuentemente con sitios web que proclaman accesibilidad pero que incumplen de raíz esta cuestión. Y no porque no usen unidades relativas, que las usan, sino porque todas ellas las usan dentro de un contenedor CSS que, ni cortos ni perezosos, definen así: content {width:980px;}. A partir de ahí, todo lo relativo queda supeditado a ese absoluto, y el invento no puede funcionar….

La solución lógica es utilizar prioritariamente la unidad “em”, que sin ser tan predecible en su visualización como lo es el pixel, es al menos bastante más controlable que la utilización sistemática de los porcentajes (no digo que no se usen porcentajes, pero sí digo que con los em tendremos algo más de control).

Es fácil utilizar em? SÍ, es tan fácil como usar pixels, si tienes claras tres cosas fundamentales:

1. ¿Cuánto mide un EM?. Según la definición formal, un em es “una unidad relativa que representa la altura de la fuente de un elemento”. Toma ya. Se entiende bien, no? Aquí empezamos a tropezar y a cogerle manía al em. Así que cortemos de raíz con este problema y hagamos una afirmación arriesgada pero que nos servirá para empezar bien nuestra relación con los em: Un EM mide 16 pixels. A que así es más fácil? ya hemos solucionado el problema de todas esas webs que empezaban su CSS con aquel content {width:980px;}. No tenemos mas que cambiarlo por content {width:61.25 em;}
2. ¿Cuándo falla la regla 1?. Lo siento, no podía ser todo tan fácil, la regla 1 tiene excepciones y un EM no siempre mide 16 pixels. Si el estilo está definido para un elemento que está DENTRO de otro elemento en el cual se ha definido el tamaño de texto en em, la referencia ya no es a 16px sino a ese tamaño de textos. Por ejemplo, si el texto del elemento padre es tamaño 8px (0.5em hasta ese momento), dentro de ese elemento los estilos que definamos tendrán la equivalencia 1em=8px, y no 1em=16px.
3. ¿Cómo evitar ese encadenamiento de dependencias?. Semánticamente, esa dependencia del elemento padre puede tener sentido, pero operativamente es un infierno. La mejor solución es además una buena práctica de CSS: separar los estilos de LAYOUT de los estilos de TEXTO:

Mal:

.tituloA { float:left; width:20em; text-align:right; font-size:0.625em; color:red; }

Bien:

.titulo { float:left; width:20em; text-align:right; }
.texto1 { font-size:0.625em; color:red;}

El resultado es aparentemente el mismo, pero en caso de que la maquetación se complique, y ese divisor tenga otros divisores dentro, si su clase incluye tamaño de fuente, esos divisores serán ya difíciles de manejar en su anchura, padding, margin… ya que todo usará ems relativos a ese 0.625