Claves para diseñar una landing page exitosa

Las páginas de aterrizaje representan un factor clave para mejorar la eficiencia de nuestras estrategias de marketing digital. Así que demos un vistazo a una serie de consejos que nos permitirán crear una landing efectiva y con gran alcance:

Mantén un diseño simple

Colores suaves, estilo profesional y una sola columna, mientras menos recargada esté la landing page, más posibilidades hay de que el usuario permanezca en ella hasta realizar la acción deseada. Recuerda, “lo simple es poderoso”, no distraigas a tus usuarios con información irrelevante. Por el contrario, centra los esfuerzos en mostrarles lo que realmente deseamos consideren.

Da muestras de confianza

Las páginas de aterrizaje deben brindar confianza a los visitantes para motivarlos aún más a realizar la acción buscada. Una buena forma de conseguirlo es colocar reseñas, comentarios o testimonios positivos de otros clientes satisfechos. Esto, además, incrementa las posibilidades de una segunda compra. Recordemos que los usuarios dan mucho valor a las referencias de terceros durante su proceso de compra.
Igualmente, otra táctica que podríamos emplear sería mostrar en un apartado visible (preferiblemente al inicio de la landing) datos de contacto de la marca. Es decir, teléfonos de la empresa, email, redes sociales oficiales, dirección física (si aplica), etc.
O hasta habilitar un chat donde puedan realizar preguntas antes de decidirse a completar la acción para convertirse en un lead.

Formulario breve, sencillo y directo

¿Realmente consideras necesario solicitar al usuario que indique su música favorita cuando va a hacer una compra de alimentos? ¡Absolutamente no! Si una casilla del formulario de la landing page no se relaciona con los productos y/o servicios que vendes, o no es necesaria para tu base de datos ¡Ignóralas!

Ten en cuenta que los usuarios pasarán de largo si ven un formulario con más de 5 casillas, esto solo los agota visualmente.
Y es que, por lo general, se acostumbra a solicitar únicamente su nombre y correo electrónico. De acuerdo a la acción requerida, algunas marcas también solicitan el número telefónico. Sin embargo, esto incrementa las posibilidades de ahuyentar al usuario, quien teme por su privacidad.
Así que mientras más breve seas en la solicitud de datos, más se incrementan las posibilidades de que el usuario se convierta en un lead. Eso sí, recuerda solicitar los datos necesarios (y relevantes) para llenar tu base de datos, sin excederte.

Céntrate en el mensaje

Aunque lo que se busca es orientar al usuario a que se convierta en un lead, tampoco se ha de abusar en los llamados de acción. Lo más ideal es centrarse en solo uno por landing page. De este modo, no comprometemos la atención del visitante ni ponemos a competir los botones de acción entre sí.
De hecho, en el título debes recalcar qué encontrará el visitante en la página de destino. Esto abarca desde la apariencia hasta el diseño. Y si buscas mejores resultados encaminados a conseguir una mejor experiencia de usuario, personaliza la página en general. Por ejemplo, formularios, encuestas, contenidos relevantes, entre otros tópicos.

Ubica el botón de acción en una zona estratégica

Ya lo mencionamos en líneas anteriores, un botón de acción por landing mantiene centrada la atención del usuario. Y este, debe estar ubicado en un punto estratégico, es decir, visible o fácil de ubicar.

Incluye imágenes o video

El contenido visual atrae más tráfico que solo difundir texto, lo mismo pasa en una landing page. Aun cuando hemos destacado la importancia de la sencillez, esto no quiere decir que vas a saturar la página de aterrizaje con videos o imágenes. Sin embargo, sí puedes variar el formato del contenido para mantener la atención del usuario y animarlo aún más a presionar sobre el botón de acción.
Una breve muestra gratuita de lo que verá una vez haga clic sobre el llamado de acción, es una buena táctica de despertar su interés.

Diseñar una landing page exitosa es posible si te preocupas por los pequeños detalles. Y recuerda el diseño responsive, debe adaptarse a todos los dispositivos.

The post Cómo diseñar una landing page exitosa appeared first on Mullbrand.

5 esenciales herramientas para un Community Manager

Demos un repaso por esta sección:

1# Hootsuite

Es una de las herramientas más utilizadas por los Community Manager dado su nivel de alcance y variación de funciones. Hootsuite se utiliza para programar publicaciones en las diferentes plataformas sociales. Además, permite llevar un control de la actividad de la comunidad en ellas. Por ejemplo, gestionar las menciones, mensajes recibidos, entre otros.
Igualmente, esta plataforma cuenta con una sección en la que comparte estadísticas sobre el comportamiento de la marca en las redes sociales. Por lo que puede corroborarse la evolución en términos de alcance, posicionamiento y visibilidad. Así como otras métricas generales propias de las redes sociales.
En definitiva, es de las mejores y más completas herramientas para un Community Manager para gestionar las redes sociales.

2# Trello

Cuando se trata de planificación y organización, Trello es una aplicación ideal para llevar todo bajo control. Lo mejor de todo es que puedes obtenerla de forma gratuita, y te permite organizar y distribuir adecuadamente tareas, planes o programas y acciones. Igualmente, en el diseño de calendarios permite definir quiénes son los responsables de ejecutar cada una de las tareas. Por ende, es un buen aliado para llevar todo en orden en un equipo de trabajo, distribuyendo adecuadamente las tareas y asignando la correspondiente fecha de entrega.

3# Google Analytics

Dentro de las mejores herramientas para un Community Manager, Google Analytics es de las más esenciales. Esta plataforma de analítica permite al profesional digital determinar qué sucede con el tráfico que dirige al blog o al sitio web gestionado.
Además, también permite visualizar información en tiempo real, es decir, datos relevantes sobre qué están haciendo los visitantes en ese justo momento en la web. Siendo un aspecto muy esencial para medir el impacto de una campaña. Tomando en cuenta cuáles son los aspectos a optimizar para conseguir los resultados deseados.
Igualmente, Google Analytics brinda información detallada sobre la audiencia, como datos demográficos e intereses. Esta información permite segmentar aún más las estrategias para convertir esencialmente a los usuarios potenciales para la marca. Y, como otro aspecto resaltante, esta herramienta también permite la identificación de las fuentes de tráfico. Es decir, medios sociales, motores de búsqueda, email, entro otros. Esto permite conocer qué campañas están dando más resultados que otras. De este modo, se pueden orientar los recursos y esfuerzos a sacarle el máximo provecho posible.

