¿Qué son las etiquetas AMP en los resultados de búsquedas de Google?

Las etiquetas AMP (Páginas Móviles Aceleradas) son los nuevos avisos que Google ha habilitado en su buscador y que identifican a las páginas webs que se cargan rápidamente, en menos de un segundo, cuando se acceden a ellas a través de un móvil.

que-son-las-etiquetas-amp-solbyteEste tipo de páginas webs no solo muestran su contenido en menos de un segundo, sino que también usa menos datos móviles que una web “normal”, no acelerada: consume diez veces menos.

Fue en febrero de este año cuando Google comenzó a utilizarlas, pero solo en la sección de noticias. A partir de ahora, sin embargo, abarca a todas las webs y se convierte en un requisito importante a la hora de posicionar una web en Google y conseguir estar entre los primeros resultados.

¿Cómo se consigue una web acelerada?

Una web acelerada es aquella cuyo contenido ha sido simplificado al máximo, sin lenguaje de programación JavaScript, aquel que permite que una web sea dinámica y con interacciones. De esta manera, la web es más ligera y sencilla, con un diseño más plano, sin apenas funciones interactivas y casi sin elementos de navegación.

¿Hay que desarrollarla de nuevo?

No, no hay que desarrollarla de nuevo sino versionar la web existente dejando el contenido más simple. Esto se hace creando una url alternativa programada de forma simplificada para que Google indexe esta url y la muestre como la web acelerada.

 

GOOGLE HACIA LA MOVILIDAD

Una vez más, con los proyectos que tiene entre manos Google (este se denomina Proyecto de Páginas Móviles Aceleradas), la compañía parece que va dejando claro hacia dónde van sus esfuerzos: hacia la movilidad y la mejor experiencia de usuario al navegar con el móvil.

Las nuevas tendencias en el diseño web

Posted on

DiseñoWeb_Solbyte

El diseño está continuamente cambiando con motivo de las nuevas tecnologías y tendencias. Por ello, el diseño de las páginas web ha pasado por diferentes tendencias desde ser lo más cargadas posibles, adaptadas a una única pantalla hasta convertirse en diseños planos, minimalistas con contenidos claros y adaptación a las diferentes pantallas que ofrece la tecnología.

Actualmente, los diseños web que se utilizan han dejado de lado el diseño web en flash, es decir, aquellos que tenían como propósito sorprender a través de animaciones, contenido interactivo y sonidos.

Hoy en día se ha optado por el diseño responsivo que consiste básicamente en redimensionar y situar los elementos de la web de manera que se adapten al ancho de cada uno de los dispositivos. Esto se debe a la incorporación de las nuevas tecnologías a nuestro día a día. Además, esta nueva forma de diseño se ha convertido en una necesidad en cuanto al posicionamiento de la web en los buscadores, puesto que Google valora de forma positiva este tipo de aspectos.

Asimismo, si tu idea es crear una web o ya la tienes te damos algunos consejos que te permitirán aumentar las visitas:

Este tipo de diseños atiende a criterios como navegabilidad y usabilidad. De esta forma, los visitantes se sienten atraídos por la estructura sencilla de la web lo que permite que encuentren aquello que buscan.

La jerarquía visual ayuda  a situar mejor los elementos presentes en cada pantalla. De esta forma, el diseño será más ligero y dinámico.

Un aspecto importante es la comprensión del contenido, así como la posición  del mismo. Por ello, crea textos claros que hagan que el lector permanezca en la web.

Haz que tu página consiga su máximo rendimiento a través de un correcto diseño web,  poniendo en práctica las nuevas tendencias, brindando contenido de calidad pero sobre todo, innovando para convertir tu página web en la más original.

Cómo mejorar la cara online de tu empresa a través de un buen diseño web

Es innegable que Internet se ha convertido en una herramienta indispensable para dar a conocer cualquier producto o marca y eso hace necesario que la atención al diseño de todo sitio web sea primordial.

Hablemos de datos. En la Unión Europea en 2014, el 76% de la población había hecho uso de esta tecnología en el último trimestre. Concretamente en España, las cifras siguen aumentando alcanzando un 78%. No cabe duda de que si más de tres cuartas partes de la población busca información por esta vía, la presencia de ese producto o marca debe ser impecable y  su web es la mejor herramienta de información controlada que se puede ofrecer al cliente. Por consiguiente, se debe concentrar gran parte de los esfuerzos en diseñar una página web lo más óptima posible para todo aquel usuario que la visite.

