Tag : desarrollo-web-2

post image

Cómo hacer que mi empresa aparezca en Google con dos herramientas

Mejorar el SEO de una web es posible gracias a estas herramientas gratuitas que te permitirán detectar las palabras clave y tendencias de búsqueda de tu sector. Toma nota y aplica las herramientas que el marketing digital te ofrece para mejorar el tráfico orgánico de tu web.

  • Planificador de palabras clave de Google Adwords:
    Más conocido como Google Keyword Tool, permite realizar un estudio de las principales keywords de un sector. Arroja una serie de términos comunes geolocalizados que permite microsegmentar las palabras clave para optimizar su utilización dentro de site corporativo o tienda online.

 

  • Übersuggest:
    Podremos obtener palabras recomendadas a partir de cualquier keyword, y lo mejor de todo es que extrae sus propuestas de las ideas de Google. Übersuggest te permitirá obtener sugerencias en casi cualquier idioma con tan sólo introducir una frase, seleccionar el idioma y el tipo de búsqueda, luego recibirás un listado de sugerencias que podrás exportar.

 

Un buen análisis de palabras clave y uso de estas en los meta y contenidos te ayudará a alcanzar un buen posicionamiento.

post image

Vistingo.com: turismo cercano, a medida e innovador

¿Cuántas veces hemos llegado a un hotel y queríamos una recomendación de un restaurante o bar cercano? Con Vistingo.com los hoteles ya pueden ofrecer a sus clientes una agenda de actividades culturales y turísticas cercana al hotel y actualizada diariamente.

El personal del hotel muchas veces desconoce los servicios y lugares de interés que rodean al hotel y la oferta de búsqueda en internet es tan grande que es difícil encontrar un “restaurante con encanto cercano”. La diversidad de personas que visitan las ciudades va desde un profesional que lo hace por trabajo hasta personas solas o en grupo que lo hacen por ocio. Los distintos tipos de estancia hace que cada uno tenga una necesidad. Vistingo.com nace para dar a los hoteles una oferta de actividades turísticas a medida de sus clientes, una agenda de eventos exclusiva para cada hotel y contenidos específicos. (más…)

post image

30 aniversario de Egokituz, ponencia en torno a la accesibilidad

El pasado 16 de diciembre EGOKITUZ, Laboratorio de Interacción Persona-Computador para Necesidades Especiales (UPV-EHU), organizó una jornada sobre accesibilidad para celebrar su 30 aniversario en la que participaron investigadores, colaboradores, empresas y organizaciones con las que ha trabajado. Bixente Monreal, diseñador de Lotura, tomó parte en la mesa redonda de empresas y centros técnológicos, presentado su visión sobre la accesibilidad en el desarrollo web.

“La accesibilidad web: de la fe a los hechos” por Bixente Monreal

16 Diciembre 2015 · 15:00h · Carlos Santamaria Zentroa

Hasta ahora hemos conocido dos versiones de pautas para definir contenido accesible en las web, la WCAG 1.0 y la WCAG 2.0.

La primera versión de las pautas de contenido web accesible de la WAI, la comparo con la Biblia. Es decir, describía las reglas mediante figuras retóricas, que daban pie a múltiples interpretaciones.

Por ejemplo,

“10.2 Hasta que las aplicaciones de usuario soporten explícitamente la asociación entre control de formulario y etiqueta, para todos los controles de formularios con etiquetas asociadas implícitamente, asegúrese de que la etiqueta está colocada adecuadamente.” En aquellos casos en que cada campo está formado únicamente por una etiqueta y un control de formulario no cabía la menor duda, rodeabamos el control con las etiquetas correspondientes. Pero cuando además había un texto adicional de ayuda, de poco nos servía la regla. Como solución los desarrolladores, como buenos “feligreses” nos inventábamos soluciones estrafalarias, no por imaginativas menos erróneas, como separar los campos mediante una lista.

