De momento, esa valoración se realiza sólo a efectos de medir la calidad de la página para las campañas Adwords, ya que Google interpreta que una página no habilitada para compatibilidad con móviles produce un efecto muy malo en quien la visita con este tipo de dispositivo. Y eso quiere decir menos conversión y por tanto menos eficacia de Google Adwords.

Es de esperar que si no lo han hecho ya, pronto trasladen también este criterio de valoración al posicionamiento en buscadores (hablamos ahora de posicionamiento natural). Esto se uniría a otros cambios recientes de Google, como la modificación de criterio al valorar la longitud de los contenidos. Si anteriormente los contenidos demasiado largos suponían más inconvenientes que ventajas, ahora Google está considerándolos más relevantes. Google se mueve, y los demás tenemos que ir detrás. Y esto no cambiará fácilmente a medio plazo.

Un diseño web basado en la información al ciudadano, y dotado de un sistema de gestión integral de contenidos que permite al personal del Ayuntamiento mantener actualizada la información de forma cómoda y sencilla. Información destacada, calendario de eventos, galerías de imágenes… todo ello sobre un interfaz visual moderno y muy cómodo de visualizar.

Una parte muy importante de la web es el calendario de eventos, para no pederse ninguna de las muchas actividades que el Ayuntamiento ofrece a sus ciudadanos. Se trata de una aplicación a medida desarrollada por BDS.

Unas galerías de imágenes autogestionables nos permiten conocer a fondo el entorno, costumbres y servicios de este municipio zaragozano.

Al tratarse de una institución la página web desde ser accesible siguiendo la pautas de accesibilidad establecidas.

Cuenta también con mapa interactivo y listado de empresas, programación a medida específica a las necesidades del cliente, siendo él mismo el encargado de actualizar los contenidos, tanto de mapa como del listado de empresas.

Se trata de otro portal institucional con diseño web y programación a medida desarrollado por BDS.
Para más información: www.proyectosbds.com

Para ello se aliaron un diseño web limpio creado por BDS y el gestor de contenidos CUBIC CMS, juntos consiguieron la web perfecta que Cualimetal buscaba.

La web cuenta con una página de inicio que nos muestra a grandes rasgos lo que Cualimetal ofrece a sus clientes.

• La imagen superior es una animación generada por JavaScript, el cliente puede seleccionar imágenes de fondo, y añadir el texto que las ilustre. De este modo favorece el posicionamiento en buscadores, ya que la tecnología flash no es la más adecuada para SEO.
• A la izquierda dispone de bloques totalmente editables, en los que se puede seleccionar título, texto e imagen de fondo. A su vez aparece un listado de noticias que se genera a partir de las últimas noticias incluidas en la web.
• En el centro pueden verse 4 bloques de contenidos, en este momento el cliente sólo ha creado 4, pero tiene flexibilidad absoluta para quitar alguno de estos bloques y/o añadir más. Los contenidos de los mismos son totalmente gestionables por el cliente, pudiendo cambiarse las imágenes de fondo, colores, textos, etc… además de estar optimizados para SEO.
• Debajo de estos bloques encontramos otros más también editables, como puede verse ya solo la página inicial de la web cuenta con una gran flexibilidad.

En cuanto a los interiores, encontramos distintos tipos de modelos. Con modelos nos referimos al tipo de página interior.

Podemos encontrar:

• La página interior estándar, que es la que se utiliza para insertar contenidos normales. Como podemos ver en naves a medida
• Página de listado de noticias que se genera automáticamente según se vayan creando noticias. En este caso concreto las noticias son breves y constan de imagen y breve texto, por lo que la noticia entera aparece en el listado. Ver el listado de noticias
• Bloque destacado, permite al cliente añadir una pequeña imagen y enlace en la parte izquierda de la página justo debajo del menú. No hay número limitado de destacados y cada uno de ellos hay que vincularlo a la página en la que queremos que aparezca.
• Podemos ver un ejemplo de destacados en la izquierda de la página de Naves prefabricadas – ECORAPID
• Galería de imágenes. Nada más fácil como seleccionar el modelo galería, subir las imágenes en la carpeta correspondiente y vincular esa carpeta a la página en la que se quieren mostrar esas imágenes. Se elige una imagen como miniatura ilustrativa de la galería y automáticamente las imágenes aparecen en la página con el tamaño estándar establecido en el diseño, para ver todas las imágenes que componen la galería con pinchar en la imagen se nos abre un visor que carga todas las imágenes de la carpeta seleccionada, en este caso el cliente quería que todas las imágenes tuvieran una marca de agua con el nombre de la empresa, para evitar al cliente el tedioso trabajo de marcar las imágenes a mano una por una se carga una capa con la marca de agua sobre cada imagen.Además de la imagen podemos ver el nombre de la misma y su descripción, otro punto que hace el optimizado de contenidos para buscadores.Un ejemplo de galería de imágenes lo encontramos en la sección Naves industriales – Almacenes y ampliaciones. Naves almacén y almacenes prefabricados. Para ver la galería de imágenes pinchar en la imagen que se desee.

Carlos Borau, gerente de Cualimetal, S.A. Empresa especializada en la construcción de naves industriales, lo tiene muy claro:

“La nueva web desarrollada por BDS nos proporciona tantos contactos comerciales por posicionamiento natural como los que conseguíamos antes incluyendo campañas Adwords, prácticamente nos ha permitido renunciar a ese tipo de campañas”.

C/ Bari, nº 33, Edificio 1, Planta Baja
Polígono Parque Empresarial Pla-za
50197 Zaragoza

Para pedir información sobre diseño web, el gestor de contenidos Cubic CMS y otros de nuestros servicios vía teléfonica, los teléfonos siguen siendo los mismos de siempre:

Atención comercial: 34 976 158 017
Atención al cliente: 34 976 210 366

O si quieres información vía correo electrónico:

Información general: bds@proyectosbds.com
Información comercial: comercial@proyectosbds.com
Soporte técnico: soporte@proyectosbds.com

Además de información general podemos encontrar el catálogo de sus productos, ordenados por familias y repleto de fichas de productos. La web tiene una gran base de datos para albergar todos estos productos, así mismo los clientes disponen de un gestor de catálogo que pueden utilizar ellos mismos para añadir, modificar y quitar productos.

Y como no, los contenidos que no forman parte del catálogo también son autogestionables a través del gestor CUBIC CMS.

Hace unos meses Araven nos encargó el diseño web y programación de la nueva web de una de sus nuevas marcas OMAMI. Un diseño web minimalista fue lo que se les propuso y bajo esta línea nació su web que también cuenta con catálogo de productos, que como siempre es autogestionable por el cliente.

Ahora nace la web de Shophie, unas nuevas cestas para la compra. Siguiendo la línea que caracteriza a Araven el diseño web es minimalista y muy visual, primando la fotografía sobre el texto. Los contenidos son totalmente editables por el cliente gracias a CUBIC CMS.

Los monitores han cambiado a pasos agigantados, hace unos años la resolución de pantalla más extendida solía ser de 800×600 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.

Además 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?

Antes                                   Ahora

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:

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/

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:

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:

<div class=”tituloA”><h1 >Cómo aplicar estilos EM</h1></div>

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

Bien:

<div class=”titulo”><h1 class=”texto1″>Cómo aplicar estilos EM</h1></div>

.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