Advertisement
  1. Business
  2. Web Design

10 Consejos de Rediseño de Sitio Web para Mejores Resultados en 2017

Scroll to top
Read Time: 13 min
This post is part of a series called How to Redesign Your Website Effectively (Ultimate Guide).
How to Apply a Website Redesign Checklist in 10 Easy Steps

() translation by (you can also view the original English article)

Tener un sitio web para tu pequeño negocio nunca es fácil - incluso si tu sitio web es pequeño y simple. Una vez cada tanto, necesitarás actualizar el diseño de tu sitio web para asegurarte que se vea increíble y que te ayude a crecer tu negocio.

En una serie de tutoriales sobre rediseñar tu sitio web de tu pequeño negocio, te hemos mostrado lo siguiente:

Mientras planeas tu rediseño, no es solo importante que vayas a través de los anteriores pasos. Deberías también conocer las características y funcionalidad que tu sitio web necesita para mantenerse actualizado. Esto es especialmente verdadero para características que podrían hacer o romper las ventas y crecimiento de tu negocio.

Are you ready to redesign your website with the best tips and techniquesAre you ready to redesign your website with the best tips and techniquesAre you ready to redesign your website with the best tips and techniques
¿Estás listo para volver a diseñar tu sitio web usando los mejores consejos y técnicas? (increíble fuente)

Esta guía puede servir como una lista de chequeo de las características que se tienen que tener para ayudar a que el diseño de tu sitio web nuevo traiga resultados del negocio al que estás apuntando en 2017. Cavemos en estos consejos matadores de rediseño de sitio web.

Mejores Consejos de Redieño de Sitios Web para Crecer Tu Negocio (En 2017)

Los siguientes artículos son esenciales si quieres asegurarte que tu audiencia meta encuentre tu sitio web y se convierta en clientes que paguen.

1. Piensa "Primero Móvil"

Como hemos cubierto en el primer tutorial en estas series, los sitios web necesitan ser diseñados con usuarios móviles en mente. Esto es importante por dos razones: uso y búsqueda.

En 2016, la navegación móvil superó la búsqueda de escritorio, de acuerdo a una investigación de StatCounter, una firma de monitoreo web. Esto significa que ahora es más probable que tus visitantes sean usuarios móviles en vez de usuarios de escritorio. Si tu sitio no es amigable para móviles, entonces podrías perderte de una gran número de clientes.

Google también ha empezado a aplicar "la primera indexación móvil" lo que significa que lo amigable con los móviles en tu sitio pronto se convertirá en un factor en cuan lejos aparece en los resultados de búsqueda. Esto podría significar que el sitio de un competidor podría parecer más alto que el tuyo en algunos resultados de búsqueda si tu sitio no es amigable para los móviles.

Una vez que el rediseño esté listo, puedes ejecutarlo al usar el Test Amigable de Google Móvil para ver cuán bien funciona en los dispositivos móviles. Si tu sitio web no pasa el test, los resultados también listarán los cambios que necesitas hacer si quieres pasarlo.

2. Planea Crecer Tu Contenido

Otro consejo de rediseño de ayuda de sitio web es planear más al futuro para el crecimiento. Incluso si piensas que tener un sitio web de cinco páginas estático es suficiente para tus necesidades actuales, tu rediseño debería permitir escalar tu contenido mientras creces. Esto hará tu diseño fácil de adaptarse si decides tener tu blog o incrementar las páginas de tu producto dentro de los próximos dos años.

Si estás trabajando con plantillas para rediseño, esto podría significar usar una plantilla del sitio que funcione con WordPress o, si estás ejecutando un sitio eCommerce, podrías usar una plantilla eCommerce que funcione con la plataforma de tu elección.

Busca más temas top de WordPress

3. Tener una Experiencia de Usuario Sin Costura

Cuando se rediseña tu sitio web, es fácil perderse en los detalles técnicos, tal como cuál sistema de gestión de contenidos usarás, las características que necesitas, y cómo integrar tu sitio con tus otros canales de mercadeo. Pero podrías olvidar para quién estás diseñando el sitio en primer lugar. Tus clientes prospectos.