El siguiente precepto es otro ejemplo,

“13.1 Identifique claramente el objetivo de cada vínculo.“. Supuestamente esa era la labor del atributo <title>, pero resulta que había lectores de pantalla que no lo interpretaban. Había que hacer malabarismos con etiquetas <span> que aportaban la explicación pertinente, pero que se escondían porque afeaban el diseño.

O este otro,

“9.5 Provea atajos de teclado a los enlaces importantes”. Es decir, la consideración de enlace importante recaía exclusivamente en los desarrolladores.

Y en el colmo de la ambigüedad,

“14.1 Utilice el lenguaje apropiado más claro y simple para el contenido de un sitio. “. ¿Cómo se mide ésto?

Para complicar las cosas, en aquel momento existían dos “evangelios”, el HML4 y el XHTML, y ambos prometían un desarrollo coherente para toda la eternidad.

Esta ambigüedad de la WCAG 1.0 tenía como consecuencia que la accesibilidad fuera una cuestión de fe. Me acuerdo de las amargas “discusiones teológicas” con los “sacerdotes auditores” (para los que no conozcáis esta figura aclararos que es muy similar a un inquisidor de la edad media) y cómo buscábamos la “absolución” de nuestras técnicas y no nos “excomulgaran” la subvención.

En uno de los proyectos, uno de los auditores me obligó a incluir los atributos “placeholder” en los formularios y después nos llamó el cliente diciéndonos que lo quitáramos porque los lectores de pantalla leían dos veces la misma información, el <label> y el “placeholder”.

Todos estos problemas provocaban paradojas como la que nos contó una persona invidente, que accedía mejor a una página de turismo estructurada mediante tablas, que a otra que supuestamente cumplía con los preceptos de la accesibilidad.

A pesar de todo, esta primera versión tuvo la virtud de obligarnos a estructurar las páginas de una manera correcta, mediante capas y encabezados, dotando de cierta lógica semántica a las mismas. En aquellos tiempos las etiquetas que aportaban valor semántico a la página eran unas pocas, e incluían a los encabezados <h1>, <h2>, <h3>…, las listas, y las tablas de datos.

En el “concilio” de diciembre de 2008 publicaron la segunda versión, la que, en un alarde de imaginación, definieron como WCAG 2.0. El susto fue mayúsculo. Ahora dividían los preceptos en cuatro principios: perceptible, operable, comprensible y robusto. Lo primero que pensé fue que eran los cuatro jinetes del Apocalipsis. Por aquella época, se publicó el “nuevo evangelio”, el HTML5, que sustituía a los dos precedentes. Nuevos protagonistas, como las etiquetas <section>, <article>, <nav>, <aside>, <header> y <footer>, hacían su aparición, que usándolos junto con los WAI-ARIA roles facilitaban el acceso a los lectores de pantalla, mejorando la accesibilidad notablemente. Además se eliminaban etiquetas redundantes como las <abbr> y <acronym> o las <caption> y <summary>.

Pero la principal virtud de las nuevas pautas era que eliminaban la ambigüedad de la primera versión. Además, definían claramente las técnicas que se podían utilizar para implementar la accesibilidad. Por fin, la accesibilidad no era una cuestión de fe.

Proyecto con Egokituz

Cuando ya se había publicado la segunda versión de las pautas, nos propusieron desarrollar junto con Egokituz uno de los proyectos más interesantes. El proyecto GureMintza necesitaba algo más que cumplir con las pautas de accesibilidad, ya que estaba dirigido a discapacitados cognitivos. Además de los habituales retos que la accesibilidad presenta, debimos resolver otros específicos del colectivo al que la web iba dirigido.

Los discapacitados intelectuales tienen problemas para recordar las claves, no comprenden el scroll, de modo que lo que no ven en la pantalla no existe, tienen problemas para entender los submenús y necesitan que los enlaces dispongan de iconos que refuercen el texto.

Futuro de la accesibilidad