Aunque a priori, gracias a las múltiples plataformas de creación de portales web (Joomla, Wix o WordPress entre muchas otras), puede  parecer que crear un sitio web es bastante fácil, no todo es tan sencillo. Se necesita tener muy claro unos puntos clave para que el diseño sea el adecuado y se capte la atención tanto de los buscadores como de los usuarios.

 

Claves básicas de un buen diseño web

Estructurado: El caos no es muy amigo de aquel que esté interesado en una web. Una estructura siguiendo unos criterios de desglose y organización por temas de la información conseguirá facilitar que cualquier persona que entre en tu web encuentre lo que buscaba sin complicaciones.

Limpio: Dar más información de la necesaria no es positivo. El usuario necesita tener claro que va a encontrar en esa web con solo un golpe de vista.

Optimizado para Seo: Un diseño web bueno es una de las mejores estrategias de marketing online. Realizar Seo on Page ayuda a mejorar la posición de tu sitio en los buscadores de forma natural.

Contenido de calidad: El contenido no debe ser utilizado tan solo para emisiones de mensajes publicitarios, la web debe generar un valor añadido al usuario. Sin desviarse del objetivo principal, se debe envolver el contenido con una capa de interés para el público al que se quiera dirigir.

Dinámica: Se acabó la era de las “webs estáticas”  y el texto plano. El usuario quiere encontrarse un contenido actualizado, que le llame la atención y le incite a permanecer el sitio.

Diseño responsivo: La proliferación de los teléfonos inteligentes y demás dispositivos tecnológicos sumado a la tendencia creciente de la penetración del Internet, prácticamente “obligan” a la adaptabilidad de todo sitio web. En este contexto surge el diseño responsivo para que toda web se visualice correctamente en cualquier dispositivo. Ya se cuenta con muchas empresas que ofrecen dicho servicio. Para más información pulse aquí.

 

La usabilidad, el eje central del diseño

Cada una de las claves anteriores estaría englobada dentro de los criterios de usabilidad y se realizan con un vital objetivo, mejorar la experiencia del usuario que navega por el sitio.

Pero esto no es todo. Un buen diseño web se debe mantener en el tiempo y para ello necesita de actualizaciones y un seguimiento porque la realidad puede ser muy distinta a lo que en un principio se plantea. Es por ello que se debe hacer con cierta frecuencia,  un análisis y medición de los datos que nuestro sitio nos devuelve. En el caso de que hubiese errores  se podrían corregir y se conseguiría un mayor control. Herramientas como Google Analytics son de gran ayuda en dicho cometido.

Si la web cumple todos estos puntos, tendrá el diseño necesario para competir en el mercado online. No se puede olvidar que un buen diseño vende indirectamente.

puntos-claves-de-un-buen-diseño-web

 

All The Free Stock: directorio de imágenes de calidad gratuitas y aptas para uso comercial

¿Buscas una imagen de calidad para una página web, un blog o una presentación? Te recomendamos realmente que descubras All The Free Stock.

Hace poco tiempo dimos con este directorio de imágenes que recoge una serie de páginas web que permiten descargar sus imágenes de manera gratuita, y para sea cual sea el fin que tengas con ellas (son recursos con licencia Creative Commons Zero). Nada más verlo, nos sorprendimos por todo lo que ofrecía y con ese nivel de recursos…

 

Allthefreestock diseño web solbyte2

 

No hace falta acceder a cada web del directorio para ver las imágenes, sino que la propia página web te la muestra para que navegues por cada una de ellas sin salir de All The Free Stock (como puedes ver en las imágenes). Una vez elegida la imagen que deseas también puedes descargártela desde la propia página.

Y no solo ofrece imágenes de calidad, sino también vídeos, efectos de sonido, paletas de colores, iconos y mockups (para hacer montajes de proyectos digitales).

 

Allthefreestock diseño web solbyte5

Allthefreestock diseño web solbyte3

 

En la mayoría de las páginas web puedes suscribirte para que automáticamente te envíen las nuevas imágenes ya que suben nuevas periódicamente. Esta opción es verdaderamente útil si en tu trabajo necesitas este tipo de recursos, y no sabes cuándo vas a necesitar una imagen de gran resolución sobre una temática en concreto.

