El "Adaptable Design" o en castellano "Diseño adaptativo", es una de estas últimas. Un sistema basado en los estándares web actuales que permite que nuestras webs se adapten a la pantalla del usuario que está viéndolas. El Adaptable Design se ha puesto muy de moda con el apogeo de la navegación móvil, pero va considerablemente más allá, se trata de webs con diseños inteligentes (smart que dirían los ingleses) que facilitan la usabilidad de las webs en funcion de quien las observa.

Pero el Adaptable Design no son bien simples añadidos a una web, es una filosofía del desarrollo del front de la misma totalmetne diferente y que abarca tal cantidad de detalles que resulta impracticable para muchas empresas y realmente complejo para otras. Realmente yo a día de el día de hoy no aconsejo realizar webs en Adaptable Design, pues no estamos preparados para ello, pero si que podemos sacar determinados conocimientos sobre estas aplicaciones para hacer nuestras webs seudo-adaptables y mejorar la experiencia del usuario. Quizá no hasta el nivel que los diseños adaptables que vamos viendo nos marcan pero si con suficiente calidad como para que el ratio "mejoría/coste" nos valga la pena.

Back to top

1) Por qué es complejo desarrollar webs en adaptable design

Básicamente por 2 motivos:

• Porque es una tecnología verde, donde las diferentes opciones para su aplicación uso aun no están lo suficientemente desarrolladas para saber "cual es la mejor". Aunque no paran de aparecer novedades al respecto, No hay un framework ganador ni un estándar sobre como resolver la mayoría de dificultades.
• Porque un diseño adaptativo no nace en la tecnología, sino en el diseño de la web. No se trata solo de que una vez tengamos nuestro diseño terminado debamos diseñar como cambiará con distintas pantallas y dispositivos, sino que de manera directa hay que diseñar las webs pensando como se comportará. Esto, resulta extremadamente complejo para diseñadores que no saben precisamente como reacciona cada elemento a su adaptabilidad duplicando o tresdoblando el trabajo del maquetador que lo hace efectivo.

En definitiva, precisamos más tiempo para que la mayor parte puedan permitirse trabajar con diseños adaptativos. Precisamos que los conocimientos globales del campo (maquetadores, diseñadores, programadores e inclusive el personal comercial y de marketing) evolucionen en este sentido. Solo así vamos a poder acortar los tiempos de desarrollo de un diseño responsive y hacerlo práctico para su uso en webs normales. La realidad es que a día de hoy puede resultar mucho más rápido sacar una nueva versión de la página web para moviles que rediseñarla para que sea amoldable.

Internet no para de evolucionar en todos y cada uno de los sentidos, aun en su tecnología. Hay cosas que se van poniendo de moda y luego, poquito a poco, se van dejando a un lado, otras en cambio llegan con suficiente fuerza como para que todos sepamos que marcan el "camino a proseguir".

El "Adaptable Design" o en castellano "Diseño adaptativo", es una de estas últimas. Un sistema basado en los estándares web actuales que permite que nuestras webs se adapten a la pantalla del usuario que está viéndolas. El Adaptable Design se ha puesto muy de moda con el apogeo de la navegación móvil, pero va considerablemente más allá, se trata de webs con diseños inteligentes (smart que dirían los ingleses) que facilitan la usabilidad de las webs en funcion de quien las observa.

Pero el Adaptable Design no son bien simples añadidos a una web, es una filosofía del desarrollo del front de la misma totalmetne diferente y que abarca tal cantidad de detalles que resulta impracticable para muchas empresas y realmente complejo para otras. Realmente yo a día de el día de hoy no aconsejo realizar webs en Adaptable Design, pues no estamos preparados para ello, pero si que podemos sacar determinados conocimientos sobre estas aplicaciones para hacer nuestras webs seudo-adaptables y mejorar la experiencia del usuario. Quizá no hasta el nivel que los diseños adaptables que vamos viendo nos marcan pero si con suficiente calidad como para que el ratio "mejoría/coste" nos valga la pena.

Back to top

1) Por qué es complejo desarrollar webs en adaptable design

Básicamente por 2 motivos:

1) Es simple cometer fallos de usabilidad, conociéndolos se pueden evitar.