Espero equivocarme, pero creo que la accesibilidad se va a implementar solo en aquellas webs que estén obligadas a cumplirla. Cuando Google decidió dar un empujón al lenguaje javascript y en concreto al ajax, marcó un camino que la mayoría de los desarrolladores hemos adoptado como modelo.

Si bien existe la posibilidad de construir de forma accesible una aplicación web que haga uso de la tecnología ajax, para que el contenido dinámico sea accesible, la aplicación debe alertar al usuario cuando ocurra un cambio y permitir el acceso directo al nuevo contenido, de modo que la aplicación web funcione de manera continua. Pero lograr este objetivo es complicado, especialmente para usuarios de lectores de pantalla, y, aunque se consiga, la aplicación resulta más cara. Un coste que la empresa privada no está dispuesta a asumir, sobre todo ahora que se han eliminado casi todas las subvenciones a la accesibilidad.

Como consecuencia, en Lotura hemos notado que la empresa privada prescinde de la accesibilidad y exige un diseño más dinámico y visual.

Los estándares web están definidos por una entidad, la W3C, que está al margen del mercado y no tiene el poder de influencia que sí tienen las grandes empresas como Google, Microsoft y Apple, que son las que, al fin y al cabo, definen las técnicas que se van a utilizar en la construcción de Internet. Así, la accesibilidad siempre va por detrás, a la espera de que estas empresas se dignen a implementarla.

post image

SEOinternacionalizar desde Euskadi

Desde la agencia de desarrollo empresarial del Gobierno Vasco –SPRI-, responsable del desarrollo de más 4.000 proyectos de expansión internacional hasta el año 2014, se enfrentan constantemente a la misma barrera de entrada, la falta de información. Un escollo que afecta tanto a la empresa que se lanza a una implantación comercial en el extranjero como a los miembros establecidos en ese nuevo mercado que reciben agentes desconocidos en su tejido empresarial. Por eso la mayoría de las agencias especializadas en internacionalización coinciden en que lo  más importante a la hora de internacionalizar una empresa o producto es evitar “el efecto puerta fría”.

A pesar de todo, los datos oficiales arrojan buenas noticias para las pymes españolas, que han sabido evitar el temido efecto y producen ya un 33% del volumen de su negocio en otros países con unos índices de productividad y un volumen de negocio un 50% superior al de las empresas que se quedan en España, pero ¿Qué las hace más competitivas que el resto?

En el caso de las empresas radicadas en Euskadi probablemente sea la gestión de sus páginas webs, componente clave de cualquier estrategia de marketing digital que se precie en una de las comunidades líderes de España en número de internautas.

Tu web, tu carta de presentación

Llegados a este punto es necesario hacer un ejercicio de reflexión y responder a unas preguntas básicas: ¿Qué vendes? ¿Responde tu web a tu oferta?

Quizá en el estado sí, pero  ¿Y fuera?

Como ya hemos dicho la falta de información obstaculiza un buen contacto comercial, pero por falta de información no sólo nos referimos a la presencia online de nuestra empresa, sino también a la falta de conocimientos sobre el nuevo público objetivo al que queremos dirigirnos. Ésta es la clave de todo y donde cojean las empresas  a la hora de articular un plan de marketing enfocado a la internacionalización web y adaptado al país o países hacia los que pretenden expandir sus fronteras.

Un buen plan de marketing enfocado a la internacionalización web de una empresa requiere de una auditoría SEO en profundidad de todos los nuevos competidores y un estudio detallado de las tendencias de búsqueda focalizadas a la zona que nos interesa, así como de las keywords más empleadas.

El hecho de que las empresas de esos nuevos mercados  puedan obtener información rápida de una web o tienda online bien posicionada  les aportará seguridad y ganas de colaborar.