4# Canva

En cuanto a diseño gráfico, Canva es de las herramientas para un Community Manager, infalibles. En esta plataforma se pueden hacer infinidad de diseños de manera rápida y sencilla. Lo mejor de todo es que encuentras plantillas prediseñadas con las características de cada red social.
Así que te ahorra mucho tiempo y esfuerzo, pues no necesitas de mayores conocimientos técnicos para manejarla. Es una plataforma intuitiva que te va guiando en el paso a paso, y ni siquiera lo necesitarás por su facilidad.
Su versión gratuita incluye una amplia variedad de funciones, también cuenta con una versión paga para acceder a otros complementos. Canva se adapta a ordenadores en su versión web, así como en dispositivos Android y iOS.

5# Tagboard

Los hashtags se han convertido un elemento esencial para diferenciar las campañas en redes sociales. Ya no solo están en Twitter donde se originaron, ahora se han trasladado al resto de plataformas sociales. Sin embargo, no se trata solo de colocar los hashtags que creemos son más “bonitos”. Debemos tener la certeza de que realmente nos brindarán el alcance deseado.
Ese es el principal objetivo de Tagboard, con esta aplicación podrás identificar qué páginas y perfiles utilizan un determinado hashtag. Así como podrás conocer qué tanto se utiliza, el contexto habitual en el que se desenvuelve y quién lo está utilizando. En pocas palabras, podrás analizar el alcance que está teniendo esa etiqueta que quieres incluir en tus campañas.
Con esta información te será más fácil diseñar estrategias que puedan alcanzar el público objetivo.

Estas herramientas para un Community Manager son un sí o sí que debes considerar de ahora en adelante ¿Ya utilizabas alguna?

The post Top 5. Indispensables herramientas para un Community Manager appeared first on Mullbrand.

¿Qué es un CMS?

Un CMS es un término muy sonado en el mercado de diseño y desarrollo web, hace referencia a Sistema de Gestión de Contenidos. Aun cuando es un tema muy popular, todavía puede parecer desconocido para muchas personas. Un CMS no es más que una aplicación o plataforma web que aligera la generación y publicación de contenidos.

Es una alternativa más sencilla para atender a labores tan esenciales como el marketing de contenidos. Ya que no demanda de grandes habilidades técnicas para su manipulación. No es necesario involucrarse con códigos ni diseñar desde cero un sitio web. Es un prototipo de aplicación que ya reúne los aspectos indispensables en una página, solo es cuestión de adaptar el contenido deseado.

Motivos para elegir a WordPress sobre otros CMS

En el mercado de CMS hay diferentes opciones que podrían considerarse como atractivas, prácticas y fáciles. Sin embargo, WordPress es la preferida por todos, incluso por grandes diseñadores con cuantiosos conocimientos webs. Te comentamos las razones de porqué es una mejor opción:

Es gratuito

¡Así es! Esta plataforma es de código abierto. Por lo que puedes descargarla, instalarla y adaptarla a tu modo sin tener que pagar. Por supuesto, si necesitas funciones premium, sí tendrás que realizar un desembolso. Sin embargo, con lo que te ofrece la versión gratuita es más que suficiente para iniciar a desarrollar tu proyecto. Así que puedes utilizar este Gestor de Contenidos para crear cualquier sitio web en base a tus necesidades y requerimientos específicos.

Es muy fácil de utilizar

El hecho de que WordPress sea uno de los CMS más utilizados actualmente infiere en una sola cosa: es bueno, gratuito y fácil de utilizar. Ya lo mencionábamos anteriormente, los desarrolladores de esta plataforma querían diseñar una opción que no demandara grandes habilidades técnicas para utilizar. Así brindaban una nueva opción fresca para responder a ese grupo del mercado que no tenía una plataforma amoldada a su perfil. Y es que el período de adaptación a esta aplicación es muy corto, sus funciones son sencillas y muy útiles.

Por ende, podrás comenzar a utilizarla sin necesidad de disponer de conocimientos previos de diseño web, y mucho menos, lenguajes de programación. Esta plataforma es muy flexible y versátil, los plugins que posee le han conferido sencillez y facilidad.

Soporta distintos formatos

Afortunadamente, WordPress no solo se enfoca en el desarrollo de artículos web, sino que también puedes agregar videos, fotos, audios, comentarios de redes sociales, y mucho más. Sus plugins son diversos, amplios y realmente útiles. Por ello, esta plataforma es ideal para adaptar el marketing de contenidos completo con sus diferentes formatos.

Es seguro

Manteniendo la relevancia de sus plugins, hay opciones también para velar por la seguridad de tu sitio web. Lo mejor es que este tipo de aplicaciones se actualiza continuamente sin necesidad de que lo realices por ti mismo. Además, esta plataforma está constantemente en actualización, así que mantendrás tu sitio web al día con las últimas tendencias del mercado. Y no podemos dejar de mencionar que tendrás libre autonomía de tu información, es decir, eres el único dueño de tus datos. Así que no serán bloqueados por el sistema. Y podrás dejar la plataforma cuando lo desees, migrando tu información a otro sistema sin recargos.

Complementa una estrategia SEO

Una de las principales ventajas de WordPress es que es una excelente alternativa para poner en práctica tu estrategia SEO. Ya que sus plantillas están optimizadas y sus plugins también están a favor del posicionamiento web. Por lo que te será más fácil ubicar tu sitio entre los primeros lugares de los resultados arrojados por el buscador. Además, esta plataforma consume pocos recursos del servidor gracias a la optimización en las consultas a la base de datos, carga de archivos, entre otras bondades.

