Category Archives: Diseño Web

¿Quién a día de hoy no navega con tu teléfono móvil?. Sin números oficiales en la mano nos atrevemos a decir que el móvil y la búsqueda mediante en mismo en Google se ha convertido ya en algo totalmente necesario. En nuestra rutina ya no contemplamos vivir sin este amigo buscador que nos facilita tanto la vida.

Google es consciente de ello, de hecho recopila más información de la que podemos imaginar, y por ello sabe que cada vez la versión móvil en la web es en la mayoría de los sectores la más importante. Es por ello que cuando en 2016 comunicaron que estaban trabajando en el Mobile First Index era precisamente para satisfacer al usuario creciente que navega más con el móvil que con el ordenador o tablet.

Qué es Mobile First Index

Con el Mobile First Index lo que hace Google es darle mayor importancia a la navegabilidad y experiencia de usuario en móvil con respecto a la navegación en dispositivos de pantalla más grande como Desktop o Tablet. Esto por consiguiente tiene un alto impacto en nuestro posicionamiento SEO puesto que nuestra web debe ser responsive y estar optimizada si queremos ganar posiciones o no perder las actuales.

Cómo se trabaja la web para el Mobile First Index

Debemos de partir de la base por la que trabaja Google y es satisfacer al usuario. Para ello debemos asegurarnos que nuestra web en versión móvil está mostrando de forma correcta la información en búsquedas realizadas en versión móvil. Para ello debemos de tener en cuenta elementos como:

• Visibilidad del contenido: qué se está mostrando en la versión móvil. ¿Es lo mismo que en versión escritorio o hay elementos ocultos o diferentes?.
• Tamaño del texto: debe de ser legible cómodamente por lo que el tamaño, color y espaciado debe estar optimizado.
• Velocidad de carga: en móvil cobra mayor importancia por lo que debemos de tener precaución con revisar el peso de las imágenes u otros elementos.

Adaptarse a los nuevos tiempos Responsive

Sabemos lo difícil que es estar a la última en todas las tecnologías y más aún en algo tan rápido como Internet. Sin embargo te recomendamos que actualices en caso de que no lo hayas hecho ya a la versión responsive todas tus webs. Te asegurarás de tener la web optimizada para Google y por ello poder mejorar tu posicionamiento. Si necesitas ayuda sabes que puedes contar con nosotros, estaremos encantados de atenderte.

El contar con buenas imágenes a la hora de preparar cualquier comunicación es súper importante para causar impacto y atracción en nuestro usuario. Sin embargo en la mayoría de los casos nos encontramos que ver sitios webs con imágenes de calidad y gratis es muy complicado de encontrar. Es por ello que hoy queremos compartir con vosotros las principales páginas con cientos de imágenes libres de derechos de autor y 100% gratuitas.

Muchas de ellas sí que están unidas a planes de pago para acceso a más imágenes o incluso a determinadas limitaciones pero ya os adelantamos que con estas páginas tendréis más que suficiente para poder conseguir imágenes gratis durante una buena temporada.

Pixabay

Comenzamos el listado con Pixabay, una web que nos gusta porque además cuenta con un pequeño buscador que además podéis usar en español. Multitud de temáticas, excelente calidad de imagen y accesible en dos clics.

Web Pixabay

Pikwizard

Una novedosa web que nos ofrece también espectaculares imágenes sin coste alguno. Posee un buscador que debemos de usar en inglés y cuentan con muchísimas imágenes para poder utilizar de forma abierta. Ofrecen además la posibilidad de editar imágenes con un editor visual muy sencillo parecido a canva.

Web Pikwizard

Picjumbo

Esta web también con miles de imágenes gratuitas está en inglés. Dispone también de un buscador y unas imágenes de altísima calidad. Realmente es uno de nuestros favoritos y os recomendamos probarlo.

Web Picjumbo

Pexels

Una de las páginas más conocidas en el sector y aunque cuenta con un programa de pago, nos ofrece multitud de imágenes sin coste que podremos descargar en un minuto. No requiere de registro y cuenta con su propio buscador.

Web Pexels

Gratisography

Con un toque muy gringo la web de gratisgraphy nos muestra espectaculares fotos sin derechos que podremos usar en nuestra web. Cuenta también con un buscador el cual tendremos que usar en inglés para poder encontrar las mejores imágenes.

Web de Gratisography

Jay Mantri

Aunque cuenta con muchas imágenes de alta calidad aquí tendremos más dificultad en buscar. Se va actualizando con fotos aleatorias y por tanto tendremos suerte si justo encontramos alguna que nos encaja. Siempre viene bien entrar de vez en cuando para en caso de ver alguna que nos guste guardarla para usarla en el futuro.

Web de Jay Mantri

Picography

Con una limpia interfaz Picography es una de las páginas que más nos gusta para fotos inspiracionales. Además al entrar en una imagen nos recomendará similares y todas ellas como veréis tienen un efecto espectacular.

Web de Picography

Super Famous Images

Este banco de imágenes es ideal para buscar fotos de la Tierra (paisajes, cordilleras, montañas), y algunas más clásicas como edificios etc. El principal problema es que no cuenta con buscador y por tanto nos pasa un poco como antes, tendremos que entrar con frecuencia y ver cuál nos puede valer ahora o en el futuro.

Web de Super Famous Images

Unsplash

Esta web es una de nuestra favoritas desde hace años. Cuenta con un buscador muy preciso y una grandísima cantidad de imágenes. Todas ellas sin marca de agua y en una enorme calidad y resolución. Es una de las que más recomendamos por su amplia diversidad de temáticas.

Web de Unsplash

MMT

De forma muy ordenada contamos con numerosas categorías de todo tipo para encontrar muy buenas imágenes para poder usar tanto a nivel personal como comercial. MMT no obliga pero sí agradece mención en la web destino del fotógrafo que aportó la fotografía.

Web de MMT

Stokpic

