Diseñar un sitio web en WordPress está al alcance de todos, por eso hoy quiero darte unos tips o consejos para que tengas en cuenta.
Pero ten presente, siempre si crees que algo te parece que funcionará, pruébalo!
No te bases en lo que digan los demás, sino en tu propia experiencia 😉 y para ello hay que equivocarse, es parte del proceso…
Todo lo que exponga aquí por supuesto es bajo mi punto de vista pero con la intención de hacerte pensar a la hora de ir creando tu proyecto.
Tips para diseñar tu web
En estos tips mencionaré algunos aspectos más técnicos y otros más enfocados al diseño en sí mismo.
Mucho de lo que te contaré es lo he ido aprendiendo e implementando.
Ser curioso siempre digo que es una de las mayores ventajas que puedes tener, algo no sabes, busca, no entiendes, prueba, pero no te quedes quieto.
Este no es solo un consejo para diseño web sino para cualquier actividad que te propongas realizar 😉
Comenzamos?
Hosting y Dominio
Una vez que decidas tener tu sitio web, necesitarás saber donde lo alojarás y cual será el dominio o «nombre» que tendrá.
No escatimes en tu elección del hosting, te diré una frase muy trillada pero…
«lo barato sale caro«
Así que apuesta por un servicio bueno y con buen soporte, si no te manejas con el inglés y menos en cuestiones técnicas busca uno en castellano.
Ya sabes que si me preguntas, mis recomendaciones son Webempresa o Raiola Networks.
Y piensa bien el dominio, que sea fácil de recordar, de escribir y por supuesto defina tu proyecto.
Si vas a crear tu Marca Personal lo mejor será tu propio nombre 😉
Elegir un buen Tema
Para arrancar con el diseño lo primero será tener un tema sobre el cual trabajar.
Y es muy importante que busquemos uno que se adapte a nuestro proyecto o que nos permita personalizar de acuerdo a lo que queremos conseguir con nuestra web.
Puedes encontrar temas para todos los gustos y de todos los colores!
Este sitio por ejemplo lo tuve hecho con Bridge bastante tiempo y lo he podido personalizar de acuerdo a mi estilo, pero te repito, tienes muchísimos para ver, revisa, busca y si quieres probar alguno gratuito no tienes más que instalarlo y ver si es lo que buscas.
Ahora trabajo con DIVI, es una excelente opción o también puedes ver algunos otros Themes en Themeforest.
O bien Generate Press + Elementor en sus versiones PRO mucho mejor 😉
Haz tu sitio seguro
En principio utiliza el certificado SSL en tu web, busca un hosting que te brinde ese servicio, los que te he recomendado por supuesto lo tienen a tu disposición.
También genera contraseñas fuertes y cambia el acceso a tu panel de WordPress, aquí te indico más acciones.
Y si quieres saber más puedes ver este post de Raiola en Marketing and Web.
Diseño UX/UI
Haz que el sitio tenga un diseño en el cual la experiencia del usuario sea satisfactoria.
Ponte en sus zapatos, dale lo que necesita y genera una interfaz de fácil acceso a lo que el usuario precisa.
No hace mucho vi una web que estaba muy bien el diseño realizado en 360, pero realmente no era para nada pensado en el usuario que llegaría a ese sitio.
Llegas, todo muy lindo pero no sabes donde ir… y te cambia la cara…
Esto incluye muchos otros detalles que te detallo aquí debajo
Responsive
Que sea responsive ya es imprescindible! En un diseño web hoy en día es el primer punto que debe mirar.
Cada vez es mayor el número de usuarios que acceden desde su móvil así que olvídate de tener una web que no se adapte a cualquier dispositivo.
No incluyas música
Bueno, por suerte esto de poner música ya no se utiliza en casi ningún sitio pero nunca está de más recordarlo 😉
Es bastante molesto entrar a una página y que de golpe te salte música que encima muchas veces no sabes por donde apagar y ante esto qué haces?
Claro, te vas! Cierras y ya no regresas, sintiéndote aliviado….
Ten fotos de calidad
Lo visual en un sitio web es fundamental, así que invierte en un fotógrafo profesional para que las imágenes sean de calidad.
Si quieres utilizar fotos de bancos de imágenes, busca invertir en buenas fotos, recuerda que tu web será lo que vena tus clientes y no creo quieras dar una mala imagen.
No llenes de banners tu sitio
Si quieres puedes poner algunos, no digo que no, todos lo hacemos, pero hazlo en su justa medida.
Que el usuario entienda tu web y no crea que está por una calle comercial sin saber en qué negocio entrar.
Otro motivo por el cual puede querer salir corriendo y buscar otro sitio.
Que tu sitio «respire»
Qué quiero decir con esto?
Que dejes que cada fila de tu sitio respire, déjale un margen suficiente, que no quede el contenido «pegado«.
También intenta que sea igual la distancia que divide una fila de otra. Muchas veces debemos verlo visualmente ya que puedes colocar 100px en todos y a la vista uno necesitar 90px, dependerá de lo que vayas incluyendo, ya sea texto, botones, imágenes.
Optimiza las fotos
Este es un error bastante común, sobre todo cuando comienzas.
Las imágenes deben estar optimizadas para que la web cargue más rápido.
Además es innecesario tener una imagen inmensa si luego no se verá con la calidad que la has subido 😉
Aquí te cuento cómo optimizarlas paso a paso.
Carga de imágenes
Coloca el texto ALT y la descripción de las imágenes que subas a tu sitio.
Esto ayudará a que Google entienda de qué van esas imágenes y te ayude a posicionar.
Utiliza los colores coherentemente
Si ya tienes tu logo y tu imagen de marca creada, debes utilizar esos colores para tu sitio.
En caso de no tenerlos primero deberías realizar este paso para luego dar forma al sitio con tus colores corporativos.
Mi consejo es que elijas 2 o 3 colores con los cuales poder diseñar, para ello cuentas con un montón de herramientas que nos cuenta Max.
Fuentes
No, por Dios!
Intenta, al igual que los colores, tener definidas 2 o 3 fuentes como máximo para la construcción del sitio.
También cuida el tamaño que eliges y mantenlo en todo el sitio igual.
Utiliza un mismo tamaño para tus H1, H2, textos.
Claro que puede haber una variación pero que tenga un justificativo, que no sea algo que desentone en tu sitio y de una mala imagen.
Cuidar la ortografía
Hoy no tienes excusas!
Escribe en Word y verifica que todo esté bien, si tienes dudas el “mata burros” o sea el diccionario va a ayudarte, no escribas con errores ortográficos!
Controla los links
Muchas veces colocamos enlaces en nuestro sitio y pasa el tiempo sin que revisemos que todos sigan funcionando correctamente.
Esto puede ser una tarea engorrosa pero cuentas con una herramienta que te ayudará.
De vez en cuando tómate un tiempo y controla que tu web funcione correctamente.
Implementa buscador en el Blog
Sí, la típica “lupa” que ayude al usuario a encontrar lo que busca.
Esto es muy útil, a veces sé que quiero leer un post y no recuerdo la fecha o bien no tengo el tiempo de buscarlo en cada página, entonces utilizo el buscador que seguramente me dará el resultado que estoy buscando.
Colocar enlace a RRSS o para compartir
Recuerda que hoy las RRSS son fundamentales en una estrategia de marketing, así que coloca botones para que puedan seguirte y si tienes Blog también para compartir.
Es increíble pero en algunos Blogs no está tan fácil esta opción de compartir o seguir, lo cual me parece poco estratégico ya que creo todos queremos que nuestros contenidos lleguen a más personas de las que visitan nuestra web habitualmente.
Hazlo fácil al usuario 😉
Ten un buen menú de navegación
Te ha pasado entrar y tener tanto menú que no sabes para dónde ir?
Entiendo que muchos dicen que cuantos menos click haga el usuario es mejor, pero creo dependerá de cada proyecto.
Ya verás si es indispensable o mejor hacer algo claro aunque deben llegar con dos click en vez de uno 😉
Llamadas a la acción
Qué importante es esto!!!!
Para atraer a tus usuarios a realizar las acciones que quieras que realicen, utiliza botones de llamada a la acción que sean visibles, que resalten en tu web, claro tampoco te vayas a un color flúo… excepto tu marca lo requiera 😉
Formulario de contacto
Fundamental tener un Formulario de Contacto en tu sitio!
Puedes poner tu teléfono, incluso a la vista el email pero siempre es bueno contar con un medio desde la web para que se comuniquen contigo.
Debes verificar que funcione correctamente, me ha pasado volverme loca con un sitio ya que no lograba que funcionara, aunque parezca muy sencillo pruébalo!
Y por favor responde cuando alguien te escriba 😉
Manten la información actualizada
Nada peor que encontrarte con un sitio desactualizado, con información antigua y datos erróneos.
Pierde toda seriedad, pierdes confianza así que recuerda estar en estos detalles.
Longitud de los textos
Está muy bien que pongamos información, después de todo quienes nos busquen querrán saber de nosotros pero no sobrecargues con párrafos tus páginas.
Hoy en día puedes utilizar otros formatos con íconos y breve descripción de lo que haces o por qué trabajar contigo.
Ya nadie se detiene horas a leer, puedes incluso incrustar un video para hacer más fácil al usuario conocerte.
Brinda la información justa y necesaria.
Utiliza párrafos cortos
En tus post no abrumes al lector con párrafos largos, recuerda que se hace mucho más sencillo leer párrafos cortos y también resaltando en negritas los conceptos más relevantes.
Tu lector te lo agradecerá 😉
Diseño personalizado
Aunque estemos utilizando WordPress y temas o plantillas prediseñadas siempre puedes crear de manera diferente, no utilices la plantilla tal cual viene por defecto.
A pesar de tener una base te aseguro la puedes modificar por completo y no parecerse en nada a otra web que utilice el mismo tema.
Describe tus productos o servicios
Si bien más arriba hablamos de la extensión, es importante que no olvides que necesitas expresar lo que ofreces en tu web, ya sean productos o servicios.
Sé claro en lo que ofreces, si no quieres colocar precios pon un botón para que puedan contactarte, puede ser un formulario de contacto o incluso uno realizado en Drive o Typeform si necesitas que te den más información.
Integra una plataforma de email marketing – Formulario de suscripción
Desde que comiences con tu web integra un formulario de suscripción, claro si vas a ponerte en campaña para enviar información útil a quienes se suscriban.
No solamente es la venta lo que debe importarte, sino lograr que esa persona confíe en ti, que conozca lo que eres capaz de aportar y hacer.
Hoy cuentas con herramientas excelentes!!
Descarta los pop up
Sí, lo sé, están por doquier! Pero dime, no te resultan molestos, intrusivos?
Creo que para captar leads puedes tener otras estrategias.
En caso de incluirlos por favor no hagas que salten ni bien se ingresa a la web, imagínate que ni pudiste leer una palabra y zas! Suscríbete!
Mapa
Si quieres que te localicen puedes utilizar un Mapa interactivo, está muy bueno!
Pero si ves que tu web se relentiza, lo mejor será poner una imagen del mapa y listo!
Legales – Acceso a política de cookies y de privacidad
Siempre ten visibles las páginas legales y de cookies, que sea fácil a los usuarios que visiten tu web acceder a ellas.
Generalmente van en el pie de páginas. Incluso la política de Cookies las avisas al ingresar el usuario a tu web, quien puede aceptarlas o no.
Los textos legales son fundamentales en tu web, mucho más si tienes intenciones de trabajar con clientes de la Unión Europea. Por eso te recomiendo que adquieras los Kits Legales de Marina Brocca, echa un vistazo, son excelentes y te ayudan a tener tu web según indica la RGPD.
Controlar velocidad de carga
Este factor es fundamental ya que el usuario no va a detenerse a esperar que cargue tu web, así que busca la manera de optimizarla.
Si quieres saber cómo optimizar la velocidad de carga puedes ver este post de Rubén.
Además…
No llenes de plugins innecesarios
Está muy bien instalar plugins que cumplan con funcionalidades que necesitas, pero no exageres, revisa muy bien y no sobrecargues tu web.
Hay algunos básicos que no podrás evitar 😉
SEO y Palabras Claves
Aspecto que no deberás descuidar si quieres posicionar en buscadores y que te llegue tráfico orgánico.
Tendrás que tener en cuenta el SEO on page y el SEO off page.
Instala Google Analytics
No importa si le darás mucho o poco uso, de a poco irás viendo el crecimiento de tu sitio con esta herramienta que nos brinda Google de manera gratuita.
Seguramente en algún momento quieras evaluar el crecimiento que has tenido y lo mejor es que lo implementes desde el comienzo.
Crea tu cuenta en Search Console
Será importante para conocer el estado de indexación de tu web, aquí te dejo un tutorial de Rafa 😉
Entrevista con Ximena Jaramillo
Conclusión
Creo que te he dejado varios tips para tener en cuenta a la hora de ponerte a crear tu web, pero seguramente alguno me quedó en el tintero… te animas a ayudarme? Déjame tu comentario 😉
Por otro lado si bien hacer una web con WordPress puede parecer sencillo, te aseguro hay mucho por aprender, así que si no es lo tuyo mi recomendación es que contactes con alguien que se dedique a ello y te ahorrarás algunos dolores de cabeza.
Y recuerda que siempre en mi página Recursos, te dejo mis recomendaciones.
Nos vemos pronto! Que tengas buen día!
Gracias Giphy!
Madre. Consultora de Marketing Digital y Diseñadora web. Enamorada del Marketing Digital y las acciones que pueden hacer crecer tu negocio de manera online. En el Blog encontrarás información sobre ello, WordPress y diferentes herramientas que te serán útiles para tus proyectos digitales.
Hola geniales tips para mejorar nuestras páginas web! Gracias!
Gracias Ashe, saludos 😉
Excelentes ideas, personalmente para el diseño de mi página web trabaje con una empresa española, y hasta el momento ya hace 2 años, nunca he tenido problemas ni saturaciones en mi página.
Hola Karla! Qué bien, seguramente cuentas con un buen hosting ya que eso depende más del servidor. A mis clientes también siempre les aconsejo trabajar con buenos hostings para evitar inconvenientes o caídas de la web. Gracias por dejar tu comentario 😉
¡Hola Valeria! Muchas gracias por estos tips tan refrescantes. Comentarte que me parece una excelente colección de puntos. También trabajo con WordPress, principalmente conjuntamente con Astra y Elementor, y siento que ofrece mucha flexilidad en cuanto al diseño y a la funcionalidad.
¡Saludos!
Hola Orlando!! Qué bien, realmente Elementor funciona excelente también para diseñar con WordPress. Muchas gracias por pasarte a dejar tu comentario, brazos!!
Hola María Valeria
Acabo de descubrir tú blog y estaba buscando cómo suscribirme.
Según dices: «Es increíble pero en algunos Blogs no está tan fácil esta opción de compartir o seguir, lo cual me parece poco estratégico ya que creo todos queremos que nuestros contenidos lleguen a más personas de las que visitan nuestra web habitualmente.»
Pues yo no encuentro la manera en tú web.
Gracias por los valiosos contenidos que compartes. Un saludo desde la tierra de don Quijote
Hola Joaquín!! En principio gracias por tu comentario!! Te cuento que compartir está al alcance al inicio y final del post y suscribirte está en medio del post y en el sidebar, igualmente tomaré tu comentario para mejorar, gracias!! 😉 Abrazos!!
Enhorabuena por el artículo María Valeria.
Muy buenos consejos. Al principio pensaba que era uno de tantos, pero empecé a leerlo y me dí cuenta que hay saber y utilidad en poco texto, lo que se agradece especialmente.
Fácil de entender y organizado y excelente checklist. Coincido por completo con los anteriores comentaristas.
Un saludo.
Hola Tomás!! Qué gusto tenerte por aquí y mil gracias por tus palabras!! Me alegro que lo veas útil ya que eso intento en cada post, además de hacerlo de una manera amena, saludos y que tengas excelente día!!
¡Hola María Valeria!
Menudo pedazo de resumen completísimo que te has marcado. Además, da gusto leerlo: fácil de entender, de leer y muy bien organizado.
Muchas gracias por incluir nuestro artículo sobre cookies. ¡Un lujo!
Te mandamos un abrazo todo el equipo.
Ah bueno, qué lujazo tener a Ensalza aquí!!
Gracias chicos por sus palabras y saben que sus post me fascinan!!
Les mando abrazos a todo ese equipazo!!!
¡Qué buen artículo María Valeria! Es un excelente checklist de todos los puntos que se deben tener en cuenta a la hora de disponer de un sitio web de calidad. ¡Me lo guardo en los favoritos para revisarlo periódicamente! 🙂
En mi opinión, otro detalle que también es muy importante, es que estén bien definidas las categorías de los artículos; y además, que esas categorías sean fácilmente accesibles: bien como lo tienes tú en la barra lateral o como submenús en el menú principal. Es algo también me ayuda a encontrar fácilmente la información en que estoy buscando o a seguirla de forma periódica.
Hola Oscar!! Gracias por tu feedback y el aporte!! Tal cual, cuanto más fácil lo hagamos al usuario mucho mejor!! Me encanta que entre todos sumemos, igual siempre hay que saber que no todos los proyectos son iguales, pero tiene en común el facilitar los accesos 😉 Besos y muy buen finde!!