Mientras en EEUU el posicionamiento online de las empresas a nivel internacional es una de las mayores preocupaciones de las empresas que consiguen exportar sus marcas con éxito,  en Euskadi, aún se evangeliza con eventos como el  reciente Intergune  –celebrado los pasados 23 y 24 de noviembre- que conciencia a las empresas en los valores como la valentía, la fuerza y el crecimiento; valores asociados con la internacionalización y aliados para una buena campañas de marketing y comunicación.

post image

¿Es hora de adaptar tu web a móvil porque lo dice google?

SI y No

A partir del 21 de abril Google ha anunciado que no mostrará en sus búsquedas desde móvil las páginas que no tengan diseño responsivo. En su entrada  Finding more mobile-friendly search results explican que la razón de este cambio se debe a que cada vez más personas utilizan el móvil y tablets para navegar y es necesario dar una buena experiencia para el usuario. Según su comunicado “este cambio afectará a las búsqueda en todos los idiomas y tendrá un impacto significatio en nuestros resultados de búsqueda. Consecuentemente, los usuarios encontrarán más fácil conseguir resultados de búsqueda más relevantes y de mejor calidad optimizados para su dispositivo.”  Esto significa que el trabajo de SEO realizado en la página web debe contar con un diseño responsivo para obtener un buen posicionamiento tal y como comentamos en nuestra entrada Tú sitio web, SEO y los dispositivos

Esto de que Google ponga una fecha para decirnos algo así como “si tu web no está adaptada a móvil desapareces” nos pone nervioSEOS y nervioSEAS. Habrá que respirar hondo y poner un poco de lógica y sentido común en este asunto. Está claro que una web debe ser móvil y no hay mucha más opción teniendo en cuenta que hay webs que rondan el 50% de su tráfico desde el móvil. Para las empresas que no están familiarizadas con este lenguaje parece que puede acercarse el apocalipsis, sin embargo, puede que este cambio no afecte demasiado al tráfico de su web. Está claro que la adaptación de la web al móvil es más que necesaria, en Lotura tenemos clientes cuyo tráfico desde dispositivos móviles ronda el 40%, hay otros con un porcentaje mucho menor para los cuales la perdida de visitas puede llegar a ser insignificante. Por lo tanto, a cada empresa este cambio le va a afectar de una manera, lo mejor es revisar que implicación tiene y luego tomar decisiones, un rediseño en la página no se puede hacer a todo correr.

Te recomendamos:

1. Revisar el tráfico de tu página web desde móviles.

2. Revisar la adquisición: cómo llegan, con que palabras a tu página si se quedan y contactan o se van.

3. Tendencia del uso a móvil en tu página web.

4. Decidir si quieres rediseñar tu página web.

Google ha puesto una herramienta para comprobar si la web esta optimizada para móviles, añadiendo simplemente la URL puedes comprobarlo.

 

post image

Factores a tener en cuenta en un proyecto de rediseño web

Un proceso de rediseño de sitio web requiere de una serie de acciones enfocadas a minimizar el impacto que pueda tener en el posicionamiento con el objeto de mantener el posicionamiento, la popularidad y, por último, la estabilidad en el tráfico (procedente de buscadores, directo y de referencia).

Existen varios aspectos que ayudan a minimizar el impacto o riesgo  que puede tener un proceso de rediseño web en el posicionamiento si no se realiza correctamente. (más…)

post image

¿Tienes una estrategia digital que obtiene resultados?

Hoy en día se están digitalizando todos los ámbitos, lo cual genera muchas oportunidades. La consecuencia de esta digitalización es la innovación.

La innovación trae la adaptación al entorno de las empresas, los que se adaptan serán los que van a sobrevivir.  Dentro de esta innovación, nos encontramos con la Estrategia Digital que tienen que llevar y abarcará las diferentes acciones que se pueden dar dentro de internet, como, el desarrollo web adaptado a los diferentes dispositivos, donde insertaremos los contenidos que queramos que nuestros usuarios conozcan. Para ello, realizaremos la difusión de estos contenidos en las Redes Sociales: Boletines, Twitter, Facebook, Youtube, Linkedin, …  y el posicionamiento: SEO/SEM, Blog, Webs de interés, …