Aquí es donde el diseño UX (experiencia de usuario) viene. El diseño UX prioriza cómo tus intencionados usuarios experimentan el sitio Esto incluye conveniencia, facilidad de uso, y cualquier sentimiento positivo asociado con interactuar con tu compañía a través de tu sitio web. Para aprender más sobre esta aproximación, refiere a las siguientes guías de ayuda.

Mientras que enfocarte en UX puede ayudarte a crear un nuevo diseño que abastezca los hábitos y necesidades de tus clientes, no es suficiente decir que tu rediseño fue un éxito. También necesitarás alinearlo con estética, funcionalidad, y resultados del negocio.

4. Haz la Prueba Dividida Fácil

La prueba dividida permitirá que incrementes la mejora de los resultados que obtendrás del rediseño. Básicamente, las pruebas divididas te permiten conducir experimentos en tu sitio web para que puedas hacer cambios que mejoren tus conversiones, ventas, y otras métricas. Si nunca has conducido pruebas divididas en tu sitio antes, tu nuevo diseño podría ser la mejor oportunidad para comenzar.

Las pruebas divididas son especialmente cruciales para los negocios de eCommerce. Los sitios web que traigan clientes o tengan algún tipo de llamado a la acción se pueden beneficiar de las pruebas divididas también.

Para empezar, puedes chequear las herramientas como Optimizely, Unbounce, y Visual Website Optimizer.

5. Tener Elementos Visuales Fuertes y Gráficas

Más que solo diseñar elementos de sitio web tal como logos, íconos, y gráficas de fondo, un rediseño necesita traer una presencia visual fuerte para tu negocio. Esto incluye fotos de productos asombrosas, vídeos, y otro contenido visual como infográficas y memes.

Esto es porque las personas tienden a responder a los elementos visuales fuertes. Los estudios de rastreo de ojos del Nielsen Norman Group encontró que algunas imágenes llaman más la atención que otras. Por ejemplo, usar fotos reales de tus clientes y empleados atraerá a los clientes más que una foto que se ve como una imagen de almacenamiento.

Fotos detalladas de productos también atraen más atención que los genéricos. En el ejemplo a continuación los usuarios gastaron más tiempo viendo las fotos detalladas de los productos de Pottery Barn en vez de las fotos pequeñas genéricas de Amazon.

Photo web content eye tracking studyPhoto web content eye tracking studyPhoto web content eye tracking study
Estudio de contenido web de fotos de rastreo de ojos

Los elementos visuales también podrían traer más visitantes a tu sitio Buzzumo, una compañía que proporciona herramientas de investigación de contenido, encontró que los artículos con una imagen cada 75 a 100 palabras tenía el doble de más compartimientos sociales que artículos con menos imágenes. También, si repropositas las imágenes de tu sitio para el mercadeo de tus redes sociales, esto lleva a un agarre más alto de tus seguidores.

6. Establecer Páginas de Caída Dedicadas

Las páginas de destino son páginas de tu sitio web dedicadas a proporcionar una única oferta y una llamada a la acción. Debido a que las páginas de destino son tan específicas, son una forma eficaz de probar y medir diferentes ofertas, mensajes de marketing e incluso diseños.

Cuando estás conduciendo estos tests, ni siquiera tienes que hacer cambios dramáticos a tu página principal o sitio en general, ya que solo probarás las páginas de destino individuales.

Dependiendo de la industria, las páginas de destino dedicadas pueden tener una tasa de conversión promedio de 2.6 por ciento a 6 por ciento, según un informe de Unbounce, una popular plataforma de página de destino. Para obtener más información sobre cómo realizar páginas de destino de alto rendimiento y cómo pueden aumentar sus ventas, consulte los siguientes recursos:

7. Integra Tu Presencia en Redes Sociales

Como mencionamos en la guía previa en las series, optimizar tu sitio para redes sociales es uno de los pasos que necesitas tomar antes de que lances tu nuevo diseño. Esto es porque al menos un tercio de tu tráfico de referencia probablemente venga de los sitios de redes sociales.