En toda página o plataforma en línea, es fundamental una correcta usabilida para el éxito de la misma, puesto que de lo contrario, los usuarios optarán por otras webs que les resulten más útiles, atractivas, rápidas, eficientes y también intuitivas.

Y es que la usabilidad siempre y en toda circunstancia ha sido un factor determinante para los usuarios on-line y cada vez cobra una mayor relevancia puesto que los usuarios día a día son más exigentes a la hora de buscar y encontrar productos y servicios.

Uno de los principales objetivos de la usabilidad de un sitio, es progresar o bien facilitar a los visitantes el acceso a la información que procuran, en el menor plazo posible y de la forma más sencilla posible (navegabilidad y fácil acceso).

Existen multitud de aspectos de mejora en lo que se refiere a la de una página que se deben tener en cuenta.

Por ello, es necesario comprobar los posibles fallos o errores que puedan darse y revisar las posibles mejoras que se pueden llevar a cabo a fin de poder ofrecer aquello que demandan tus visitas y, así, cumplir sus esperanzas. 

Dentro de estos cambios o bien puntos de mejora, se puede destacar una serie de errores que son frecuentes y reiterados en la mayoría de páginas y que habitualmente no se tienen presente. 

Por ello, en este artículo quiero hablaros sobre los 12 fallos más habituales en usabilidad, previa breve introducción explicativa sobre el término de usabilidad valorando su relevancia y funcionalidad actualmente.

Back to top

1) ¿Qué es la usabilidad, en qué consiste y por qué razón es tan esencial?

La usabilidad es la sencillez o bien facilidad con la que los usuarios pueden utilizar una página, es decir, el desarrollo y diseño web orientado al usuario en búsqueda de su satisfacción.

1.1) Importancia de la usabilidad

Se trata de uno de los factores más esenciales a tomar en consideración en el desarrollo y diseño web tanto a nivel profesional (o bien al menos exigible) como particular, ya que es precisa para el éxito de cualquier web.

Y es que, desarrollar un lugar poniendo especial atención en la usabilidad del mismo, puede ser la diferencia entre el éxito o bien descalabro de un proyecto en línea.

Ten en cuenta que, en dependencia del proyecto, puede no importar tanto el aspecto o bien diseño estético de la página web como el hecho de que sea verdaderamente usable.

Internet no para de evolucionar en todos los sentidos, aun en su tecnología. Hay cosas que se marchan poniendo de moda y luego, poco a poco, se marchan dejando a un lado, otras en cambio llegan con suficiente fuerza como para que todos sepamos que marcan el "camino a proseguir".

El "Adaptable Design" o en castellano "Diseño adaptativo", es una de estas últimas. Un sistema basado en los estándares web actuales que permite que nuestras webs se amolden a la pantalla del usuario que está viéndolas. El Responsive Design se ha puesto muy de moda con el apogeo de la navegación movil, mas va mucho más allá, se trata de webs con diseños inteligentes (smart que dirían los ingleses) que facilitan la usabilidad de las webs en función de quien las observa.

Pero el Adaptable Design no son simples añadidos a una web, es una filosofía del desarrollo del front de exactamente la misma totalmetne diferente y que engloba tal cantidad de detalles que resulta impracticable para muchas empresas y verdaderamente complejo para otras. Realmente yo a día de el día de hoy no recomiendo realizar webs en Adaptable Design, pues no estamos dispuestos para ello, pero si que podemos sacar algunos conocimientos sobre estas aplicaciones para hacer nuestras webs seudo-amoldables y prosperar la experiencia del usuario. Tal vez no hasta el nivel que los diseños responsive que vamos viendo nos marcan pero si con suficiente calidad como para que el ratio "mejoría/coste" nos merezca la pena.

Back to top

1) Por qué es complejo desarrollar webs en responsive design

Básicamente por dos motivos:

La publicidad digital se ha convertido en una de las primordiales vías de ingresos para cualquier negocio.

A diferencia de la publicidad tradicional, anunciarse en internet es algo asequible para cualquier empresa -puedes llegar a más gente con menos dinero- y más efectiva en tanto que permite establecer una relación más próxima entre empresa y consumidores.

Cualquiera puede publicar en internet, no hace falta contar con mucho dinero para hacer marketing digital, muy frecuentemente es suficiente con tener una web o bien un y desarrollar una presencia activa en .