Nuestra última recomendación es Stockpic, también cuenta con cientos de imágenes de altísima calidad y diferentes diversas categorías. Tienes la opción de registro y cada semana te mandarán dos imágenes a tu correo electrónico. Es también de las que más recomendamos.

Web de Stokpic

En un mundo basado en la tecnología se hace necesario para todos los empresarios hacer una publicidad online. En toda estrategia de marca hay que tener unas estrategias de marketing digital que ayude a dar a conocer la empresa. Además, estas estrategias son de un menor coste a la publicidad tradicional y además más medibles.

En el siguiente artículo tendrás la oportunidad de conocer detalladamente cada una de las estrategias que debes aplicar para que tu marca sea un bum en poco tiempo.

¿Por qué aplicar estrategias de marketing digital?

Aplicar cualquier tipo de estrategia es una de las cosas más complicadas que existen: desde montar hasta llevarla a cabo. Sin embargo, para poder lograr cualquier meta que nos propongamos en un determinado negocio es esencial la aplicación de ciertas estrategias las cuales funcionen como elemento propulsor para obtener los resultados anhelados.

En el caso de las estrategias de marketing digital son las más utilizadas si deseas que la marca o negocio sea reconocida por Internet. Aunque este medio es muy competitivo por ser una de los más utilizados tanto por los empresarios, negociantes o ejecutivos, merece la pena el esfuerzo dado que Internet está operativo las 24 horas del día.

Diferentes estrategias de marketing digital que funcionan

Conocer cada una de las diferentes estrategias para hacer reconocer tu propia marca es primordial en este tipo de negocios puesto que esto favorecerá la publicidad que se requiere, para que la marca sea reconocida en cada una de las redes que se encuentre en vía online. A continuación te describiremos cada una de las estrategias de marketing digital más utilizadas:

Inspírate de la competencia

La competencia siempre tiene ciertos puntos que generan ideas nuevas y originales, es por ello que te recomendamos que encuentres las palabras claves que mueve a tu competencia las cuales Te ayudarán a posicionarte en Internet.

Sube contenido

Si deseas aumentar la influencia de tu marca en Internet y conseguir más visitas se recomienda que subas contenido con frecuencia para mejorar así el posicionamiento SEO. Haz que el usuario se sienta interesado creando artículos atractivos y le enganchen.

Actualiza las fechas de tus publicaciones

Modifica actualizando la fecha de aquel contenido que ha perdido posiciones. Muchas veces cambiar la fecha de aquellas publicaciones antiguas por una resiente, lograrás turbo en el buscador y podrás ganas unas cuentas posiciones significativas ante las otras marcas online, al igual que su contenido también sería bueno cambiarlo.

Promociona el mejor contenido

Siempre el contenido es algo que atrae pero sin promocionarlo no lograrás que lo vea casi nadie. Es por ello que si inviertes tiempo en promocionarlo en redes sociales por ejemplo los resultados serán espectaculares.

Crea un artículo agregado

Concentrar todos los posts similares en uno solo ayudará para que este logre posicionarse. Los artículos cuando son más largos y con mejor contenido ayuda a que logres una posición en los buscadores más alta.

Realiza una campaña SEM

En SEM es importante para aquellas palabras claves que no logren posicionarse en un tiempo establecido. Además permitirá probar cómo reacciona el usuario al acceder a tu web a través de esas palabras.

Comparte en Redes sociales

Elige las redes sociales más interesantes para ti, te ayudarán a maximizar la publicidad de tu marca y ganar más notoriedad por ser los lugares más frecuentados por el público.

Define y acota el tiempo

Por ser publicaciones costosas y el número de redes sociales que existen es elevado, deberás definir el tiempo que tienes pensado invertir en cada una de ellas, al igual que las acciones que realizarás acorde al tiempo establecido.

Estudia a tu comunidad

Como bien se sabe la comunidad es la que decide tu posicionamiento en la web, es por esta razón que debes estudiar sus respuestas y comportamiento. Ya sea a través de redes sociales o web.

Mail Marketing o Marketing por email

Funciona perfectamente para llegar al consumidor de manera directa, además que cualquier promoción o oferta podrás enviarla al usuario de manera personalizada según el interés de cada quien. Sin embargo posee un porcentaje en muchos casos de baja atención.

Diseño de web responsive

Realizar el diseño de tu web para que se pueda visualizar en el móvil o en las tables ya que muchas veces los usuarios prefieren utilizar Internet con smartphone.

Ventajas de las estrategias de marketing digital

Una vez que se han aplicado correctamente las estrategias de marketing digital podrás disfrutar de los siguientes beneficios.

1. Notoriedad: Al ser Internet el medio más visitado en todo el mundo es sencillo dar a conocer los productos que ofrezcas, por tanto es una excelente oportunidad de llegar a mucha gente.

2. Segmentación: Las estrategias de marketing online te permiten llegar a cualquier cliente segmentando sus gustos o búsquedas permitiendo que el mensaje pueda llegar en el formato más adecuado para cada uno.

3. Creas una imagen de marca. Establecer la promoción de tu marca vía online te permite crear una imagen mucho más amplia que los medios tradicionales.

4. Economía. Estas estrategias de marketing online te permiten conseguir mejores resultados en el reconocimiento de tu marca, pero además, te ayuda a reducir considerablemente los costos que una compaña tradicional no lo lograría.

5. Medir resultados: Podrás medir los resultados obtenidos por la publicidad de la marca y te ayuda a mejorar los detalles más importantes.

Características relevantes en las estrategias marketing online

Para que una estrategia digital interactúe en toda clase de persona, debe contener cada una de estas características, puesto que esto favorecerá los resultados y la optimización del rendimiento, con el fin de que la marca llegue a cualquier parte del país. A continuación, te presentados algunas características que tienen las estrategias.