Por estas principales razones, WordPress es catalogado como la primera opción a la hora de elegir un Sistema de Gestión de Contenidos.

The post WordPress, razones para elegirlo sobre otros CMS appeared first on Mullbrand.

SEO y SEM: ¿A qué refiere cada término?

Antes de profundizar en cada término, debemos definirlos puntualmente de forma breve. Así que hagámoslo por separado para una mejor comprensión:

¿Qué es el SEO?

Es el acrónimo de Search Engine Optimization. Y se refiere a una técnica de posicionamiento en motores de búsqueda con el fin de optimizar la visibilidad de un sitio web en los resultados orgánicos. El SEO se puede clasificar en dos grupos:

• On – site: enfocado en el contenido de la web, es decir, keywords, tiempo de carga, experiencia del usuario, formato de las URLS, entre otros factores.
• Off – site: orientado a los elementos externos, es decir, número y calidad de los enlaces, autoridad de la marca, menciones en redes sociales, rendimiento en los resultados de búsqueda, entre otros aspectos.

¿Qué es el SEM?

Es el acrónimo de Search Engine Marketing. Y hace referencia a campañas de anuncios de pago dispuestas en los motores de búsqueda. En pocas palabras, el SEM es cualquier acción mercadotécnica dentro de los buscadores en pro del posicionamiento web, comúnmente, pagas. Dentro de las actividades de SEM, destacan las siguientes:

• Búsqueda de palabras claves: situar las keywords que los usuarios utilizan para buscar productos y/o servicios afines a la marca.
• Creación y gestión de anuncios: en plataformas como Google AdWords, Yahoo o Bing Ads.

Diferencias entre SEO y SEM

Una vez conocido en qué consiste cada término, podemos puntualizar sus diferencias particulares. En todo momento debemos tener en cuenta que, si bien el SEO y SEM son dos técnicas orientadas al posicionamiento web, cada una utiliza sus propias herramientas. Partiendo de esta premisa, puntuemos sus diferencias:

• En el caso del SEM, en los motores de búsqueda los anuncios patrocinados se exhiben bajo la etiqueta “anuncio”. Y se ubican, por lo general, en la zona superior de la web. Aunque también es posible verlos en la zona lateral o bien en la parte inferior de la página. Ahora, en el caso del SEO, los resultados orgánicos se muestran inmediatamente después de los anuncios, y sin ninguna etiqueta.
• Con una estrategia SEM debemos asumir costes directos por cada visita que atraiga el anuncio. Mientras que, con una estrategia SEO estamos exentos de costes por visita, el pago sería por optimización si recurrimos a terceros. O cero costos si el trabajo lo hacemos por cuenta propia.
• Cuando nos referimos a las palabras clave para integrarlas en una campaña SEM, estas son ilimitadas. Por el contrario, en una estrategia SEO las palabras claves son limitadas.
• En el caso de una estrategia SEM, los resultados se obtienen casi de forma inmediata. Ahora, en una estrategia SEO los resultados se obtienen a medio/largo plazo.
• Una campaña paga de anuncios (SEM) se enfoca más a la relevancia haciendo énfasis en el aspecto comercial. Por su parte, la técnica del SEO se basa en la originalidad, calidad, relevancia y extensión de los contenidos.
• Con una campaña SEM aparecerás inmediatamente en los primeros resultados. Caso contrario a una estrategia SEO donde no hay ninguna garantía de aparecer rápidamente en los primeros resultados.

Ventajas de SEO y SEM en una estrategia digital

Por supuesto, cada técnica brinda sus propias ventajas en una estrategia digital. Nuevamente, veámos por separado cada una de ellas para una mejor compresión:

Ventajas de SEO

• Es más probable que un usuario haga clic sobre un resultado orgánico a un anuncio pago.
• Gran rentabilidad a largo plazo.
• Atrae tráfico de calidad.
• La inversión es estable sin importar el número de visitas.

Ventajas de SEM

• Permite dar a conocer de forma rápida el lanzamiento de un producto y/o servicio, segmentado por zonas geográficas.
• Incrementa la competitividad de una marca al enfrentarse a grandes y reconocidas empresas.
• El ROI (Retorno de Inversión) de las campañas es mucho más rápido, siempre y cuando estén optimizadas.
• Permite trasladar tráfico potencial y segmentado a la web.

Como ves, el SEO y SEM tienen sus propias características y ventajas. La selección de una de estas técnicas dependerá de los resultados que esperas conseguir. Y claro, también de las posibilidades económicas que tengas en ese momento.

The post SEO y SEM: Diferencias y ventajas en una estrategia digital appeared first on Mullbrand.

Tendencias en diseño web para 2019

El diseño de sitios web ha pasado de ser un elemento para llamar la atención del usuario, a convertirse en una forma de generar emociones, informar y crear una necesidad de compra. A través del diseño puedes conseguir los objetivos de tu marca, así que asegurate de asimilar los cambios que traen consigo este 2019:

El video como protagonista

El crecimiento del video es exponencial, ya se viene comentando que en este año se posicionará como una estrategia potente. Y en las tendencias en diseño web para 2019 debía estar presente. Ten en cuenta que los usuarios cada día consumen más contenidos audiovisuales porque son los que despiertan su interés.
Por esta razón, este en este 2019 predominarán más las webs con videos entretenidos e informativos. Esta tendencia es conocida como “video a pantalla completa” en la industria del diseño gráfico. Es una estrategia ideal cuando buscas crear un formato dinámico, rápido y complejo.

Diseños modulares

El estilo minimalista podría quedar de lado. Y es que los diseños modulares están sonando como una opción atractiva y funcional, al mejor estilo de Pinterest. Este tipo de diseño se caracteriza por resaltar módulos con variedad de contenido, a fin de que los usuarios puedan retener más de una imagen en su mente. Y también es efectivo para mostrar un amplio catálogo de la oferta comercial. En definitiva, los diseños modulares permiten que la web sea cercana, despreocupada y amigable. Justo por eso, es una excelente alternativa para las tiendas online.