Además, la publicidad en la red utiliza aguantes distintos con los que una marca se relaciona con el usuario. Algunos de ellos son los ordenadores, las tablets, los portátiles, los móviles y la TV interactiva. En estos canales pueden desarrollarse nuevos formatos promocionales que pasan por prosperar la experiencia del consumidor (customer journey) y abrazan los últimos desarrollos tecnológicos como la inteligencia artificial, el internet de las cosas y el iCloud.

En este artículo vamos a explicarte un tanto más sobre los distintos formatos de publicidad en la red de redes, el volumen de negocio promocional y las últimas tendencias en marketing digital. Igual si tienes todo esto claro puedes animarte a desarrollar tus primeras campañas.

Back to top

1) · ¿Qué es la publicidad en Internet?

La publicidad digital (otro de los nombres que recibe la publicidad en Internet) esencialmente consiste en la difusión de anuncios o contenido promocional por parte de los anunciantes por medio de dispositivos digitales en medios (periódicos o bien revistas digitales, weblogs, vídeo o aplicaciones) y redes sociales con el objetivo de impactar en sus clientes potenciales.

La finalidad de una campaña publicitaria varía en dependencia de sus objetivos:

· Branding: generar marca, buscar visibilidad y reconocimiento; que la compañía figure en el imaginario del consumidor.

· Captar leads: conseguir los datos de los usuarios para guardarlos en una base y poder desarrollar , por servirnos de un ejemplo.

· Ganar clics: la rentabilidad de muchas campañas se mide en función de los clicks logrados y la tasa de interacción de los usuarios.

· Ventas directas o adquisiciones: La meta final de cualquier estrategia es comercializar un producto o bien servicio, por lo que poco más se puede decir al respecto.

1) El SEO móvil se está transformando en una necesidad. ¿Sabes cómo ser competitivo en un planeta mobile-friendly?

La cuota de tráfico móvil aumenta de forma creciente.

Desde hace algunos años, el número de usuarios de smartphones y tablets ha superado al de usuarios de desktop.

Así ahora, tener una buena versión móvil de un sitio es prácticamente una necesidad.

Tus clientes deciden qué dispositivo quieren utilizar y es responsabilidad tuya darles la mejor experiencia para ello.

De esto trata exactamente la optimización móvil, de adaptar tu sitio y su diseño y de ajustar el contenido a los diferentes tamaños de pantalla y plataformas.

Como de costumbre, cualquier estrategia exitosa debe comenzar por compilar datos.

Un sencillo análisis de los ingresos de tráfico mostrará las preferencias de tu público.

Puedes llevar a cabo esta labor de manera sencilla con Analytics.

De esta manera, vas a descubrir si verdaderamente hay una necesidad urgente de migrar al móvil y si merece la pena, porque podría resultar que pisar el acelerador y gastar recursos no sea la mejor acción a tomar.

Ciertamente, “adquirir” una mentalidad mobile-first nunca debería predominar sobre el enfoque “el cliente del servicio es lo primero”.

Desde que Google anunció que había empezado a probar en la indexación de las páginas a mobile-first, han habido bastantes charlas y especulaciones.

Lo que sabemos con certidumbre es que se han empezado las pruebas en algunas unas partes de la web.

Y listo, por el hecho de que no se sabe a ciencia cierta nada más sobre la indexación móvil.

Lo que sí sabemos es que, a día de el día de hoy, más de la mitad de todas las búsquedas se efectúan a través de móviles y estas cifras crecen día a día.

Por lo tanto, sería un fallo no meditar que este hecho no se verá reflejado en los motores de búsqueda.

Nuestra investigación, basada en 10.000 peticiones esenciales, desprende una imagen clarísima de las tendencias actuales:

Los test sobre índices mobile-first van a alargarse por unos cuantos meses más y, a día de hoy, no hay mucha información sobre posibles cambios en los factores de rankeo.

La mayoría de las estrategias posicionamiento web permanecerán con bastante probabilidad mas, mantenerse a bordo del vagón del mobile friendly es, hoy día, una buena forma de estar preparado y listo para lo que está por venir.

Ahora expliquemos con todo lujo de detalles los aspectos a desarrollar en una web móvil desde la perspectiva SEO:

La publicidad digital se ha transformado en una de las primordiales vías de ingresos para cualquier negocio.

A diferencia de la publicidad tradicional, anunciarse por internet es algo asequible para cualquier empresa -puedes llegar a más gente con menos dinero- y más eficaz ya que permite establecer una relación más próxima entre empresa y consumidores.

Cualquiera puede publicar en la red de redes, no hace falta contar con mucho dinero para hacer marketing digital, muy frecuentemente es suficiente con tener una web o bien un y desarrollar una presencia activa en .

Además, la publicidad en internet utiliza soportes distintos con los que una marca se relaciona con el usuario. Algunos de ellos son los ordenadores, las tablets, los portátiles, los smartphones y la T.V. interactiva. En estos canales pueden desarrollarse nuevos formatos promocionales que pasan por prosperar la experiencia del consumidor (customer journey) y abrazan los últimos desarrollos tecnológicos como la inteligencia artificial, internet de las cosas y el iCloud.

En este artículo vamos a explicarte un tanto más sobre los diferentes formatos de publicidad en la red de redes, el volumen de negocio promocional y las últimas tendencias en marketing digital. Igual si tienes todo esto claro puedes animarte a desarrollar tus primeras campañas.

Back to top

1) · ¿Qué es la publicidad en Internet?

La publicidad digital (otro de los nombres que recibe la publicidad en Internet) básicamente consiste en la difusión de anuncios o bien contenido promocional por parte de los anunciantes por medio de dispositivos digitales en medios (periódicos o revistas digitales, weblogs, vídeo o bien aplicaciones) y redes sociales con la meta de impactar en sus clientes del servicio potenciales.

La finalidad de una campaña de publicidad cambia dependiendo de sus objetivos:

· Branding: generar marca, buscar visibilidad y reconocimiento; que la compañía figure en el imaginario del consumidor.

· Captar leads: lograr los datos de los usuarios para guardarlos en una base y poder desarrollar , por ejemplo.

· Ganar clics: la rentabilidad de muchas campañas se mide en función de los clics conseguidos y la tasa de interacción de los usuarios.

· Ventas directas o adquisiciones: La meta final de cualquier estrategia es comercializar un producto o bien servicio, con lo que poco más se puede decir al respecto.

1) Tratar de ganar la confianza de Google es algo que nos rompe la cabeza a todos los SEO, ¿cierto??; y claro, es que cada día este gigante buscador se sofistica más y nos hace correr cuando por servirnos de un ejemplo advierte thin content en nuestra página web. Si no sabes qué hacer para advertir y librarte del contenido de poco valor, ¡entonces este blog post te encantará!

Pese a que todos sabemos que el contenido útil es clave en el momento de optimizar en posicionamiento web en buscadores y posicionar la página Web en Google, algunos supuestos especialistas posicionamiento web en buscadores hacen oídos sordos a ello y permiten que las páginas Web de sus clientes ofrezcan contenido vacío o bien de poco valor que solo es creado con la meta de procurar mentir a Google y generar tráfico a toda costa.

¡Pero a Google no se le puede engañar! Por este motivo lanzó Panda al mercado, uno de sus muchos algoritmos que te penaliza si tu contenido es ocioso, falso o bien de poco valor para el usuario. Esto es lo que conocemos como “thin content” o bien contenido delgado (en español).

Frente al contenido de poco valor que intenta generar tráfico engañando a Google, este lanzó su algoritmo Panda para advertir y penalizar el thin content.

¿Deseas “gustar” a Google? ¡Puesto que asegúrate que no te coja con thin content en tu Web! A continuación te explicaremos todo cuanto se considera thin content, cómo progresar nuestro contenido y, lo más esencial, qué Google desea.

Back to top

1) ¿Qué es el thin content?

El thin content es el contenido que no resulta de ayuda para el lector; aquel contenido vacío que, si bien al comienzo consigue captar la atención del usuario, no le ofrece ayuda ni le resulta útil.

El thin content es todo aquel contenido de tu página Web que, aunque atraiga visitas, acaba decepcionando al usuario… ¡y Google lo sabe!

El thin content, en pocas palabras, es aquel contenido que podemos tildar como contenido basura. No es de ayuda, es de baja calidad y no satisface la demanda del usuario. El thin content defrauda a los usuarios y hace que Google quiera huir de ti.

Es como esos  regalos de importante tamaño que lucen fabulosos a la vista mas cuando los abres, te decepcionas, puesto que era más el envoltorio que el contenido. ¡A eso nos referimos!

Existen gran número de plantillas gratuitaspara los diferentes administradores de contenido (Content Management System) de excelente calidad, lo que la convierte en una opción para las personas que están iniciando con su blog o sitio.

Compartiré con las que, en mi opinión, son las mejores plantillas sin costo que emplean la tecnología Responsive Web Design, también llamado diseño líquido, adaptable o elástico que utilizan la tecnología HTML 5 y CSS3. La tecnología Responsive Web Design deja que el lugar Web se adapte a cualquier pantalla (computador o bien dispositivo móvil). Los que desean conocer mejor esta tecnología les recomiendo el artículo:.

Back to top

1) WordPress: plantillas Adaptable Web Design gratis

WordPress es el CMS que más plantillas gratis tiene libres con la tecnología Adaptable Web Design y tecnología HTML5 y CSS3 . Veamos las más destacadas:

1.1) 1. Plantilla Wordpress Nova

La plantilla gratuita de Wordpress Nova es fue creada por, con diseño responsive web design. Esta plantilla puede ser usada para diarios digitales, blogs informativos o bien corporativos.

1.2) 2. Plantilla WP Asteria Lite

Asteria Lite es una plantilla creada porcon tecnología de diseño líquido. Es un template limpio con gran cantidad de opciones de diseño, iconos sociales y plantillas de página.

1.3) 3. Plantilla WordPress Cubby

Cubby es una plantilla creada porcon tecnología adaptable web design. Cubby es una elegante plantilla basada en Bootstrap y diseñada para pequeñas y medianas empresas.

1.4) 4. Plantilla WP iTheme2

iTheme2 es una plantilla de WP con diseño líquido (Responsive Web Design). Esta es una excelente plantilla creada por. Es un template muy conveniente para weblogs de tecnología y asociados con Mac, ya que emplea un diseño afín al sitio de.

1.5) 5. Plantilla Wordpress Bento

La plantilla gratuita de Wordpress Bento es fue creada por, con diseño responsive web design. Es una plantilla multipropósito.

1.6) 6. Plantilla WP Skeleton

El template Skeleton de WordPress fue creada porcon diseño elástico (Responsive Web Design).

¿Terminas de lanzar un proyecto en Internet y no consigues tráfico web cualificado? ¿Quieres mas no entiendes cómo trabajar el ? ¿Estás buscando a una agencia o consultor SEO que te ayude a tomar decisiones, mas no acabas de fiarte? ¡Estás en el sitio correcto! Partiendo de la base de que el posicionamiento en buscadores no es un costo, sino más bien una inversión a largo plazo que toda app y sitio necesita para , es importante que sepas, en el momento de contratar un servicio de posicionamiento web, qué elementos determinan la calidad y el precio de este género de servicios. En esta guía voy a explicarte a fondo este tema a fin de que y sepas manejarte a la hora de tratar con cualquier profesional SEO.

Ya te había hablado de las y los , mas esta vez quiero charlar de costos y presupuesto posicionamiento web en buscadores. Los tienen en cuenta principalmente 2 valores en el momento de enseñar la jerarquía de resultados: la autoridad y la relevancia de un sitio. ¿Y cómo puedes lograr esto? La realidad es que precisas unos conocimientos muy especializados, y no todo el planeta los tiene (cuesta años de formación y de experiencia). Por esta razón, en esta guía te explicaré exactamente en qué consiste un servicio SEO, qué puedes aguardar de una agencia o asesor SEO, cuánto deberías invertir en un servicio SEO y cuál tendría que ser el retorno de dicha inversión.

Back to top

1) Mucho cuidado con el posicionamiento web «low cost» o bien con los servicios gratuitos

Antes de comenzarte a explicar los factores que intervienen en coste de un servicio SEO, quiero tocar el tema de los servicios «low cost» o bien «gratuitos». Estoy completamente seguro de que no es la primera vez (ni la última) que has leído la oración «solicita un análisis posicionamiento web gratuito» en algún anuncio, weblog o página de servicios de posicionamiento web en buscadores. La palabra «gratis» siempre y en toda circunstancia es un enorme aliciente y suena realmente bien, mas no seas iluso, en el mundo del marketing digital (y en todos los demás) no hay nada gratis. La idea es llamar la atención y en ocasiones puede esconder un servicio poco profesional.