1. Por ser online permite adaptarse a la medida del consumidor, ya que a cada internauta se propone información sobre lo que está interesado, definido en sus perfiles.
2. Son motivadores, crean publicidad que luego se pueden convertir en viral; hoy en día son muchos los videos e imágenes que son compartidos en las redes sociales.
3. Son masivos, puedes llegar a muchas personas sin limitaciones de tiempo y horario, existen algunas herramientas como las redes sociales y patrocinadores, que logra que este medio, sea un medio económico de difusión.
4. Existe una cantidad masiva flujo, pues las personas se sienten atraídas por el sitio, pues capta la atención y mantendrá al cliente atento a lo que se está promocionando.
5. La navegación es amigable y fácil para el usuario, al igual que es funcional.
6. Existe feedback entre el internauta para que se produzca interactividad, consiguiendo así confianza y reputación.
7. Se crean lazos de fidelidad que fortalecen las relaciones entre la página y el internauta con el tiempo y se mantienen en el tiempo

 Aspectos importantes para que tus estrategias de marketing digital sean exitosas

Si desea que tu campaña online sea realmente exitosa, debes tener en cuenta cada uno de los puntos importantes que te describiremos posteriormente, puesto que esto, te ayudará progresivamente en el reconocimiento de la marca determinada.

Usabilidad web

La usabilidad de la pagina web debe ser primordial para que la promoción de la marca sea efectiva, ya que si dicha pagina logra ser maneja por un niño o por una persona adulta, esto favorecerá el reconocimiento de la misma, puesto que esto motiva a cada persona a interesarse mucho más, simplemente porque el usuario sentirá que su usabilidad es sencilla.

Interfaz de usuario

El interfaz, se refiera a la velocidad y diseño con la que este realizada la página, y es este punto es el que enamora al usuario, ya que en base a esto el usuario decidirá quedarse o no en la página, y es que está comprobado que las páginas con un interfaz lento, hacen que el usuario se retire, y que adicionalmente busque otros medio o empresas dentro de su mercado.

Motores de búsqueda

Estos se refieren al orden que se tenga dentro de la página, lo cual permita al usuario poder conseguir lo que desea de manera rápida y sencilla, este punto va de la mano con la usabilidad de la página web, siendo esto un punto sumamente relevante para que el usuario se motive por la compra de algún producto de la marca.

Promoción

Si bien es verdad, enfocarnos en la página y el buen funcionamiento de la misma, pero, también debemos realizar la promoción necesaria para que los clientes puedan llegar a nuestra página. Existen distintas maneras online para hacer llegar clientes a nuestra página, entre ellas tenemos: la estrategia de posicionamiento SEO, la estrategia de posicionamiento SEM, el uso de Google AdWords y las redes sociales

Diseño atractivo

Un buen diseño es cautivador, algo que sea llamativo y se vea acorde a los que tu página desea vender, es realmente importante para la venta de tus productos. Estas y muchas más constituyen una forma realmente sencilla de dar a conocer su marca por medio de internet, además, con la gran facilidad de poder colocar un simple enlace, nuestros usuarios estarán en la página con un solo clic.

Claves para crear las estrategias de marketing digital

Si realmente deseas establecer ciertas estrategias, para que tu marketing digital sea reconocido por cada una de las diferentes comunidades, las cuales se podrán interesar por los productos que conforman determinada marca digital, deberás implementar cada una de estas claves:

1. Investigación: Antes de empezar a promocionar deberás realizar una breve y precisa inspección sobre el sector, la competencia y sobre todo en donde se encuentra la empresa, siendo esta la herramienta más importante para que tu empresa se desarrolle en el medio.

2. Observación: Debes tener una muy buena base para que puedas visualizar claramente las debilidades o fortalezas que proporcione la empresa, sin dejar atrás las amenazas que se encuentran por todo el mercado, por ello, las estrategias de marketing online deben ser consecuente con este análisis.

3.  Objetivos: Es importante que establezcas cada uno de los objetivos que quieres alcanzar con las la marketing online, además de conseguir el desarrollo de la estrategia, la cual debe ser muy puntual para que se pueda lograr efectivamente el reconocimiento de la empresa digital.

4.  Medición: Estos indicadores clave de rendimiento, te permite medir y analizar el progreso de las acciones que estés realizando para el objetivo, también, analiza el estatus del alcance las metas planteadas. Realmente es fundamental poder medir el efecto de cada acción, para el conocimiento propio.

5. Disponer de una página web o blog. Contar con una página web o un blog te permitirá conocer rápidamente a tu empresa puesto que por este medio podrás actualizar constantemente la información que le deseas ofrecer al cliente, claramente cada blog debe estar adaptado a las necesidades del cliente.

Cuando estamos diseñando una página web una de las partes más importantes es el contenido, pero éste debe ser genuino para evitar el denominado contenido duplicado.

Qué es el contenido duplicado

Se considera contenido duplicado aquel está copiado de otro sitio web. Se produce cuando Google detecta que ese contenido ha sido indexado previamente en otro sitio web.

Esto no es una penalización seria por parte de Google, pero no es premiado en los rankings por lo que es no se posicionará en primeras posiciones para los usuarios que busquen información sobre ese contenido. La razón es sencilla: el contenido duplicado ofrece lo mismo que ya estaba antes, sin mejorarlo.

Cuándo produce con mayor frecuencia el contenido duplicado

El contenido duplicado ocurre con mayor frecuencia de lo esperado desafortunadamente. Es sobre todo muy común encontrarlo en tiendas online.

Las tiendas online contienen productos y en la mayoría de los casos las descripciones son copiadas y pegadas de la información del fabricante. Todo ese contenido es duplicado.

Otro caso frecuente de contenido duplicado en páginas web (no tiendas), es cuando son webs más técnicas en donde se usan las mismas descripciones en todas las páginas.

Cómo verificar si es contenido duplicado

Podemos mirar antes de publicar el contenido si ya existe en Internet. Para ello es posible comprobarlo haciendo una búsqueda en Google colocando el contenido entre comillas. Pasos:

1. Vamos a Google.es
2. Ponemos el texto que queremos comprobar entre comillas, por ejemplo «texto de prueba»
3. Realizamos la búsqueda y nos saldrán los resultados que exactamente contengan el texto que hemos indicado entre las comillas.

Podemos definir la usabilidad web como el nivel de facilidad que tiene una página web para ser usada por los visitantes que ingresan en ella. Para considerar que una web cuenta con buena usabilidad, debe permitir a los usuarios interactuar con la misma de manera fácil, intuitiva, agradable y segura.

Claves y beneficios de la usabilidad web

La usabilidad web, puede traer muchos beneficios a nuestro sitio web: para empezar, mejora la experiencia de los visitantes de nuestra página; permite alcanzar una mejor comunicación y retroalimentación con el usuario.

Teniendo una web con mejor usabilidad conseguiremos mayor tráfico web orgánico, nos ayuda a incrementar la duración de las visitas y disminuir el porcentaje de rebote.

Es ideal para fidelizar a las personas, ya que contribuye a que estos visiten nuestra página frecuentemente, además facilita las recomendaciones a otros usuarios, generando así, visitas adicionales; debido a su manejo fácil e intuitivo logrará que el usuario se familiarice rápidamente con la página y finalmente aumentará los ingresos y las ventas a través de ella.

En este momento, seguramente te estás preguntando por qué deberías tener en cuenta la usabilidad web, pues bien, con ella, disminuirás los gastos de asistencia y ayuda al usuario, reducirás en gran medida los errores de los usuarios, optimizarás los costes de diseño, rediseño y mantenimiento; al mismo tiempo, incrementarás la tasa de cambio de usuario a cliente.

En definitiva, mejorará en gran medida la satisfacción y comodidad del usuario; tendrás sin duda una mejor imagen y un mayor prestigio, y lograrás tener usuarios felices, con menos estrés y mucho más productivos.

Cómo mejorar la usabilidad de la web

Optimizar la usabilidad web es realmente sencillo, para esto, es necesario enfocarnos en su objetivo principal, que es utilizar todos los medios para que los usuarios encuentren todo lo que buscan en el menor tiempo posible y sin tener que hacer mucho esfuerzo. Sin importar cuál sea el propósito de nuestra web, ya sea comercial, informativa o de cualquier otro tipo, navegar por ella debe ser siempre una experiencia gratificante, positiva, ágil y completamente satisfactoria para el usuario.

Ahora bien, para si queremos tener una buena usabilidad, es importante tener en cuenta una serie de factores de distintos tipos; tecnológicos, de diseño, de contenidos, etc… que deben combinarse con mucha habilidad para obtener el resultado deseado.

Las claves para optimizar la usabilidad de nuestra web

1. Estructurar adecuadamente los contenidos y organizarlos conforme a una jerarquía bien definida; tener un diseño “limpio”, que solo utilice textos, tipografía, imágenes y recursos gráficos que simplifiquen el trabajo del usuario al momento de hacer su búsqueda, procurando que los contenidos, bien sean artículos, bloques de contenidos, entre otros, se muestren separados pero con una distribución lógica.
2. Debe trasmitir el control al usuario, para que este tenga una experiencia positiva, en ningún momento el visitante de nuestra web puede sentirse perdido, es necesario que sepa dónde se encuentra y cómo puede acceder a otro enlace, por esta razón, el menú debe ser accesible y estar todo el tiempo visible, los títulos de los contenidos de cada apartado deben estar estratégicamente colocados y presentados de forma clara.
3. Otra de las claves para optimizar la usabilidad web de nuestra página, es facilitar la interacción, es de suma importancia que cada usuario pueda hacer fácil e intuitivamente muchísimas cosas, como por ejemplo, desplegar menús, descargar información, ampliar las fotos o los gráficos, entre otras. Así mismo, algo que también debemos tener en cuenta es la necesidad de simplificar y sintetizar el contenido que subamos a nuestra web, toda información superficial o de relleno tiene que eliminarse o al menos reducirse al máximo; bien dicen por ahí que “todo lo que no es necesario sobra”.

Si ya has seguido todos estos consejos, te traemos un valor agregado, para que tu página tenga una mayor usabilidad web; sin duda alguna estas últimas recomendaciones permitirán que tu web sea aún mucho más usable que antes.

Cambios en el diseño de la web para mejorar la usabilidad

Empieza por colocar menús de navegación en cada una de las páginas, porque los usuarios no todo el tiempo ingresan por la página principal o home; por ningún motivo abuses de las ventanas emergentes, debes tener mucho cuidado con ellas porque tienden a alejar a los visitantes.

Añade un mapa de tu sitio web para guiar tanto al usuario, como a los rastreadores de Google, en especial si la web posee mucho contenido; tampoco es aconsejable abusar de las animaciones o algún otro elemento distractor que puedan confundir al usuario; y mantén siempre un diseño coherente en toda la página e incluso en sus distintos enlaces.

Por último, es necesario tener en cuenta que la usabilidad no debería influir al momento de crear un diseño innovador llamativo y diferente, recuerda que nuestras web o blog, no tiene por qué ser aburrido. Ahora que sabes todo lo necesario para conseguir una estupenda usabilidad web, no tienes más que ponerte a trabajar en ello y verás cómo en poco tiempo obtienes los resultados esperados.

El AMP, Accelerated Mobile Pages es un proyecto de código abierto que fue implementado por Google y otros socios tecnológicos en busca de la mejora de la web para todos. Este proyecto es el que permite la creación de anuncios y de sitios web muchísimo más rápidos y de un rendimiento alto en plataformas de distribución y dispositivos.

Las páginas de AMP son compatibles con todos los navegadores y para su desarrollo y funcionamiento existe un ecosistema que incluye más de 100 proveedores de tecnología, 25 millones de dominios y plataformas líderes que abarcan las diferentes áreas de diseño.

Características de las páginas AMP

Las páginas que soportan AMP están desarrolladas principalmente en 3 elementos. Estos elementos sirven para la mejora del rendimiento de las páginas web y sólo aplica en las visitas que provienen desde móviles.

• AMP HTML: está basada en web components, con la finalidad de generar páginas web más ligeras de HTML. El HTML posee algunas restricciones de etiquetas para poder lograr un rendimiento confiable y con algunas extensiones para compilar contenido enriquecido que este más allá del formato HTML básico. Algunas de ellas poseen su equivalente como la etiqueta img que pasa a ser img-amp, pero en casos de frame u object están prohibidas.
• AMP JS: la plataforma provee de los recursos que sean necesarios de JavaScript para que los componentes de AMP HTML funcionen. La que va a garantizar la rápida representación es la biblioteca AMP JavaScript.
• CACHÉS: este es opcional y proporciona mayor velocidad a las páginas AMP HTML. Gracias a la caché queda guardada la información en el servidor para mostrarlo al usuario de una forma óptima.

¿Porque una web carga tan rápido con AMP?

Uno de los principales motivos por el cual AMP funciona de una manera tan rápida es porque está enfocada a dar la información de una manera muy sencilla y simple sintetizando mucho el código HTML.

Elementos como las imágenes son cargadas de manera asíncrona, es decir, que no cargan hasta que no son necesitados, de esta manera al abrir la página no serán cargados todos los elementos en ella y por lo tanto, carga más rápido.

Los elementos serán cargado de acuerdo sean necesitados y vayas haciendo scroll durante la visita. Además, aquellas páginas que usen de una manera correcta el código AMP HTML también usarán la caché de AMP de Google y esto hará que la web vaya mucho más rápido.

¿Qué se consigue con AMP?

La mayoría de las personas cuando una página web no aparece correctamente y de forma rápida en sus dispositivos móviles se les suele acabar la paciencia y salirse de ella al instante. Esto es precisamente lo que la plataforma de AMP quiere evitar, poniendo al alcance de los programadores o responsables de la web los medios técnicos necesarios sobre todo en los que hace referencia a la velocidad de carga.

Con el sistema AMP se pueden lograr algunos datos concretos como:

1. El gasto de los datos tiende a ser hasta 10 veces menor y también se reduce notablemente el de batería.
2. Las painas que tienen o utilizan la tecnología AMP, se cargan un 85% más rápido en los móviles que las paginas convencionales.
3. No llega ni a un segundo el promedio de carga estimado de las páginas AMP.

Ventajas de AMP

1. Mejor velocidad de carga: esta es una de las ventajas más evidentes que se tiene, su objetivo principal del AMO es la inmediatez, con AMP sabes que tu web va a cargar de una forma muy rápida, lo que tiende a ser clave para que la experiencia de los usuarios sea la mejor posible.
2. Nueva fuente de tráfico: Google ofrece destacados fragmentos en los resultados de búsquedas como preguntas y respuestas, noticias, entre otros. Estos fragmentos tienden a estar ocupados en las búsquedas móviles por páginas AMP. Con AMP podras acceder a aquellos visitantes que no podrás conseguir con un resultado de una búsqueda normal.
3. Mayor rendimiento, especialmente en sitios que reciben mucho tráfico: Por el hecho de que Google va a cargar una versión que tendrán almacenada en caché en sus propios servidores claro está, en lugar de directamente consultar la URL de tu servidor, evitarán la sobrecarga de servidor y además se optimizará el uso del ancho de banda.

Pilares de Accelerated Mobile Pages

1. Ahorro de ancho de banda.
2. Carga asíncrona.
3. Rapidez: Carga y descarga rápida.
4. Se obtendrán recursos a páginas determinadas, solo se va a traer lo que se va a necesitar y del tamaño que se va a necesitar.
5. Se utiliza menos JavaScript.

En la actualidad, gracias a la evolución tecnológica, las páginas web se pueden visualizar en una gran variedad de dispositivos, como las tablets, smartphones, ordenadores y portátiles. Cada uno con un tamaño y forma diferente. Es por ello que a la hora de crear una web debemos tener presente el responsive design o también conocido como diseño web adaptable o responsive puesto que hará que nuestros contenidos se plasmen de forma diferente en cada uno de ellos.

Como veremos el responsive design consiste en adaptar la apariencia de las páginas web al dispositivo desde el que se está visitando de tal modo que en todos ellos la experiencia de usuario sea óptima.

Cómo funciona la versión responsive

Todos los dispositivos poseen características distintas, éstas pueden evidenciarse en el tamaño de pantalla, la resolución, la potencia de CPU, la capacidad de memoria, o el sistema operativo. Lo cierto es que esto hace que cada equipo sea diferente, por lo tanto, al navegar por una página web, puedes ver una misma página de forma distinta en los diferentes dispositivos.

La principal ventaja del diseño responsive es que se consigue un único diseño web para que todo se vea de igual forma en todos los dispositivos. Esto cada vez cobra más importancia dado que el tráfico proceden de móvil crece exponencialmente. De hecho Google ya anunció su criterio de indexación Mobile First Index dando prioridad a los dispositivos móviles a la hora de indexar y posicionar en las SERPS.

El disponer de una sola versión a la hora del diseño es útil y permite disminuir el tiempo y costes de desarrollo. Además en términos de SEO evitamos contenidos duplicados y trabajamos todo el contenido en un mismo lugar.

Elementos importantes del diseño web responsive

El Responsive Design básicamente trata de redimensionar los elementos de la web y colocarlos de manera que se adapten al tamaño de cada dispositivo, permitiendo así una visualización adecuada proporcionando al usuario una mejor experiencia.

Esta técnica ha transformado completamente la manera de diseñar y gracias a los hábitos de consumo de los usuarios, hoy en día es considerada la mejor práctica dentro del diseño web.

Es importante tener en además algunos aspectos antes de hacer tu web versión responsive:

• La carga de la página: este es uno de los mayores problemas que encontramos, ya que en los diseños responsive no se distingue en el servidor la carga de elementos. Esto genera dificultades en la carga de la página, ya que al hacer la web responsive se cargan los mismos recursos que para tu web de escritorio. Por esta razón, es recomendable aligerar el peso de todos los elementos (especialmente las imágenes) y que permitan hacer una carga de página óptima evitando a toda costa cargar recursos innecesarios cuando la gente te visita desde el móvil.
• Tamaños de pantallas: al hacer el diseño responsive se debe tener sumo cuidado con los tamaños de pantalla, lo ideal es diseñar con el patrón mobile first index para evitar problemas de adaptación con las pantallas y prevenir la sobrecarga de la página con elementos inútiles.
• Evita flash y elementos de código complejos: algunos de los efectos que se usan normalmente en la web de escritorio no funcionan en la web responsive. Por eso, se debe hacer una comprobación multi dispositivo-plataforma.
• Revisión continua: no olvides medir continuamente para identificar posibles fugas o fallos de rendimiento en la navegación móvil.

Ventajas de usar una web responsive

Aproximadamente desde el año 2010 se ha incrementado en gran medida el uso de dispositivos móviles, principalmente el uso de tablets y smartphones, lo cual ha sido influenciado por la evolución de la navegación en Internet. Dado el uso popularizar de Internet a través de estos dispositivos se ha creado la necesidad de ajustar la experiencia de la web a cada uno de ellos.

Ahora bien, evolucionar junto a los usuarios y convertir una página web en un sitio multiplataforma tiene muchas ventajas:

1. Mejora la experiencia del usuario: esto sin duda representa una mejoría para la imagen de la marca y disminuye el porcentaje de rebote en un sitio web, potencia la interacción, suscripción a newsletter e incluso las ventas.
2. Evita la duplicación de contenidos: no necesita que se cree el contenido nuevamente ya que reorganiza el contenido existente para que se visualice mejor sin duplicarlo.
3. Reduce los costes de desarrollo y mantenimiento web: para crear un sitio con responsive design basta con una plantilla para todas las plataformas, disminuyendo el gasto con respecto a la opción de crear una versión para cada dispositivo, además se gasta mucho menos en mantenimiento.
4. Aumenta la viralidad en las redes sociales: la mayor parte del acceso a las redes sociales se hacen desde algún dispositivo móvil, por tanto, es más fácil que el usuario comparta el contenido que le haya gustado, siempre y cuando se visualice correctamente en su dispositivo.
5. El sitio carga más rápido: el diseño responsive acelera la velocidad de carga del sitio en cada uno de los dispositivos y perfecciona la visibilidad en los motores de búsqueda, ambas mejoran la experiencia del usuario, e influyen positivamente en el posicionamiento SEO.

Dentro de la disciplina de creación de contenido cuando vamos a trabajar un nuevo proyecto de desarrollo web en Granada  hay una que destaca, el llamado Copywriting. Este término usado con su denominación en inglés también en España cobra mucha importancia y es que como veremos es la diferencia entre escribir y vender.

¿Qué es el copywriting?

Copywriting es una técnica que se utiliza en el marketing y resulta muy efectiva debido a que incrementa el interés de los lectores con un contenido específico ya que se puede convertir en una herramienta muy útil para vender productos y servicios. Esta técnica consiste en escribir las palabras de forma correctas con la finalidad de influir en la determinación de compra. Con esta técnica, un redactor publicitario escribe los copy o textos publicitarios que muchas veces se convierten en piezas creativas publicitarias. Podríamos traducirlo al español como «escritura persuasiva».

Cómo surge el copywriting

Es una disciplina que fue creada exclusivamente en el área del marketing y la publicidad con el objetivo de hablar de las capacidades que posee la redacción para adoptar los trucos que son utilizados por la psicología. El propósito es captar la atención y el interés de las personas en relación con un contenido específico (sobre un producto o servicio principalmente).

Debido a esto, en la actualidad el Copywriting se ha vuelto una herramienta muy importante y una de las técnicas utilizadas en el marketing tradicional y digital más efectiva. Esto es porque va dirigida a aumentar el interés de los lectores, lo que ocasiona una posible venta.

Transformar textos informativos en textos para vender

Pero tampoco puede ser visto nada mas como la redacción de textos publicitarios. Es el arte de crear mensajes, que va desde lo simple a lo más complejo, que está presente en un email, en un guion, en un titular de una revista, en el texto de un catálogo, y en una gran cantidad de medios que por lo general son comerciales con la finalidad de llevar al receptor del mensaje a que realice una determinada acción.

También es una técnica que necesita de habilidad y planificación para llegar a los objetivos de manera efectiva, donde se combinan los juegos de palabras con un concepto, una idea, con la veracidad, el entretenimiento y una estrategia con objetivos claros. La persona que se encarga del Copywriting es un Copywriter, el cual tiene como misión crear el concepto y la idea, con la finalidad de permitir la ejecución de una pieza creativa o publicitaria, para provocar al lector o publico objetivo.

¿Cómo hacer copywriting?

 Se pueden crear diferentes tipos de textos, como pueden ser: títulos, cuerpo de texto, llamado a la acción, pero para ello se debe tener en cuenta los siguientes principios:

1. Relevancia y engagement. Actualmente, el poder está en el usuario, por lo que el marketing ha llevado la comunicación a lo que el público quiere escuchar y los problemas que desean solucionar. Lo más importante es cuidar al lector, darle lo que necesita y la información que sea más relevante para que no tenga excusa para ir a buscar mensajes en otra parte. Para que el lector permanezca en la lectura, debe ser liviana sin explicar mucho sobre los temas. Para lograr esto se debe empatizar y saber para quién escribe.
2. El título debe ser atractivo. Es el primer acercamiento que tiene el público con un mensaje y representa el ochenta por ciento del contenido, ya que es lo que incita a leer y hace que el usuario se convierta en parte de la idea al divulgarlo.
   • Es recomendable cuando se va hacer un titulo, seguir los siguientes pasos: debe ser breve, demostrar el beneficio que se puede obtener con la lectura, expresar lo que está realmente dentro del texto y no se deben crear falsas expectativas.
3. Debe tener brevedad y claridad. Este es el equilibrio, no debe ser muy largo pero tampoco muy breve. Se debe hacer primero un borrador para de allí sacar las ideas y luego poder realizar el texto completo.
4. Estilo cercano al lector. Es recomendable la utilización de un estilo que empatice, se recomienda la utilización de técnicas que hagan sentir al lector cercano y esto se logra con la utilización de pronombres y tonos cálidos en la narración. Esto le trasmite al usuario cercanía y es posible que le permita identificar su problema con lo que se está contando.
5. Conocimiento del sector. Se debe saber quién es el lector, cuando se tiene claro quién es el lector, existen mayores posibilidades de lograr su atención. Se debe invertir el tiempo en escribir a personas que sienten interés por el tema y no en quien el tema no le aporta nada.
6. Palabras llamativas. Usar colecciones de términos son aquellas palabras que llaman la atención de las personas como: rápido, fácil, exclusivo, ya que tienen el poder de despertar algunas emociones y deseos, hay otras que solo generan el distanciamiento con el lector. Antes de escribir se debe analizar quién eres, qué se va a ofrecer y quién lo va a consumir. Al tener esta información, se podrá establecer cuáles palabras claves se deben utilizar en el mensaje que permitan persuadir el subconsciente de los lectores.
7. Preguntar al usuario. Se le puede pedir al usuario lo que desea sobre el tema del cual se está escribiendo y esto se puede hacer a través de las redes sociales.

A la hora de promocionar un producto, un evento o simplemente creando una página con el objetivo para convertir, es donde una landing page entra en acción como una de las mejores soluciones dentro del marketing online.

Que es una landing page

Landing page, también llamadas páginas de aterrizaje, es una página web que está principalmente diseñada para convertir a los visitantes de la web en leads. Al mismo tiempo hay definido un objetivo de conversión, el cual es buscar de vincular a los usuarios con la marca.

El funcionamiento que posee una landing page es efectivo si se ofrece algo que realmente seduzca a los usuarios. Ellos estarán más dispuestos a dejar a través de un formulario su información, si con ello van a conseguir acceso a éste y otros contenidos de interés.

¿Cuál sería el diseño ideal de una landing page?

Una landing page debe de ser muy simple. A continuación os dejamos el proceso de cómo puedes crearla paso a paso sin equivocarte.

La URL perfecta

Se aconseja no colocar una URL que sea sospechosa, extraña o larga. Basta con crear un enlace que sea fácil de seguir y que por supuesto tenga relación con lo que el usuario va a encontrar posteriormente.

El título perfecto, atractivo y directo

Este es uno de los elementos que va a depender mucho del éxito de tu página, por el hecho de que el título es el punto de atracción y en donde se fija la mirada en primer lugar, por ello, tiene que ser bien trabajado. Se recomienda no crear titulares que sean engañosos, porque conseguirán un efecto contrario, es decir, la visita nunca volverá a la página.

Simplemente es cuestión de crear un gancho interesante, que esté relacionado con lo que vendes u ofreces y que llame la atención de los usuarios. Pueden utilizar una pregunta, presentar un beneficio rápido y concreto o atacar un punto de dolor de tu cliente ideal.

Los beneficios para el visitante

El error que comenten muchas personas al crear una landing page es que muestran característica de que es y como es, ante que los beneficios de cómo y porque los va ayudar. Tanto si se está creando la página para captar clientes potenciales como para captar suscriptores, siempre deben presentar los beneficios al principio.

La imagen representativa

Una landing page no genera confianza si no posee imágenes. Sea lo que sea que estés preparando ya sea un servicio, webinar, regalo, entre otros, tiene que estar representado por una imagen. Incluso aquellos que quieran optar por la creación de un video pueden hacerlo, de esta manera aumentará la conversión de tu landing page, funcionará mejor todavía.

Un servicio, un producto tentador o un regalo

Ni porque tengan el mejor diseño de landing page puede competir, si lo que ofrecen tiene un valor de 0. Por más que crees un impresionante e integral servicio para la determinación de la raza exacta de tu perro, no tendrá mucho éxito. Se necesita más bien es una oferta sencilla, concreta y que por supuesto ofrezca el valor máximo implicando en el tiempo mínimo.

El botón de compra o formulario encantador

Por último, una landing page no puede dejar de tener un formulario de captación o un botón de compra. En caso de que se inclinen por el formulario, se les recomienda que pidan los datos mínimos posibles, si solo se necesita un correo para poder contactar a esa persona, no pidas más, ya que con eso será suficiente.

Tienen que tener en cuenta que una vez que se tenga el correo, se puede ir generando más confianza. Y en el caso de que sea una página de venta, el botón de compra tiene que ser llamativo y estar rodeado de elementos de seguridad como por ejemplo, PayPal, logotipos de tarjetas, entre otros.

Principales usos para una landing page

Estas páginas especialmente tienen una principal función, la cual es la capacitación de los clientes a través del Internet, aunque pueden crearse otros fines, entre ellos están:

• Conseguir leads: las landing page tiene como objetivo generar leads a través de un formulario de contacto que poseen.
• Conseguir comunicación: el aumento de las posibilidades de que contacten contigo por medio de ellas, es una de las opciones que más se utilizan.
• Conseguir seguidores, y que de esta manera, compartan tu página en las redes sociales: también pueden aumentar tus follower y mejorar los marcadores sociales.
• Conseguir suscriptores: esta es una de las funciones que más se utiliza, en el internet se pueden encontrar landing page a menudo para conseguir suscriptores, ya sea a través de tutoriales, guías, descargas de eBooks o recursos. Al momento de potenciar tu newsletter, es una estrategia muy efectiva.
• Vender algún servicio o producto: es muy frecuente que a través de ellas se vendan servicios y productos, ya que en teoría deben convertir más que una página cualquiera de tu web.

Si estás pensando en crear una landing page nosotros en 8web podemos ayudarte. Contáctanos y te creamos una landing page perfecta para tu campaña.

Uno de los aspectos más importantes a la hora de diseñar una página web es que ésta tenga una vez terminada una rápida velocidad de carga. Esto cobra aún más importancia cada día puesto que la mitad de las visitas son realizadas a través del teléfono móvil y una carga lenta puede hacer que el usuario cierre el navegador.

Hoy os vamos a hablar de tres sencillos pasos que sin tener que cambiar la configuración del servidor harán que vuestra página cargue más rápido

1. Optimización de imágenes en tamaño y peso

Las imágenes o fotografías que subimos a la página web son los archivos de mayor peso y tendrán un gran impacto en la carga de la web. Para solucionarlo, se pueden hacer dos pasos:

1. Dimensionar las imágenes a los píxeles que se mostrarán en la web.
2. Reducirles el peso una vez editadas.

Aligeramos el peso de la fotografía

Una vez hemos editado la imagen a la resolución que será mostrada correctamente vamos a hacer que pese lo menos posible. Para ello podemos usar diferentes herramientas que harán que el peso descienda entre un 30 hasta un 80%. Algunas de ellas son gratuitas y no es necesarias instalarlas en el ordenador ya que funcionan desde su web. Podéis probar la herramienta TinyJPG la cual es la que recomendamos.

Salvo la sección de Galería (si la hay), no recomendamos poner más de 5 imágenes dentro de una misma página. También dependerá de la resolución puesto que si tenemos 3 de gran tamaño puede ser peor que 5 pequeñas. Es importante medir el peso total de las imágenes y que entre todas ellos pesen lo menos posible.

Las imágenes dimensionadas y optimizadas

Las fotografías o imágenes suelen ser el factor más impactante a la hora de la carga de una web. No sólo en cantidad de imágenes si no en el «peso» de las mismas. El peso lo mediremos en kilobytes y éste es mayor conforme mayor resolución tenga una imagen. Esos kilobytes son los que deben de descargarse en nuestro ordenador o teléfono cuando nos conectamos a una página web y por tanto el objetivo es que las imágenes estén muy optimizadas para que carguen rápido.

Limitar el número de imágenes por página

Al igual que las dimensiones o el peso también es necesario limitar el número de imágenes que mostraremos por cada sección. Dependiendo de qué se trate recomendamos no poner más de 7 u 8 imágenes. Esto es especialmente debido a la navegación con móvil que como decimos cada día cobra mayor importancia y la web debe de estar optimizada para este tipo de dispositivo.

2. Utilizar un servidor con buenas prestaciones

Todas las páginas web están alojadas en servidores, normalmente externos. Los servidores son ordenadores que alojan los ficheros necesarios para que funcione correctamente la página web y al mismo tiempo gestionan el intercambio de datos. Cuando alguien visita una web se produce un proceso de carga y descarga de datos entre el usuario y el servidor. Al ser hardware informático existen diferentes niveles según las prestaciones que necesitemos.

El servidor donde alojemos los ficheros también tendrá un impacto en la carga dado que será el responsable de gestionar todo el envío de datos entre éste y el servidor. Usar servidores con procesadores de calidad, alta memoria ram y construidos sobre SSD tendrá un mejor impacto en el rendimiento y carga.

A mayor prestaciones la respuesta con el servidor será menor y al mismo tiempo tendrá más capacidad para gestionar datos. Imaginad una web con muchísimas visitas en donde muchos usuarios al mismo tiempo están constantemente subiendo y bajando datos. Necesitará un potente servidor para gestionar eso para que la velocidad de carga y descarga no sufra.

3. Evitar animaciones y efectos que consuman recursos

Sabemos lo atractivo que puede resultar que en la página web aparezcan ciertas animaciones que mejoren el efecto wow. Sin embargo, muchas de estas animaciones conllevan una mayor carga de trabajo y por tanto un mayor consumo en recursos. Este hecho se ve en la navegación desde el teléfono móvil los cuales no cuentan con las prestaciones de ordenadores más potentes. Nuestro consejo por tanto es evitar en la medida de lo posible este detalle y dejar la página lo más ligera en términos de efectos visuales.

A la hora de diseñar una página web el primer paso es la creación de una arquitectura web acorde a nuestro proyecto. La arquitectura SILO es un tipo de arquitectura que responde a la clasificación de la web en diferentes temáticas y con claras diferencias entre ellas. Para determinados tipos de proyectos puede ser una arma muy potente puesto que bien usada tendrá un mejor posicionamiento.

Cómo es la arquitectura web SILO

Es aquella que cada una de las temáticas de la web están totalmente separadas y no se cruzan entre ellas. Normalmente el diseño responde a una Home donde se habla sobre la palabra clave principal de la web y desde ahí, se enlazan a las diferentes categorías que serán las palabras más importantes para la web. Estas categorías responden a temáticas separadas dentro de un sector concreto, en donde es posible crear contenido de cada una de ellas por separado.

Cuándo es mejor usar este tipo de web

Ejecutar la arquitectura SILO en una web no es tarea sencilla puesto que como decimos conlleva a tener en todo momento separadas las temáticas. En páginas de medios por ejemplo, son más sencillas de implementar ya que es más fácil separar temáticas. En una web corporativa de una empresa este tipo de arquitectura es más difícil de ejecutar ya que todo en su conjunto normalmente habla de la misma temática.

En páginas de información o temáticas diversas es más sencillo de implementar, donde el contenido y los enlaces entre las temáticas quedan claramente separados. También es posible implementar esta arquitectura web por ejemplo a la hora de elaborar una página en donde las categorías están claramente diferenciadas. En el caso de una página sobre música y accesorios de música podría ser los auriculares, los altavoces etc. Se tratan por separado sin necesidad de cruzar enlaces entre las categorías.