Diseñar un sitio web es algo más que estética. También se trata de infundir confianza desde el momento en que su visitante llega a su página de inicio. Con base en la investigación de credibilidad de Internet de Stanford, sabemos que 75% de los consumidores evaluar la credibilidad de la empresa en función del diseño del sitio web.
Esto significa que el diseño de su sitio web debe planificarse y pensarse tan cuidadosamente como el contenido de su sitio web. Al crear un sitio web confiable y de aspecto profesional, debe considerar el tema, la combinación de fuentes, la paleta de colores y más. Si su sitio hace un mal uso de los colores, tiene demasiado texto o se ve poco profesional, lo más probable es que todos los visitantes lo rechacen.
En esta publicación, cubriremos cómo hacer que su sitio de WordPress se vea profesional para que pueda atraer y deleitar a sus visitantes. Echemos un vistazo más de cerca a los pasos a continuación.
Cómo hacer que su sitio de WordPress se vea profesional
- Elige un tema que se pueda personalizar.
- Elige tu paleta de colores.
- Elige tu tipo de letra.
- Crea una página de inicio personalizada.
- Personaliza tu barra de navegación.
- Envíe un favicon personalizado.
- Personaliza tu pie de página.
Siguiendo estos pasos, puede crear un sitio de WordPress personalizado que fortalecerá la identidad de su marca y brindará a sus visitantes una experiencia única. Discutámoslos a continuación.
Paso 1: elige un tema personalizable
Al instalar WordPress, el tema predeterminado se instalará automáticamente en su sitio. A primera vista, notará que es bastante duro.
Si te quedas con este tema, puedes usar el editor de Gutenberg u otro creador de páginas para personalizarlo. Entre otras cosas, puede cambiar el color de los botones y enlaces, cargar una imagen de logotipo, agregar íconos al menú social y agregar widgets que aparecerán en el pie de página.
Puede crear un hermoso sitio web personalizando este tema predeterminado. Sin embargo, existen limitaciones que pueden impedirle personalizar su sitio web en cualquier grado. Esto puede ser demasiado mínimo o estar basado en la tipografía de su marca. Su diseño de una sola columna, que es adecuado para sitios web ricos en contenido, puede no ser adecuado para su sitio web de comercio electrónico.
Para tener más control sobre el aspecto de su sitio web, puede elegir entre cientos de temas de WordPress gratuitos y premium disponibles a través de Directorio de temas de WordPress o mercados de terceros. Con más opciones de color, barras laterales, opciones de fondo, fuentes de Google y diseños para elegir, puede diseñar su sitio web para atraer a su público objetivo y asegurarse de que se verá único.
dividepor ejemplo, es un tema premium que te permite diseñar y personalizar cada parte de tu sitio web desde cero. Después de elegir entre más de 800 diseños web listos para usar, puede aplicar animaciones a cualquier elemento de la página, agregar sombras a imágenes y texto, elegir entre cientos de fuentes web o cargar las suyas y mucho más. A continuación se muestra una página de inicio del paquete de diseño de la agencia de diseño de Divi.
Paso 2: elige tu paleta de colores
Una vez que comience a personalizar su tema, verá prácticamente infinitas opciones de color. Esto no significa que debas intentar usar cada uno de ellos. En su lugar, elige una paleta de colores para tu sitio web y apégate a ella. Hacer cumplir el esquema de color en todas las páginas de su sitio, así como en el contenido promocional y de las redes sociales, ayudará a fortalecer el conocimiento de su marca y atraerá y conservará una audiencia leal en todas las plataformas y canales.
Pero, ¿cómo eliges los colores adecuados para tu sitio web? Cómo diseñador web Ben Gremillion enfatiza que no existe un conjunto de colores que se vea profesional por sí solo. Solo tienes que usar el color de manera coordinada y reflexiva.
Al elegir un esquema de color para su sitio web, puede inspirarse en su logotipo y contenido. Por ejemplo, suponga que tiene una foto de portada en su página de inicio. Puede probar algunos tonos de esta foto y colocarlos en la barra lateral, los enlaces, los encabezados y el pie de página. Esta es una excelente manera de estandarizar el aspecto de todo su sitio web.
Paso 3: elige tu tipo de letra
Muchos temas de WordPress vienen con fuentes preinstaladas, pero puedes agregue fuentes personalizadas manualmente o con un complemento para mejorar la apariencia de su sitio web.
En el pasado, Internet solo podía admitir un puñado de fuentes en navegadores y dispositivos. Esto significaba que los propietarios de sitios web tenían una selección limitada de fuentes para su sitio web.
Luego llegaron las fuentes web que ayudaron a revolucionar el diseño web. Las fuentes web son compatibles con todos los tipos de navegadores y dispositivos, por lo que se mostrarán independientemente de lo que los usuarios utilicen para acceder a su sitio.
Ahora que puede elegir entre cientos de fuentes, reducir sus opciones puede ser abrumador. Los dos factores principales a considerar al elegir un tipo de letra son la legibilidad y la personalidad. Asegúrese de que el estilo de fuente, así como el tamaño, el grosor y el color que elija, sean fáciles de leer en computadoras de escritorio y dispositivos móviles. También querrá elegir una fuente que evoque la personalidad de su marca. Pregúntese cómo quiere que se sientan las personas cuando visiten su sitio.
Echemos un vistazo a dos fuentes de Google que funcionan bien juntas. Lora es una fuente Serif inspirada en la curvatura de la caligrafía. Muy adecuado para copiar contenido, es una excelente opción para revistas digitales, blogs o cualquier otro sitio que se centre en la narración de historias.
Montserrat es una fuente sans-serif geométrica inspirada en carteles y letreros antiguos del tradicional barrio bonaerense de Montserrat. Esto hará que sus titulares se destaquen en su página de inicio, páginas de destino y blog. Eche un vistazo a la página de inicio de Dang & Blast a continuación para ver la fuente en acción.
Para obtener más ayuda para elegir la tipografía correcta para su sitio web, consulte Las 33 mejores fuentes gratuitas que los diseñadores deberían descargar.
Paso 4: crea una página de inicio personalizada
Al igual que con el tema predeterminado, WordPress proporcionará una página de inicio predeterminada que enumera automáticamente las últimas publicaciones del blog. Tómese el tiempo para reemplazar esto con su propia página de inicio personalizada. Dado que esta es la primera impresión de un visitante de su sitio y posiblemente de su negocio, su página de inicio debe mostrar su marca, explicar brevemente sus productos o servicios e indicar el siguiente paso que los visitantes pueden tomar después de navegar por la página.
Para lograr estos objetivos, se deben incluir varios elementos, incluida una sección de «Información», un formulario de consentimiento por correo electrónico e información de contacto. Después de crear una página de destino clara y persuasiva, puede convertirla en la página de inicio de su sitio web.
En el editor clásico, ve a Ajustes > Lectura. Haga clic en «Página estática» y luego seleccione la página deseada del menú desplegable. En el editor de Gutenberg, haga clic en Mi lado > Diseño > personalizar y luego busque la opción Configuración de la página de inicio. Luego sigue los mismos pasos que en el editor clásico.
Paso 5: personaliza tu barra de navegación
Desea que sea lo más fácil posible para los visitantes navegar por su sitio, para que permanezcan más tiempo y lean más contenido. Abajo crear un menú de navegación personalizado lo que ayuda a aumentar la cantidad de visitas a la página y reducir la tasa de rebote, puede usar el editor de menú incorporado de WordPress.
Comenzará seleccionando un elemento del menú. De forma predeterminada, WordPress asigna una pestaña a cada página nueva que puede desbordar rápidamente su menú. En su lugar, intente crear categorías que sean lo suficientemente amplias como para organizar todas sus publicaciones y páginas. Por ejemplo, su menú solo puede contener pestañas Acerca de, Tienda y Blog. A continuación, puede crear un submenú que se mostrará como elementos desplegables cuando el usuario pase el cursor sobre una de las pestañas principales. Un sistema de navegación tan organizado brindará a los visitantes una experiencia sin problemas y hará que su sitio web se vea más profesional.
Para que su sitio web sea aún más fácil de usar, puede agregar una barra de búsqueda al menú de navegación. De forma predeterminada, WordPress solo le permite agregar una sección de búsqueda en la barra lateral, el pie de página y otras áreas listas para widgets. Sin embargo, puedes use un complemento o fragmento para colocar un cuadro de búsqueda en el menú de navegación. De esta manera, los visitantes pueden escribir una palabra clave para encontrar rápida y fácilmente el contenido que buscan si no pueden verlo en las pestañas del menú.
Paso 6: Cargue su favicon personalizado
En WordPress, un favicon es un ícono que aparece en la pestaña del navegador de un visitante o como marcador cuando se guarda en un navegador o teléfono. Estos íconos son pequeños pero poderosos. Supongamos que un visitante tiene una docena de pestañas abiertas en el navegador. Su favicon hará que su sitio web se destaque para que los visitantes puedan regresar rápidamente a su contenido.
Favikona también puede fortalecer su identidad de marca. Considere cuánto más memorable es su logotipo como favicon, en lugar de la imagen predeterminada que WordPress asigna a sus páginas.
Si aún no tienes un logo, no te preocupes. Con herramientas como Canva y Online Logo Maker, no necesita contratar a un diseñador de logotipos ni gastar una fortuna para crear un logotipo de alta calidad y aspecto profesional.
Una vez que esté satisfecho con su logotipo, puede subirlo a su sitio web. Si tiene la versión 4.3 o superior de WordPress, puede usar la función de ícono de sitio web incorporado para configurar su favicon. De lo contrario, puedes configurarlo manualmente.
Paso 7: personaliza tu pie de página
WordPress coloca automáticamente un pie de página de marca en su sitio que dice «Proudly powered by WordPress». Este pie de página predeterminado puede debilitar la identidad de su marca y hacer que su sitio web parezca poco profesional.
Para asegurarse de que cada centímetro de propiedad en su sitio sea compatible con su marca, puede crear un pie de página personalizado que incluya su logotipo, aviso de derechos de autor y un enlace a su política de privacidad. Dichos recursos ayudarán a los visitantes del sitio a identificar y confiar en su marca. Aquí hay un pie de página personalizado que refleja la personalidad de su marca mucho mejor que el pie de página predeterminado.
Hay varias formas de personalizar el pie de página. Puede cambiar la configuración del tema, actualizar el widget de pie de página, usar un complemento, corregir el código footer.php o usar el generador de temas del complemento.
Para obtener una guía paso a paso, consulte ¿Cómo edito o elimino un pie de página de marca en mi sitio de WordPress?.
Al seguir los pasos anteriores, puede tomar decisiones de diseño estratégicas que reflejen el propósito y la marca de su empresa. Esto ayudará a mejorar la credibilidad de su sitio web, atraer más visitantes y fortalecer la identidad de su marca.