Tipografías gigantes y atractivas

En las tendencias en diseño web para 2019 el uso de la tipografía pasa a considerarse un elemento principal para destacar la página. Sobre todo, tipografías de gran tamaño, cuyo propósito es atrapar la atención del usuario para enviarles la propuesta de valor de la marca. Igualmente, también podremos apreciar cómo los juegos en tamaños y fuentes se combinan para impactar al usuario.

Elementos de gran tamaño

Continuando con los aspectos de gran tamaño, los elementos gráficos también aumentarán de dimensión. Su objetivo es llamar la atención y cautivar al usuario. Entre algunos elementos que incrementarán su tamaño destacan imágenes, galerías, videos, títulos de páginas y botones.

Paleta de colores brillantes

Los sitios webs lucirán muy coloridos y brillantes, ya que los tonos divertidos y resplandecientes se han popularizado. El punto es que las marcas se salgan de lo habitual y creen algo impactante a favor de una mejor experiencia de usuario. Por ende, veremos que los estilos de diseños serán totalmente diferentes a como lo vimos en 2018, nada minimalista. Así que llegó la hora de apostar a los tonos sin complejos, frescos y desenfadados.

Adaptación al móvil

Las marcas deben considerar la adaptación de los dispositivos móviles en todo aspecto de su presencia digital, y en las tendencias en diseño web en 2019, veremos que el móvil tomará la relevancia que merece.
En este caso, lo que se busca es idear un diseño exclusivamente pensado para el móvil, no solo que sea un diseño responsive, sino que sea similar, pero cautivador. El propósito de esta nueva tendencia es sorprender al usuario al comunicarle cuán importante es para la marca ofrecerle una experiencia grata y destacada.

Elementos con estilo asimétrico

Los elementos asimétricos son estructuras alejadas de las formas rectas o clásicas. Su fin es apostar por la creatividad para encantar al usuario. Las estructuras asimétricas pueden utilizarse en diferentes aspectos, pero resultan muy bien cuando son utilizadas como secciones en una página.

Botones invisibles

Si deseas seguir manteniendo un estilo minimalista en tu web, no pasa nada, puedes hacerlo. Pues nació una nueva tendencia a favor del estilo sencillo. Básicamente, se trata de apelar a la modernidad de una forma más genuina al convertir tus botones en “fantasmas”. Es decir, sin color de fondo, más bien transparentes para destacar la acción a ejecutar.

Estas tendencias en diseño web para 2019 prometen revolucionar los clásicos estilos. ¿Estás preparado para lo que se viene? Repasa cuáles fueron nuestros pronósticos pasados en torno a las tendencias en diseño web para 2018.

The post Innovadoras tendencias en diseño web para 2019 appeared first on Mullbrand.

Principales factores que inciden en la velocidad de carga

Antes de lanzarte a la optimización de los elementos de tu página web, es esencial que identifiques qué aspectos son los que suelen sobrecargar un sitio. De este modo, podrás conocer qué apartados requieren de tu atención:

Hosting

El servidor donde tengas alojada tu web incide significativamente en qué tan rápido cargarán los elementos. Un servidor con menos potencia, es menos eficiente a la hora de realizar la lectura de la base de datos. Por ende, ralentiza la conexión.

Plugins

Al momento de optimizar la velocidad de carga de una web tendrás que hacer frente también a los plugins. Si bien estos elementos suelen agilizar muchos procedimientos en una página, usualmente abarcan una extensa variedad de funcionalidades que solo ralentizan la velocidad de carga.

Caché

Los archivos alojados en la caché del dispositivo permiten un rápido acceso a la página, además de ofrecer una experiencia más personalizada. Sin embargo, a medida que se almacenan más elementos, si el servidor posee una potencia inferior, entonces la carga de la web se ralentizará más tras cada visita del usuario.

Archivos en la web

Cargar elementos sin previamente optimizarlos también influye en la velocidad de carga, ralentizando la carga completa de todos los apartados de la web.

Claves para optimizar la velocidad de carga de una web

Tomando en cuenta lo anterior, aplica los siguientes cambios:

Mejorar la calidad del servidor

Como lo mencionamos anteriormente, el servidor juega un papel fundamental para optimizar la velocidad de carga de una web. Un hosting gratuito o compartido dispone de muy poca potencia como para cargar una cuantiosa cantidad de elementos. Por ende, es indispensable que migres a un buen servidor para que este pueda procesar los datos lo más rápido posible.

Optimizar las imágenes

Puedes tener una extensa variedad de imágenes atractivas, pero si no las optimizas antes de cargarlas a la web, difícilmente podrán ser apreciadas por tus usuarios. De hecho, lo más probable es que estos abandonen el sitio antes de que las imágenes carguen en su totalidad. Por ello, debes optimizar y comprimir las imágenes que se van a mostrar.

Limpiar los plugins innecesarios

Aunque los plugins son paquetes de funciones muy prácticos, también es importante limpiar aquellos que no sean útiles para conseguir optimizar la velocidad de carga de una web. En este caso, lo más ideal es comprobar uno a uno qué tan funcionales son los plugins que tienes instalados en tu página. Aquellos que realmente no estés utilizando ni le aporten funciones a tu sitio, desactivalos y elimínalos.

Utilizar una plantilla ligera

Durante el diseño de una web, puedes encontrarte con una plantilla sumamente atrayente, cargada de elementos que elevan la presencia visual de tu sitio. Sin embargo, este tipo de plantillas podrían ralentizar tu página. Así que, lo mejor es que dejes de lado aquellos diseños recargados. Si bien podrían aportar estética a tu web, es mejor conservar una plantilla elegante, profesional y minimalista, pero que cargue mucho más rápido. De este modo, ofreces una mejor experiencia de usuario.

Mejorar el código y evitar la saturación

El exceso de código altera la velocidad de carga de tu web. Ten presente que tras cada ocasión que introduces algún elemento a tu web, se va agregando CSS, HTML y JavaScript no optimizado. A su vez, se producen capas y capas de código innecesario. Por eso, evita la saturación de códigos y no sacrifiques la velocidad de carga de tu sitio.

Por solo un segundo de más que tarde en cargar tu sitio puedes perder tráfico y conversiones. Así que apóyate en herramientas como PageSpeed Insights, GTMetrix y Pingdom para analizar el tiempo de carga de sitio. Luego, toma en cuenta estos consejos para optimizar la velocidad de carga de tu web.

The post Consejos para optimizar la velocidad de carga de una web appeared first on Mullbrand.

The post Hosting web, todo lo que necesitas saber appeared first on Mullbrand.

El diseño gráfico nos acompaña en nuestro día a día, y vela no sólo por hacer todo mucho más estético y llamativo, también usable y accesible para que la experiencia de usuario sea lo más positiva y placentera posible para cada uno de los usuarios que visiten nuestro sitio web.

Al igual que cada día muchos son las empresas que apuestan por lo último en seguridad, también son muchas las tantas otras que apuestan por las últimas tendencias en diseño web, como formatos responsive, mobile, y que atrapen al usuario en una experiencia única de navegación.

A día de hoy el diseño gráfico aplicado a las webs es más que necesario si una marca desea posicionarse en un lugar donde existen más de 1.000 millones de páginas webs. Por lo que invertir en esta disciplina es una tarea de obligado cumplimiento.

Pero, ¿realmente una web bien diseñada desde el punto estético nos ayudará a vender más y a que nuestra presencia sea mayor desde el inicio? No. A esto debemos sumarle tareas de mantenimiento y posicionamiento en buscadores.

Tareas tan sencillas como hacer que tu contenido se pueda transmitir de forma eficaz, hasta generar un aumento considerable de leads, gracias al trabajo de las “arañas” de los buscadores. Robots y algoritmos que captan todo lo que sucede en su plataforma y posicionan las webs según el valor del contenido (autoridad).

La ley de los 2 segundos

Una de las reglas que siempre se ha de cumplir en diseño gráfico es lo que muchos diseñadores denominan «la ley de los dos segundos». Se trata de lograr una primera impresión muy positiva en los dos primeros segundos que un usuario pasa navegando por la web.

La parte visual, es elemental para captar la atención de los usuarios. De esta primera impresión depende que el usuario permanezca en tu página. Y, si su estructura, presentación, accesibilidad, usabilidad y estética promueven su confianza, ya cuentas con una segunda oportunidad. La de que continúe navegando por ella y hasta que llegue a comprar tu producto.

Contenido Visual y Posicionamiento SEO

La relevancia respecto a calidad del contenido visual no se discute. Tampoco su relación con SEO ya que la tasa de permanencia de los usuarios en un sitio influye directamente sobre tu posicionamiento SEO.

Quizás, se te haya pasado por la cabeza alguna vez la idea de ser tu mismo el que cree el contenido visual de tu web, como fotografías, vídeo, etc..  ¡ERROR! Siempre debes dejar estas acciones y el diseño gráfico a un profesional. Él sabrá qué contenidos, palabras clave y etiquetas son las necesarias para que tu web sea indexada por los buscadores de forma correcta.

Tiempo de carga

El tiempo de carga de una web es un factor crucial para la permanencia del usuario en el sitio. Esto va a depender de la estructura del diseño y por qué no, del contenido visual. Será el diseñador quien trate el contenido y lo optimice de la forma correcta para evitar que este tiempo se alargue. Por tanto, siempre habrá que tener en cuenta qué tipos de contenidos gráficos se desean añadir y cargar en nuestra web, para minimizar al máximo el tiempo de carga.

Usabilidad Web

Independientemente del tipo de diseño por el que se opte, siempre se ha de crear con un único objetivo, aumentar la usabilidad web. No hay mayor logro que, que un usuario se sienta realmente cómodo mientras navega por nuestra web.

Ya no sólo que consigamos un diseño estéticamente bonito, sino que sea capaz de encontrar los menús y botones con facilidad, sino que cada elemento funcione como debería. Sólo así, lograremos que el tiempo que pasa en ella se alargue más de lo que el usuario pensaba en un primer momento.

Una buena estrategia de UX, ayudará a fidelizar a los clientes con la marca.

Recomendaciones finales

Como última recomendación te diremos que si tu objetivo es vender a través de la web, considera de forma notable la ayuda de profesionales durante la creación de tu e-commerce.

En Mullbrand, tu satisfacción es nuestra prioridad. Por ello ponemos en desarrollo las últimas tendencias y novedades en diseño gráfico y web para ofrecer siempre el mejor resultado a nuestros clientes. Si ya sabes cómo será tu proyecto, visítanos. Lo haremos realidad.

The post Diseño gráfico, indispensable en el diseño de tu web appeared first on Mullbrand.

Sin embargo, antes de crear tu sitio necesitarás pensar no sólo en el dominio o alojamiento, también en el diseño. A menudo, las personas que dan el salto al mundo online, construyen su web en referencia a sus propias preferencias y gustos, sin tener en cuenta la usabilidad, accesibilidad o manejo de la misma.

10 Errores a evitar en el diseño de tu nueva web

Dado a que será la primera impresión que un usuario tendrá de tu marca, el primer paso es comprender a tu público objetivo. Una táctica inmejorable para conseguirlo es colocarte en su lugar. Desde ese punto, analiza la percepción que éste tendrá del sitio. Si aspiras a que sea no sólo atractivo, sino útil a tus objetivos de conversión, evita cometer los siguientes errores.

#1 Mala organización de layouts

Tener mal organizada la distribución de elementos en una web es un factor decisivo para que los usuarios abandonen el sitio sin generar ningún tipo de acción. Si has seguido nuestra anterior recomendación, ya deberías saber cuáles serán los primeros pasos que éste dará en la web. Por lo que es indispensable organizarlos conforme a esta premisa favoreciendo que su navegación sea lo más fluida y cómoda posible.

#2 Imágenes de baja calidad

El contenido visual es absolutamente imprescindible. Por lo que las imágenes que incluyas en tu web deben de ser relevantes a lo que se explica en ella, tener las dimensiones adecuadas y el retoque necesario para que resalten visualmente.

#3 Enlaces rotos o inválidos

Este es otro significativo error y una de las principales causas para que deje el sitio y no regrese. Evítalo realizando un seguimiento periódico de tu página. Monitorea que los enlaces se visualicen y operen adecuadamente.

#4 Que no sea responsive

Uno de los más perjudiciales errores a evitar en el diseño de tu web es que no pueda visualizarse en todos los dispositivos móviles. Es elemental tener presente este aspecto desde un primer momento. Especialmente, cuando la mayor parte de las visitas se efectúan desde smartphones o tablets. Por otro lado, los motores de búsqueda penalizan las webs que no cuentan con un diseño responsive.

#5 Contenido excesivo o difícil de leer

Además de la conveniente distribución de elementos y óptima calidad de imágenes, una web que no cuente con el respaldo de contenido textual apropiado, está destinada al fracaso. Ahora bien, equilibrio ante todo, no exageres ni satures. A nadie le agrada encontrarse con un muro repleto de texto, esto resulta abrumador. Lo ideal es incluir párrafos breves y relevantes.

#6 Baja velocidad de carga

Si eres de los que priman el diseño repleto de gráficos y animaciones por encima del texto plano debes tener en cuenta que se relentizará el tiempo de carga y, con ello, es posible que tu web sufra un aumento de la tasa de abandono en ese crucial instante.

Por último, no recomendamos utilizar “Flash” en el diseño. Aunque los resultados de usarlo son efectos muy “monos” deberías saber que, este tipo de páginas no aparece en los buscadores. Además, pesan muchísimo.

#7 Inadecuada ubicación de las llamadas a la acción

Dentro de los errores a evitar en el diseño de tu web, este factor es capital. Un mal bosquejo en los botones “Call to Action” o su inadecuada distribución en la web, confundirá al usuario.

Recuerda pensar como cliente y cuida la ubicación de los botones con el objeto de guiarlo hacia el siguiente paso de su visita. Etiquétalos correctamente y verifica que destaquen en áreas donde puedan verse con claridad. Puedes utilizar el A/B testing para medir los resultados y determinar cuál es la mejor.

#8 Falta de opciones para interactuar con Social Media

Si tu diseño carece de elementos cuya meta sea compartir en Social Media, causarás la impresión de un sitio poco “sociable”. Pero, fundamentalmente, estarás perdiendo la oportunidad de alcanzar una gran cantidad de público potencial. Vigila este factor implementando métodos para que tus visitantes puedan compartir en ellas mientras están en tu web.

#9 Datos de contacto poco visibles

Datos mal ubicados o escasamente visibles es otro de los grandes errores a evitar en el diseño de tu web. Si los usuarios deben esforzarse para encontrar el modo de contactar contigo hará que no lo hagan. Dispón esta información de forma completa y lo más notoria posible, de este modo el usuario podrá verlos claramente.

#10 Diseñar para buscadores o para tí mismo

Posicionar es sumamente importante, pero, si abocas todo tu diseño a ello, es muy factible que olvides al usuario. Si bien los “bots” son los que rastrearán y posicionarán tu web, serán personas las que navegarán por ella.

Lo ideal es que tu diseño se oriente pensando en esto. Lo importante es que el usuario permanezca en el sitio, convierta y regrese. Para ello procura crear una interfaz que genere óptimas experiencias, información de calidad e interés.  Esto también influirá decisivamente sobre un motor de búsqueda.

Esperamos que esta guía de errores a evitar en el diseño de tu web, haya sido de utilidad para ti. Si tienes alguna recomendación más, ¡te esperamos en los comentarios!

The post 10 Errores a evitar en el diseño de tu nueva web appeared first on Mullbrand.

Consumir contenidos de forma online es un must, está claro. Comodidad, versatilidad y poder hacerlo desde cualquier lugar son los pros de estos nuevos hábitos.

Es por ello, que cada vez las marcas se esfuerzan más en atrapar la atención de los usuarios, ya sea a través de las redes sociales o por medio de las webs corporativas.

De esta manera, la saturación de contenidos y de elementos de las marcas para captar la atención se contraponen a la incesante necesidad de obtener contenidos de forma inmediata por parte de los usuarios.

A esto hay que sumarle que toda marca desea un objetivo principal, destacar por encima de la competencia. Objetivo que Internet, es mucho más difícil de conseguir al competir de forma global con el resto de marcas.

Aquí es donde el diseño y el diseñador web juegan un papel muy importante en la diferenciación.

Premisas como la adaptabilidad, usabilidad y estética se vuelven imprescindibles en cualquier estrategia online sin importar el sector al que se pertenezca.

Las estadísticas muestran que un usuario en tan sólo 3 segundos decide de forma inconsciente si permanecer o no navegando por una determinada web.

Por ello, recargar de elementos e información la web para retenerlos por más tiempo y hacer que el porcentaje de rebote de nuestra web descienda, ya no es una opción.

Con las siguientes tendencias en diseño web, os enseñaremos cómo elementos como la barra horizontal de navegación o el menú tipo hamburguesa que tanto predominaba en las webs durante el pasado 2017, este nuevo año se aparcan a un lado para dejar paso a la sencillez y al minimalismo.

1# Diseño Responsive sí o si.

Ya sea a través de una tablet o un smartphone, los contenidos deben estar siempre pensados y creados para su correcta visualización.

Este 2018 priman las webs de diseños adaptables a cualquier dispositivo y resolución. Casi tanto que nos aventuraríamos a señalar que la tendencia no será el diseño responsive en sí, si no más bien el crear una versión diferente para cada uno de los dispositivos disponibles.

2# Video vs. Imagen.

Es cierto que una imagen genera un mayor engagement que un texto. Pero más aún, si se trata de vídeo.

El formato vídeo, es la tendencia en alza para este 2018 en cuanto a la creación y exposición de contenidos en Internet se refiere.

Pero eso sí, cuidado al implementarlo. Mostrar todo nuestro contenido en vídeo, puede provocar que aumente la tasa de rebote al ser un tanto pesado para los usuarios en dispositivos móviles.

Además, aumenta el consumo de recursos de nuestra web, aumentando a su vez el tiempo necesario para la carga de la misma.

Una opción es embebed el vídeo desde Youtube, opción que nos permite aligerar la web, pero no nos permite reproducirlo de forma automática al acceder a ella.

La mejor opción: subir el contenido en formato vídeo reducido al servidor donde se encuentre la web y añadirlo al contenido de la misma. Aligerarás el tiempo de carga.

Recuerda: no abuses del formato vídeo dentro de tu web. Mantén siempre el equilibrio entre elementos.

3# Cinemagraphs ¿por qué no?

Muy fáciles de crear mediante Photoshop y visuales a la hora de exponerlos como contenidos dentro de la web.

4# Flat Design.

Una tendencia que cada vez vemos más en redes sociales y también en diseño web es el flat design.

Eliminar todos aquellos elementos que no consideremos básicos y necesarios para la navegación sin perder el SEO, se vuelve primordial.

La gran ventaja de este tipo de diseños, es que se adapta a la perfección en cualquier soporte y resolución.

5# Diseño en esqueleto.

Esta tendencia en diseño web es perfecta si lo que buscas es crear una web sencilla, que cargue muy rápido y en la que se puedan recorrer todas las secciones en un solo vistazo al realizar scroll hacia abajo.

La gran característica es que suelen ser diseños muy sencillos, con pocos elementos que distraigan de la información importante.

6# Diseños modulares.

Este tipo de maquetaciones ya las veníamos viendo en redes sociales como Pinterest. Reducen considerablemente el tiempo de carga y de consumo de recursos.

A la vez, muestran gran cantidad de información de un solo vistazo. Además, el usuario podrá navegar entre ellos con mayor facilidad y libertad pudiendo escoger los bloques más interesantes primero.

7# Efecto Hover y microinteracciones.

Superposiciones de color o pequeñas acciones al interactuar con determinados elementos de la página son algunas de las nuevas herramientas usadas para focalizar la atención del usuario en un determinado punto de la web.

8# Tipografías, colores vivos e iconos.

Este 2018 es el año de la tipografía con usos decorativos. Grandes títulos sobre fondos blancos o fotografías se convierten en las nuevas imágenes de cabecera o sliders.

Esto, combinado con fondos en un color sólido y solamente acompañado de diferentes iconos y botones ghost para la navegación, conseguirán captar aún más la atención de los usuarios focalizándola en lo que es importante.

9# Diseño Hero.

¿En cuántas webs has entrado y tan sólo aparecía una gran fotografía con un elemento diferenciador o destacado? Pues ésta será la tendencia en diseño web reina de este año.

¿Por qué? Fácil. Además de destacar un determinado producto nos aporta una gran ventaja en cuanto a usabilidad, y es que se consigue adaptar sin problemas a cualquier resolución de pantalla.

Para destacar aún más, además de los botones ghost ya mencionados, las barras de navegación y menús tipo hamburguesa desaparecerán del inicio, trasladándose al final de la web.

Así es mucho más cómodo para el usuario, el cual imita el mismo recorrido que cuando utiliza un smartphone, donde los controles se encuentran en la parte baja del dispositivo.

10# HTTPS y AMP.

Al ya conocido HTTPS y cada vez más necesario se le suman las webs AMP.

El protocolo HTTPS no sólo nos proporciona un mayor nivel de seguridad dentro de nuestra web, sino también mayor confianza por parte del usuario al navegar e introducir datos en ella.

A esto hay que sumarle la tecnología AMP, con la cual es posible crear versiones que necesiten cargar menos recursos y por lo tanto la carga de las mismas sean casi instantáneas.

¿Qué os parecen estas tendencias en diseño web? ¿Echáis en falta alguna? Coméntanoslo.

The post 10 tendencias en diseño web para este 2018 appeared first on Mullbrand.

Pues bien, el protocolo HTTP/2 nace con una única función, crear un Internet más seguro y rápido, ajustado a las necesidades de transferencia de información de hoy en día.

Este protocolo vio la luz en el 2015 de manos del Internet Engineering Task Force (IETF). Iniciativa encargada de crear una plataforma más fuerte para Internet basándose en el proyecto SPDY desarrollado por Google un tiempo antes.

El proyecto SPDY, buscaba reducir el tiempo de carga en las conexiones cliente-servidor de todos los sitios web de Internet.

Por lo que para quien piense que el protocolo HTTP/2, es un protocolo nuevo, está totalmente equivocado. Es más bien una actualización del ya conocido HTTP 1.1. y el cifrado de seguridad SSL, ya que contiene la misma sintaxis que éstos.

Hoy en día, la mayoría de los exploradores lo admiten, así como muchos de los servidores más populares. Aunque el porcentaje de webs que lo usan sigue siendo bastante pequeño no se descarta que, en unos años, y con posibles ciertos cambios en los algoritmos de Google, la mayor parte de las webs lo usen.

¿Cómo funciona el protocolo HTTP/2?

En comparación con el protocolo anterior, el HTTP 1.1., este nuevo protocolo presenta grandes ventajas, la principal, su rapidez.

El HTTP/2 permite la multiplexación, esto es, su forma de transmitir los datos ya no es creando una cola y transmitiendo cada fichero de uno en uno. Sino que nos da la posibilidad de realizar intercambios múltiples en una sola conexión.

Esto es lo que permite reducir el tiempo de carga al conseguir mejorar la comunicación entre navegador y servidor.

Por otro lado, y por medio de la multiplexación, puede enviar recursos por si son necesarios más adelante, sin necesidad de que el cliente los solicite, optimizando al máximo el tiempo de transmisión.

¿Cómo actualizo al protocolo HTTP/2?

Traspasar del protocolo HTTP o HTTPS a HTTP/2 es muy sencillo. Te lo explicamos de forma muy sencilla y rápida.

* NOTA: Los pasos pueden variar en función del servidor, navegador y otros factores propios del site.

Al tratarse de un protocolo de mayor seguridad, el primero de los requisitos que nos solicita es tener el cifrado de seguridad SSL instalado.

Una vez hecho esto, tan sólo debemos actualizar el software del servidor o contactar con el proveedor de servicios de Internet para que nos habilite el protocolo HTTP/2.

Si no sabes si ya lo tienes habilitado te recomendamos que uses SPDYCheck. Analizará tu site de forma rápida para saber si lo tienes o no.

¿Influye en el SEO de mi página?

A pesar de que poseerlo o no, no esté contemplado aún como una posible recompensa por parte de Google, sí que contempla el rendimiento, la usabilidad y la experiencia de usuario, dentro de la cual se encuentra la velocidad de carga.

Cada vez es más importante no sólo que nuestra web cargue más rápido, sino también que la experiencia de usuario sea mucho mayor y mejor.

Por ello la rapidez que ofrece el protocolo HTTP/2, por supuesto también influye de forma directa al SEO de tu web.

Al reducir el tiempo de carga de las conexiones entre cliente y servidor, el tiempo de espera de los usuarios para acceder a tus contenidos también se ve reducido.

Una gran ventaja para los más impacientes y para todos aquellos usuarios que acceden a los contenidos a través del móvil, quienes ahora podrán contar con una red más segura y rápida estén donde estén.

Además, no sólo el tiempo de carga se verá afectado, también la propia gestión de recursos y elementos auxiliares. Tu web podrá seguir disponiendo de hojas de estilo, imágenes desde servidores adicionales o CDNs como hasta ahora ha hecho con el anterior protocolo. Sin sufrir cambios.

Tras este breve repaso por todas los aspectos generales y novedades que nos aporta el protocolo HTTP/2 tenemos por seguro que además de suponer una gran mejora en la velocidad de las conexiones, también lo será para nuestro posicionamiento en Internet.

Confiamos en que este protocolo extienda su uso rápidamente y al igual que sucedió ante la implantación del cifrado SSL, finalmente todos los sites de Internet lo adopten, creando una red mucho más segura y beneficiosa para los usuarios.

Por el momento y antes de que se extienda de forma global, te recomendamos que des el primer paso, implantar el cifrado de seguridad SSL en tu site si aún no lo posees. Desde Mullbrand somos especialistas en mejorar el posicionamiento SEO en Internet sin importar si tu web es una tienda online o una web corporativa simplemente.

Visítanos, estaremos encantados de crear una estrategia personalizada y ajustada a todas tus necesidades.

The post Protocolo HTTP/2, todo lo que debes saber sobre él appeared first on Mullbrand.

Quizás Web Spoofing no te suene demasiado o incluso nada de nada, pero y ¿phising? Este término ya sí, ¿verdad?.

Pues bien, “Spoofing” no es nada más y nada menos que las técnicas que usan los ciberdelincuentes para la suplantación de la identidad con usos maliciosos.

Es decir, un atacante suplanta a otra persona, en este caso una web, con el fin de recoger todos los datos posibles de los usuarios que navegan por ella, ya sean direcciones de correo, contraseñas e incluso datos personales como las cuentas bancarias.

Spoofing, para nuestra desgracia, existen muchos tipos, pero el que más nos interesa es el Web Spoofing.

Web Spoofing o suplantación de una web real

Seguro que recuerdas haber visto por redes sociales, muchas alertas sobre webs que parecían legítimas y luego resultaban no serlo.

Webs donde el usuario se registraba o accedía con su nombre de usuario y contraseña, para más tarde darse cuenta de que había sido víctima de una suplantación.

En el caso de los usuarios que han sido víctima de ello, supone un verdadero marrón, ya que el ciberusuario recopila, en la mayoría de casos, sus datos personales.

Pero y ¿para las empresas que han sido suplantadas? Este tipo de phising, puede suponer grandes pérdidas millonarias para las empresas.

Ya no sólo pierden cantidades astronómicas de dinero, sino que también se ve perjudicada su imagen de marca, su reputación y la confianza con los usuarios o clientes.

¿Cómo se produce un ataque de Web Spoofing?

Lo primero que hace el ciberdelincuente es verter todos los datos de la web legítima a su servidor, con el fin de que el usuario cuando acceda a ella, se redirija a la copia ilegítima de la web.

Para la percepción del usuario, está navegando por la web legítima en todo momento, incluso si rellena formularios, la sensación será la misma.

Estarás pensando, con un certificado SSL este problema no aparecerá. Pues bien, esto es incorrecto.

Para los ataques de Web Spoofing, no importa si tu web tiene o no instalado un certificado de seguridad o SSL.

Obviamente, si tiene este certificado, tu web es mucho más segura ante otros ciberataques como infecciones de código malicioso. Pero como hemos comentado antes, en el caso del Web Spoofing no sirve de nada.

Si tu web tiene SSL, la suplantación se produce del mismo modo que hemos explicado al principio, con la única diferencia de que el usuario creerá que está navegando por una web segura todo el tiempo.

Detectar los casos de Web Spoofing antes de comenzar a navegar por las webs suplantadas es tan sencillo como seguir estos tres pasos:

• Comprobar la barra de estado. Debemos fijarnos en la URL a la que apunta el enlace desde el buscador al pasar el puntero del mouse por encima. Si no corresponde con la dirección a la que queremos acceder, es porque ha sido suplantada.
• Comprobar la línea de navegación. Si la URL a la que estamos intentando entrar sale de esta línea, es más que seguro que haya sido suplantada.
• Comprobar el código fuente. Tan sólo es necesario comprobar las URLs que han sido reescritas desde el documento donde se encuentre el código fuente HTML de la web.

Desactivar Java Script de tu navegador, asegurarte de que la barra de navegación está activa y sobre todo, poner mucha atención a las URL cuando visites una web son algunos consejos extra que ponemos a tu disposición.

The post Web Spoofing, ¿en qué consiste? appeared first on Mullbrand.