Aquí hay algunos signos que te pueden ayudar a determinar si tu rediseño está completamente integrado con tus cuentas de redes sociales.

  • Corregir Fragmentos Sociales. Todas tus páginas deben verse bien cuando se comparten en las redes sociales. Esto significa que las imágenes, titulares y descripciones en miniatura correctas aparecen cuando compartes un enlace de tu sitio.
  • Compatibilidad de Marca. Cuando las personas visitan tu sitio web rediseñado de redes sociales y vice versa, no deberían sorprenderse por cualquier cambio en la marca o visuales. Asegúrate que tus colores, imágenes, logotipos y otros elementos visuales sean consistentes a lo largo de tu sitio y tus cuentas de redes sociales.
  • Enlaces Prominentes de los Medios Sociales. Tus visitantes deben poder fácilmente ir a tus páginas de medios sociales de tu sitio web. De esa manera, no tienen que buscar la cuenta correcta para seguir. Tus enlaces de redes sociales no tienen que ser el enfoque de tu rediseño, pero deberían al menos ser fáciles de acceder desde cualquier página. Una esquina del pie del sitio, título, o barra lateral también funciona.
  • Flujo de Trabajo Eficiente. Si estás ejecutando un blog, tiene que haber una manera simple y automatizada donde puedas compartir tus publicaciones más recientes del blog a través de redes sociales. Puedes usar las herramientas de gestión de redes sociales para hacerlo más fácil.

8. Presta Atención a la Personalización

La aproximación más común al rediseño es servir las exactas mismas páginas a todos tus usuarios. Pero esto te deja perderte de los beneficios de la personalización y la segmentación.

Primero, la personalización le da a los clientes lo que quieren. Una encuesta de Infosys encontró que el 74 por ciento de los clientes están frustrados cuando sus experiencias no son personalizadas. Adicionalmente, más de la mitad cree que la personalización afecta sus decisiones de compra.

La personalización incluso puede crecer tu negocio. De hecho, en 2020, la personalización podrá incrementar las ganancias del negocio por un 15 por ciento, de acuerdo a Gartner, una firma de investigación.

Solo porque estés sirviendo tu sitio web de una manera personalizada, no significa que deberías darle a cada usuario individual una experiencia única.

En el ejemplo a continuación, el Trunk Club tiene aventuras separadas de clientes para hombres y mujeres. Después de que selecciones un camino, las imágenes, mensajes de mercadeo, y ofertas que recibas son específicas para el género escogido.

Trunk Club segmentation for women and menTrunk Club segmentation for women and menTrunk Club segmentation for women and men
La personalización de Trunk Club para mujeres y hombres.

Tu aproximación de personalización no tiene que ser complicado, altamente técnico o costoso. Puedes empezar por crear páginas de destino separadas por fuente de referencia, por locación mayor, o por demográfica meta.

9. Mantén el SEO en Mente en Tu Rediseño

La estrategia de optimización del motor de búsqueda (SEO) de tu nuevo diseño afectará cuan fácilmente tu audiencia meta podrá encontrar tu sitio usando un motor de búsqueda como Google o Bing. Este es otro importante rediseño de sitio web para prestarle atención para SEO es especialmente importante para sitios de eCommerce, ya que la búsqueda es todavía su fuente número uno de tráfico de referencia, de acuerdo a Yotpo, una compañía de revisión de software.

Traffic by sourceTraffic by sourceTraffic by source

Pero las estrategias SEO en 2017 podrían no ser las mismas que fueron efectivas cuando se lanzó tu último diseño de sitio web. Aquí están las cosas que necesitas trabajar si quieres una estrategia SEO actualizada.

Indexación de Búsqueda Móvil

Ya hemos menciona la "indexación primera móvil" de Google antes en esta guía, pero se necesitará repetirlo aquí ya que debería ser parte de tu estrategia SEO.