Con todo esto veremos el comportamiento del usuario y veremos los contenidos (productos, servicios) que les interesa y conseguir los resultados deseados: ventas, contactos.

 

post image

Eventos en materia de derecho con diseño web para móviles

El proyecto se lanza en una primera fase con registro de usuario utilizando Facebook, Twitter, G+ y el propio registro de la web. Eventosjuridicos.com permite recibir alertas personalizadas, enviar sugerencias y publicar eventos. Además los gestores de Eventosjuridicos.com tienen un blog donde ofrecen información y resumenes de los eventos más importantes.

Los eventos celebrados se guardan en el repositorio donde se puede publicar toda la documentación generada: videos, fotos, presentaciones.

En esta nueva versión, se ha rediseñado teniendo en cuenta las pautas de accesibilidad, diseño responsive por lo que el interface se  adapta a todo tipo de resoluciones y dispositivos móviles (ipad, iphone, smartphones…).

Para dar solución a eventos que se publicaban desde otros países se ha puesto online Eventosjuridicos.com, donde se muestra un mapamundi de eventos y es el usuario el que elije el país que le interesa. En estos momentos Eventosjuridicos está en España, Mexico, Bolivia, Colombia, EEUU, México, Perú, Uruguay y Venezuela.

Eventosjuridicos.com tiene una gran cobertura en redes sociales y está presente en Twitter, Facebook y Linkedin. Se ha convertido en un referente en el sector.

En un futuro próximo Eventosjuridicos.com ofrecerá a los organizadores gestión completa de los eventos desde las inscripciones, gestión documental (videos, documentos, audio) y difusión en internet. Y para los asistentes a eventos una agenda personalizada para guardar la documentación, eventos a los que ha asistido, favoritos, etc.

 

post image

HTML5, el lenguaje de desarrollo de aplicaciones

Es la última versión del lenguaje de marcado de páginas web. Añade nuevas etiquetas que posibilitan la inclusión de muchos elementos que hasta ahora sólo era posible desarrollar mediante herramientas no estándares como Adobe Flash, o lenguajes nativos de los distintos dispositivos.

El apoyo al lenguaje HTML5 de las empresas de desarrollo más importantes, entre las que se encuentran Apple, Microsoft y Google, junto con el soporte unánime de los modernos navegadores,  tienen como resultado una incorporación muy rápida de esta tecnología como herramienta de desarrollo de aplicaciones, en detrimento de soluciones más clásicas. (más…)

post image

Hoy en “Así se hace”: Guremintza, red social para discapacidad cognitiva

Después de casi dos años desde la primera reunión, el proyecto Guremintza ha visto la luz. Esta iniciativa surgió de la unión de tres entidades: el Grupo Gureak, la Facultad de Informática de la UPV/EHU y Lotura, con el objetivo de desarrollar una red social adaptada a personas con discapacidad intelectual.

Definición de funcionalidades y necesidades especiales

Se analizaron diferentes redes sociales para hacer un listado de las funcionalidades que debía ofrecer la web y también distintos paquetes de software libre para la creación de redes sociales para usar como base de desarrollo.

Hubo que reducir y reestructurar las funcionalidades originales en más de una ocasión y finalmente se desechó la idea de usar software libre debido a la imposibilidad de personalizarlo con las necesidades especiales que debía cumplir una red social adaptada a este colectivo:

  • web accesible con un diseño simple, claro e intuitivo
  • opciones de accesibilidad: aumentar / disminuir el tamaño de letra y cambiar a alto contraste
  • colores diferentes para ayudar al usuario a diferenciar secciones y funcionalidades
  • imposibilidad de usar scrolls
  • imposibilidad de usar submenús ni otros elementos desplegables
  • uso de textos simples en el interfaz (nombres, explicaciones, ayudas, botones)
  • menús y botones con elementos gráficos de apoyo
  • textos de ayuda en cada pantalla y en los campos de los formularios
  • necesidad de pedir confirmación al usuario antes de realizar una acción
  • mostrar resultado de cada acción (confirmación de éxito o errores)
  • opción para que se locute (oir como audio) los textos de la web

 Desarrollo y primeras pruebas

Las funcionalidades a desarrollar han sido las siguientes:

  • Acceso al sistema, recordatorio de clave, solicitud de alta.
  • Cuenta de usuario: ver /modificar mis datos, ver /modificar mis aficiones, ver /añadir/borrar mis fotos, ver /añadir/borrar mis vídeos.
  • Novedades: ver listado de mensajes de mis amigos y mis grupos, escribir nuevo mensaje (visible para todos mis amigos), ver respuestas a un mensaje, responder a un mensaje, denunciar un mensaje, marcar como “me gusta” un mensaje, borrar un mensaje (solo si lo ha insertado el usuario).
  • Amigos: ver mis amigos, buscar nuevos amigos, añadir / eliminar amigo, aceptar / rechazar solicitudes de amistad, seleccionar un amigo, ver mensajes privados con un amigo, escribir nuevo mensaje privado al amigo, ver fotos úblicas del amigo, ver vídeos públicos del amigo, chatear con el amigo.
  • Grupos: ver mis grupos, seleccionar un grupo, listado de mensajes del grupo, escribir nuevo mensaje al grupo, ver listado de usuarios del grupo, ver listado de fotos del grupo, añadir nueva foto al grupo, ver listado de vídeos del grupo, añadir nuevo vídeo al grupo.

Desarrollar un proyecto con estas características no ha sido fácil: por una parte no hay muchos sitios web adaptados a este tipo de discapacidad en los que basarse, por otra ha sido necesario ir modificando y mejorando la red social con los problemas puntuales detectados en los tests de usuario realizados por un grupo de control durante el desarrollo del proyecto.

Guremintza

pantallazo de GuremintzaComo se puede apreciar en el pantallazo, se ha estructurado el sitio web de la siguiente manera:

  • Cabecera: cambio de idioma, aumentar / disminuir tamaño de letra, cambiar a alto contraste, activar / desactivar la locución de los textos.
  • Lateral, identificación del usuario y acceso a sus datos, menú principal de navegación: 3 secciones principales con colores personalizados que tienen a su vez un máximo de 3 subsecciones. Todos los nombres/botones se refuerzan con un elemento gráfico.
  • Área principal: ruta de navegación y contenido específico de cada pantalla, los listados siempre paginados con un diseño claro para evitar el scroll vertical.
  • Pie: sellos de accesibilidad, sin funcionalidad, sirve para cerrar la pantalla marcando su final.

En otras pantallas ha sido necesario añadir un submenú dependiendo de la sección para añadir las funcionalidades propias de la misma:

Control de uso y minería de datos

Por último se ha incorporado un sistema de control de uso de la red social que ayude a los gestores del sitio web a detectar tanto errores de uso por parte de los usuarios como errores de usabilidad de la red social.

Este sistema de control permite exportar los datos de uso de manera impersonal, es decir, sin información personal o privada, para que un grupo de investigación de la Facultad de Informática de la UPV/EHU pueda analizarlos y extraer información sobre los distintos perfiles de usuario y su nivel de integración en la red social mediante la técnica conocida como minería de datos.

Más información

Caso de estudio

Ficha del proyecto

Presentación de GureMintza por Antoni Heredia e Iban Lucas (Grupo Gureak) en “Iª Jornada Tecnología y Discapacidad Intelectual”, organizada por la Fundación Síndrome de Down de Madrid 22 de febrero 2013.

Diseño para todos no es posible” ponencia presentada en UXspain 2012, Encuentro de profesionales de la Experiencia de Usuario en España.