Como decimos, es una página muy útil y te aconsejamos realmente que le eches un ojo (no te arrepentirás), bien para que la uses en tu día a día, si por ejemplo te dedicas al diseño web o eres diseñador gráfico, bien para que tengas conocimiento de que existe por si en algún momento necesitas una imagen de calidad.

6 argumentos de por qué las webs desarrolladas con tecnología Flash ya no son recomendables

htmlvsflash

 

Últimamente se viene hablando mucho de la tecnología Flash por las continuas vulnerabilidades en seguridad que presenta, además de porque grandes firmas tecnológicas (Google, Facebook, Apple) han mostrado su rechazo y apuestan por la migración a HTML.

Pero este no es el motivo de este post. Lejos de esto, queremos analizar por qué en el ámbito del diseño de páginas web la tecnología flash ya no es recomendable, en favor del desarrollo con lenguaje HTML.

Es cierto que con esta tecnología pueden crearse sitios web muy atractivos visualmente, con animaciones, juegos, vídeos, etc., sin embargo, estas animaciones ya son posibles a través de otras herramientas. Por el contrario, recogemos 6 argumentos en contra:

 

1. NECESITA ACTUALIZACIONES CONSTANTES: No te será raro ver avisos que te anuncian sobre la necesidad de que instales un plugin para que puedas seguir navegando por el sitio web. Y esta descarga tiene que hacerse continuamente.

2. FLASH NO ES USABILIDAD WEB: La usabilidad web se traduce a la experiencia que tiene un usuario cuando navega por una página web. Cuanto mejor sea esta experiencia y su satisfacción, mayor será la usabilidad web. Y esta se basa en una serie de principios como que el site se cargue de manera rápida, sin hacer esperar al usuario; que la navegación por la página sea sencilla y muestre los contenidos de forma simple y ordenada; que la web y sus contenidos sean actualizados; que sea accesible y compatible con los diferentes navegadores y resoluciones (diseño web responsivo), entre otros. Todo esto, como verás a continuación, en las páginas desarrolladas con Flash no se cumple.

3. NO CASA CON LOS DISPOSITIVOS MÓVILES: Ni los dispositivos Android ni los dispositivos iOS cuentan con soporte para tecnología Flash. Además, tenemos que recordar la tendencia hacia el diseño web responsivo y hacia la movilidad.

4. DIFÍCIL MANTENIMIENTO Y ACTUALIZACIÓN DE SU CONTENIDO: El contenido rey de las páginas hechas con Flash son las imágenes, las animaciones, los vídeos, en detrimento de los textos. Apenas muestran contenido en texto. Esto, sumado a que normalmente la administración de la web es complicada, la actualización del contenido se hace casi imposible.

5. NULO POSICIONAMIENTO SEO: Al no contener apenas textos, su posicionamiento viene a ser nulo. Los buscadores, hablemos de Google, “lee” el contenido de la web y la posiciona en el ranking en función de las palabras clave. Sin embargo, si una web no contiene texto, este proceso no puede darse.

6. TIEMPO DE CARGA LENTO: Al estar diseñado fundamentalmente con tantas animaciones, el tiempo de carga es lento, lo cual repercute en la usabilidad de la web (el usuario puede aburrirse de esperar).

 

Los aspectos anteriores argumentan por qué el diseño de páginas web mediante tecnología Flash no es recomendable. Las grandes compañías tecnológicas ya han comenzado la migración, y no desde hace poco, lo cual deja entrever que tarde o temprano las páginas webs deberían dejar atrás esta  tecnología, perteneciente a la empresa Adobe.

Google penaliza las webs que no están adaptadas a móvil con diseño responsivo

A young man is surprised while using a computerGoogle ha confirmado recientemente que en dos semanas, a partir del 21 de abril, todas las páginas web que no estén optimizadas para dispositivos móviles se verán afectadas en las búsquedas que realicen los usuarios desde su tablet o móvil, con el consiguiente impacto negativo en su posicionamiento.

¿En qué consiste el cambio? 

En que Google no mostrará en los resultados de las búsquedas que se hagan mediante un dispositivo móvil una página web si esta no está desarrollada con diseño responsivo, es decir, que la visualización se adapte a la pantalla sea cual sea su tamaño.

Actualmente, según estudios, alrededor del 80% de las búsquedas se hacen mediante Google. Además, el 40% de las búsquedas en Google se realizan a través de tablets y móviles. Unos datos que reflejan la necesidad en términos de marketing online que tienen las empresas de adaptarse al buscador y, en este caso, a la tecnología móvil para no perder posicionamiento.

Con estos datos no es para menos que esta noticia haya sido tan difundida y haya llamado la atención más allá de los constantes cambios del buscador (como del que hablábamos en este post). Y es que, aunque siempre se ha sabido que Google busca satisfacer al usuario y mejorar su experiencia cuando navega por la Red, el hecho de que haya señalizado en el calendario tal cambio ha alertado a las empresas con presencia en Internet.

3Dispositivos

A continuación, la declaración que dio la compañía en su blog oficial para Webmasters:

“Nuestro objetivo es ofrecer a los usuarios las respuestas más relevantes a sus consultas con la mayor celeridad posible. A medida que crece el número de usuarios que utilizan dispositivos móviles para acceder a Internet, nuestros algoritmos deben adaptarse a estos patrones de uso. Anteriormente, realizamos actualizaciones para garantizar que los sitios estuviesen configurados correctamente y visibles en los dispositivos modernos (…). Como consecuencia, los usuarios podrán encontrar más resultados de alta calidad pertinentes para sus consultas y optimizados para su dispositivo”.

¿Quieres comprobar si una web es responsiva?

Para comprobar si una página web está optimizada, Google ha habilitado la herramienta que se muestra en la imagen en la que tan solo hay que insertar la url para que esta sea analizada de manera rápida. El enlace es este.

prueba optimización para moviles solbyte

 

En Solbyte, estamos especializados en el diseño y desarrollo de páginas web y tiendas online optimizadas para dispositivos móviles, así que si tienes una página web y necesitas asesoramiento al respecto, podemos ayudarte y acompañarte en la evolución de tu presencia en Internet.

Si quieres saber más sobre diseño responsivo, puedes leer este artículo que publicamos el año pasado cuando Google anunció que el buscador comenzaría a informar a los usuarios móviles si una página web estaba optimizada o no antes de que pinchasen sobre ella. Parecía toda una declaración de intenciones sobre el cambio en el algoritmo que ahora va a realizar.

¿Cuál es el mejor software para mi empresa?

Dentro del conjunto de las soluciones tecnológicas, todavía sigue la lucha entre los productos denominados ‘enlatados’ y el software a medida. Hablamos de software a medida, como indica la palabra, de aquel que se diseña a medida de la empresa y de su forma de trabajar y que busca adaptarse lo mejor posible a lo que sus usuarios necesitan. Por otro lado, el software estándar o ‘enlatado’ es un programa genérico que resuelve múltiples necesidades pero que no se adapta completamente al vocabulario y funciones que necesita la empresa.

cuadro

Si bien aparentan ser las dos caras de la misma moneda, la decisión de elegir un programa a medida y uno de desarrollo predeterminado no está tan clara. El criterio de elección para una empresa puede radicar en el tamaño de la misma, el presupuesto disponible, el proceso de implementación, o hasta otras opciones disponibles en el mercado.

softwareamedidaLas pequeñas y medianas empresas muchas veces tienen una relación presupuesto-beneficio que hace que la mejor solución sea un software enlatado, mientras que en las empresas grandes la mejor alternativa suele ser o un desarrollo a medida o bien un SaaS (Software como servicio).
Por otro lado conviene evaluar la incorporación de cada sistema a la empresa como un proyecto de inversión y analizar cuál será el aumento de competitividad y productividad cuando el sistema funcione. El resultado tiene que ser evidentemente el más beneficioso para la empresa.
Incluso, la elección puede pasar básicamente por comprobar si el software que necesita la empresa existe o no en el mercado y hasta qué punto sirve para lo que necesita.

Definitivamente el software será más o menos adecuado en función de las necesidades de la empresa y de los procesos que quiera automatizar, por eso, el primer paso para implementarlo es pensar sobre lo que se quiere exprimir con esta tecnología, el presupuesto del que se dispone o el número de personas que vayan a usarlo.

Una última opción ¿podemos pensar en un software híbrido? Un programa preplaneado desde el que acceder a una librería de funcionalidades y que, a su vez, pueda completarse con nuevos desarrollos.