Para asegurarte que tu nuevo diseño se indexe por propiedad de Google, asegúrate que obtengas un diseño responsivo. Este tipo de diseño se adapta al dispositivo que lo ve. Puedes pedir un diseño responsivo de tu diseñador. Pero si vas por la ruta de hacerlo tú mismo, puedes ver diseños como Porto y Canvas de ThemeForest.

Búsqueda Local

Solo porque tu sitio web sea accesible por todo el mundo, no significa que puedas ignorar a tus clientes locales. Incluso en una era donde los sitios como Amazon puedan enviarte cualquier cosa desde electrodomésticos hasta comida, una búsqueda local todavía se está convirtiendo más relevante. De acuerdo a Clix Marketing, el 72 por ciento de los consumidores que hacían búsquedas locales visitaron una tienda dentro de 5 millas.

Mientras te preparas para lanzar tu rediseño, asegúrate que existan algunos mercaderes locales tales como listar tu dirección del negocio, usar tu ciudad/localidad como palabra clave, y obtener enlaces de sitios relevantes localmente.

Búsqueda de Voz

De acuerdo a Google, las búsquedas de voz hacen alrededor de un 20 por ciento de las búsqueda via su aplicación móvil. Mientras que la búsqueda de voz todavía representa una minoría de las búsquedas, necesitas empezar a planear eso.

Comienza por incorporar frases más naturales o preguntas en tu estrategia de palabras clave de SEO. Por ejemplo, si eres un amaestrador de perros en Dallas, podrías utilizar frases como "donde están los amaestradores del perro en Dallas" o "encontrar a un amaestrador del perro en Dallas." Para encontrar las frases que quieres utilizar, pregúntate: ¿Una persona lo dice en voz alta al describir su negocio? ¿Cuáles preguntas harían cuando buscan negocios como los tuyos?

10. Asegúrate que Tu Nuevo Sitio Se Ajuste a tu Marca

Finalmente, tu rediseño debería ajustarse a tu marca de dos maneras: Vista y sensación.

La "vista" son las características visuales del diseño. ¿Son los colores los mismos en tu logotipo y otro material de mercadeo? ¿Tu nuevo diseño usa las mismas fotos como tus otros materiales cuando representa tu producto, oficina, o personal?

La "sensación" en otra mano, es la experiencia del usuario del sitio web. Esto incluye cosas como facilidad de uso, desempeño y un sentimiento general que los usuarios tienen cuando llegan al sitio. Si estás promoviendo tu negocio como una tienda pequeña del lugar que cree bienes hechos a mano, no querrás que tu sitio se sienta como una tienda grande de cadena.

Por ejemplo, Walmart tiene un diseño de sitio que resalta la amplia variedad de productos que tienen, los cientos de revisiones del cliente por producto, y también enfatiza descuentos y precios más bajos.

Wallmart highlights its large volume of productsWallmart highlights its large volume of productsWallmart highlights its large volume of products
Walmart resalta su gran volumen de productos.

En otra mano, una tienda en línea más pequeña y más especializada como la de Harry se siente distinto. Las fotos de los productos son más grandes, ya que están resaltando los detalles de pocos productos que tienen. También hacen tomas artísticas de sus productos en vez de simplemente ponerlos contra un fondo blanco.

Harrys highlights product qualityHarrys highlights product qualityHarrys highlights product quality
Harry´s resalta la calidad del producto.

Ninguna aproximación está bien o mal. Todo se trata de las elecciones visuales y experimentales que representan tu marca más exactamente. Aprende más sobre desarrollar tus valores de la marca:

Haciendo lo Mejor de tu Rediseño de tu Sitio Web

Mientras que no necesitabas completar todos los consejos de rediseño del sitio web a continuación, mientras más ítems hayas chequeado en tu lista, mejores resultados obtendrás. Mientras te asegures que tu sitio funciona bien en móviles, proporciona la mejor experiencia del usuario, y tiene suficiente espacio para el crecimiento y los cambios, entonces tu rediseño puede durar por el 2017 y más allá.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Business tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads