Unlimited PowerPoint templates, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Business
  2. Web Design

Cómo Elegir una Plantilla de Sitio Web (¿Cuál Es La Mejor Para Tu Sitio?)

by
Length:LongLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Elegir una plantilla de sitio web es una decisión importante para cada propietario de negocio. Hay muchísimas cosas a considerar; desde el tipo de sitio web que quieres crear, y diferentes prestaciones y opciones de personalización, hasta el presupuesto y tu nivel de experiencia con la edición de plantillas.

Es completamente natural sentirse agobiado cuándo se trata de elegir la plantilla correcta para tu sitio web. Con ello en mente, nos reunimos en éste tutorial para identificar los pasos necesarios para elegir la mejor plantilla de sitio web.

Cómo Elegir una Plantilla

Antes de elegir una plantilla de sitio web, hay un par de puntos clave que necesitas tomar en consideración:

1. ¿Qué Tipo de Sitio Web Quieres Crear?

Una plantilla de sitio web determina la estructura, funciones de su sitio y cómo se visualizará. ¿Estás creando un sitio web de una sola página o necesitas varias páginas que incluyan galerías, mapas o videos?

Deberías también tener en cuenta tu industria y tu nicho para elegir la mejor plantilla. Una plantilla creada con fotógrafos en mente no será adecuada para un negocio de contabilidad y viceversa.

2. ¿Qué Tipo de Maquetado y Diseño Encaja con Tus Necesidades?

El maquetado y diseño determinan cómo la información será estructurada cuándo creas un sitio web. Hay cinco puntos de diseño y usabilidad claves a considerar cuándo se trata de elegir la adecuada plantilla de sitio web:

  • diseño de la anchura del contenido
  • maquetado de la cabecera
  • diseño de la navegación
  • colocación del logo
  • usabilidad general y experiencia de usuario

Diseño de la Anchura del Contenido

La mayoría de las plantillas de sitios web ofrecen hoy dos tipos de anchura de contenido: anchura completa y anchura del contenedor principal 

Un diseño de anchura completa es cuándo la imagen de fondo se estira a la anchura total de la pantalla de tu computadora. Maquetados de anchura completa son muy populares y funcionan bien para plantillas responsivas para dispositivos móviles y sitios web con muchos gráficos. Hablando en términos generales, son considerados más creativos y modernos.

La Plantilla Canvas HTML5 tiene un hermoso diseño de anchura completa (nota cómo la imagen de la cabecera abarca la anchura total del lienzo de extremo a extremo):

Example of a full-width layout
Plantilla de Sitio Canvas - Ejemplo de un maquetado de anchura completa.

Anchura de contenedor principal es cuándo tu contenido tiene un marco visible al lado izquierdo y al lado derecho de la pantalla. Éste tipo de maquetado es más adecuado para sitios web oriendados a negocios porque se siente más tradicional y profesional. El Tema de WordPress Brandon tiene una opción de diseño de contenedor principal:

Example of a boxed-width design
Plantilla de WordPress Brandon - Ejemplo de un maquetado de anchura de contenedor principal.

Maquetado de la Cabecera

La cabecera es generalmente lo primero que tus visitantes verán cuándo visitan tu sitio web. Existen muchos diferentes tipos de maquetado de cabeceras y pueden ir desde una sencilla imagen de logo y navegación principal a encabezados que contienen rotadores de imágenes, videos, una imagen con texto superpuesto, etc.

Elegir el tipo adecuado de cabecera es más una decisión orientada al objetivo en lugar de una decisión de diseño. La cabecera de tu sitio web debería comunicar exitosamente el mensaje central de tu negocio a tus visitantes.

Usar una imagen cautivadora para crear una fabulosa experiencia visual funciona bien para negocios como hoteles, restaurantes o spas.

Si por otro lado, tu tipo de negocio podría ser difícil de explicar únicamente con imagen, deberías elegir un diseño de cabecera que incorpora una imagen con un texto superpuesto. Asegúrate de incluir tu titular, un párrafo de soporte o tu lema, y una llamada a la acción en la superposición.

Éste también es el tipo más usado de diseño de cabecera, que es mostrado abajo en la Plantilla de WordPress Foundry:

Foundry WordPress Theme
Tema de WordPress Foundry - Ejemplo de una cabecera de sitio con un prominente texto superpuesto.

Asimismo, si tu negocio ofrece más de un servicio o si tu abasteces a diferentes audiencias, usar un encabezado con rotador de imágenes puede ser una excelente forma de mostrar todo lo que tienes para ofrecer de manera organizada. La Plantilla de Sitio Porto muestra una cabecera con rotador de imágenes en acción abajo:

Porto Site Template
Tema de Sitio Web Porto - Ejemplo de un sitio con un diseño de cabecera con rotador de imágenes.

Los encabezados que presentan un video, por otro lado, pueden trabajar extremadamente bien para la mayoría de los microempresarios cuándo se hacen correctamente. Pueden ser una herramienta de mercadotecnia poderosa, dando a tu marca un sentido más personal, y explicando la misión de tu negocio de una manera interesante.

Diseño de Barra de Navegación

Tu navegación es la herramienta primaria que guiará a tus visitantes por tu sitio web. Tu barra de navegación debería ser limpia y sencilla, con un color de fondo que sea fácil a la vista. Tus páginas deberían ser puestas en orden de importacia de izquierda a derecha y deberían incluir únicamente las páginas esenciales. Páginas de soporte deberían agregarse como elementos del menú desplegable más bien que incluirse en el menú principal.

La posición de tu barra de navegación también es importante. Un menú de navegación superior horizontal es un diseño clásico y uno al que la mayoría de la gente está acostumbrada.

Si tus páginas son muy largas, entonces deberías considerar usar una barra de menú que esté permanentemente fija en la parte superior de la página no importa qué tan abajo tus visitantes se desplacen.

Si tu sitio web va a tener muchos gráficos, considera usar una barra de navegación vertical que es particularmente efectiva si tus elementos del menú tienen largos títulos o si tienes muchas pestañas.

Otra opción para sitios con muchos gráficos es el menú de navegación horizontal en la parte de abajo que pone el foco principalmente en el contenido y elimina las distracciones visuales. Éste tipo de menú también funciona bien si el objetivo primario de tu sitio web incluye una llamada a la acción como un registro mediante correo electrónico o comprar en tu tienda online.

Colocación del Logo

La colocación de tu logo dice mucho  de las metas de tu negocio. Un logo colocado en la misma línea de tu navegación principal funciona bien para negocios que están más enfocados en sus productos y servicios y ponen menos importancia en la marca. Son más adecuados para compañías que sirven al mercado negocio-a-negocio (B2B).

Un logo centrado, ya sea abajo o arriba de la navegación principal, funciona bien para negocios enfocados en crear una identidad de marca y es más comúnmente popular con negocios minoristas.

Usabilidad General y Experiencia de Usuario

Por último pero no menos importante, deberías considerar la usabilidad general y la experiencia de usuario de la plantilla de sitio web. Teniendo en mente los puntos mencionados arriba, tu plantilla de sitio web elegida no únicamente debería tener un diseño atractivo, debería tambien satisfacer tus requerimientos. De manera más importante, debería incluir diseño responsivo y amigable con los dispositivos móviles, cargar rápidamente e incluir optimización para SEO.

3. Prestaciones y Personalización

Plantillas de sitios web más modernas permiten algún nivel de personalización para combinar con tu marca. Las opciones de personalización van desde selección de color y fuente y agregar el logo de tu compañía hasta agregar multimedia y crear un maquetado personalizado.

Ten en mente que la personalización de una plantilla de sitio web debería realzar la plantilla, no requerir un completo rediseño.

Las plantillas de sitio web también ofrecen una amplia variedad de prestaciones  ya sea para un nicho muy específico como incluir un formulario de reservación o una galería de fotos para características muy generales que pueden usarse en una gama de nichos.

Considera que características necesitas de la plantilla de tu sitio web y elimina todas las plantillas con prestaciones que no necesitas y nunca utilizarás.

4. Soporte al Cliente y Consideraciones de Presupuesto

No importa qué tan "sencilla de usar" o "fácil de actualizar" afirmen ser las plantillas de sitios web, deben ser soportadas por un desarrollador de plantillas que ofrezca soporte si te topas con problemas. Elige una plantilla cuyo diseñador claramente señale que ofrecen soporte al cliente vía telefónica, correo electrónico, o mediante chat online para que tu factiblemente tengas tu sitio instalado y listo para verse tan rápido como sea posible.

Algunos de nuestras plantillas vienen con soporte durante 6 meses que incluye:

  • Responder a preguntas sobre cómo usar la plantilla.
  • Responder preguntas técnicas sobre el artículo (y los incluídos recursos de terceros) como preguntas específicas sobre las características y funcionalidad del artículo, proporcionar guía sobre la forma de que el artículo fue diseñado, ayudarte con temas relacionados al uso del artículo y sacar el mayor provecho de su funcionalidad, etc.
  • Ayuda con defectos en el tema o en recursos de terceros incluídos como errores y problemas menores del artículo.
  • Actualizaciones del artículo para asegurar la vigencia de la compatibilidad y resolver vulnerabilidades de seguridad.

Nuestro soporte no proporciona personalizaciones de temas, instalación del artículo, hosting, entorno de servidor o software, y ayuda de los autores de los recursos de terceros incluídos. Para servicios de personalización o instalación que te ayudarán a modificar la plantilla a tus necesidades específicas, recomendamos consultar los el servicio profesional de proveedores y desarrolladores en Envato Studio.

Tipos de Plantillas

Hay dos principales tipos de plantillas de sitios web que deberías considerar para el sitio de tu negocio. Esas son plantillas estáticas o HTML y plantillas de WordPress. Veamos más detenidamente las dos.

1. Plantillas Estáticas

Plantillas de sitios web estáticos se refieren a plantillas que usan predominantemente una combinación de HTML y CSS para mostrar el diseño y el contenido de tu sitio web, y JavaScript para agregar prestaciones adicionales como un rotador de imágenes o formulario de validación.

Plantillas de sitios estáticos tienen su propio conjunto de pros y contras.

Pros de la Plantilla de Sitio Web Estático

  • De Poco a Ningún Mantenimiento - Una vez que tu sitio web está en la red, no hay necesidad de instalar ninguna actualización o ejecutar respaldos regulares. En la mayoría de los casos, el respaldo inicial es más que suficiente.
  • Requerimientos Bajos - Ya que las plantillas estáticas no usan PHP o una base de datos como MySQL, pueden ejecutarse en un servidor más barato con pocos recursos necesarios lo que disminuye los costos de alojamiento.

Contras de la Plantilla de Sitio Web Estático:

  • Sin Actualizaciones - A menos de que estés familiarizado con HTML/CSS, las plantillas de sitios web estáticos pueden ser muy difícil de actualizar para los principiantes que a menudo se traduce en la contratación de un desarrollador aún para tareas sencillas.
  • Sin Prestaciones Adicionales - Si tu negocio crece y quieres agregar una prestación a tu sitio web como una tienda, tendrás que contratar a un desarrollador para hacer ésto por tí.
  • Costos - Aunque las plantillas de sitios web son muy accesibles, pueden rápidamente demostrar que son muy caras si requieres muchos cambios y actualizaciones.

Ahora que sabes los pros y los contras de las plantillas de sitios web estáticos, vale la pena mencionar cuándo una plantilla de sitio web estático representa una elección inteligente.

Una plantilla de sitio web estático es una perfecta elección si estás completamente seguro de que no querrás actualizar, cambiar, o agregar nada nuevo a tu sitio web o si sabes cómo codificar y puedes fácilmente realizar tu mismo cambios en tu sitio web. Similarmente, si no tienes el tiempo ni los recursos para desarrollar contenido para un blog de negocios, entonces una plantilla estática es una mejor elección.

Aquí está una popular plantilla de sitio web estático - Pillar, que tiene un constructor de páginas integrado para ayudarte a elaborar una variedad de sitios html:

Pillar Website Template
Plantilla de Sitio Web HTML Pillar Con Constructor de Páginas - disponible en Envato Market.

2. Platillas de WordPress

WordPress es un Sistema de Gestión de Contenidos (CMS)

Un CMS como WordPress está construído con el lenguaje de programación PHP y MySQL para la base de datos, que contiene todos tus datos. Esos datos luego son mostrados dinámicamente en el front-end de tu sitio web a través de HTML/CSS y Javascript.

Así, existen más componentes integrados en una plantilla de WordPress en comparación con una sencilla plantilla de sitios. Tu accesas a todos esos componentes y a la configuración de tu sitio a través de la interfaz de WordPress, así como agregar plugins y gestionar tu sitio. La ventaja más grande de cualquier CMS es la capacidad de actualizar tu sitio web desde una interfaz amigable con el usuario.

Habiendo dicho ésto, veamos los pros y los contras de usar WordPress.

Pros de Usar WordPress

  • Fácil de Actualizar - Gracias a una interfaz de usuario intuitiva, WordPress hace fácil crear o actualizar páginas en tu sitio.
  • Plantillas Profesionales - Hay miles de plantillas listas para usarse que puedes utilizar en tu sitio y la mayoría de éstas plantillas incluyen una interfaz amigable al usuario que te permite cambiar los colores, las fuentes, el maquetado, y mucho más con sólo un par de cicks del mouse.
  • Increíblemente Poderoso - WordPress tiene una enorme librería de plugins que te permiten extender más la funcionalidad de tu sitio web, como: agregar un formulario de contacto, agregar un sistema de reservaciones, agregar una galería de fotos y más.

Contras de Usar WordPress

  • Curva de Aprendizaje - Mientras que WordPress es fácil de usar, toma un tiempo para la mayoría de los principiantes familiarizarse con el software. Sin embargo, la internet está llena de útiles recursos centrados específicamente alrededor de WordPress.
  • Mantenimiento - Si usas WordPress, es extremadamente importante mantenerlo actualizado, así como cualquier tema o plugin que tengas instalados. Puedes hacer ésto tu mismo o usar un proveedor de hosting para WordPress que se encargará de ésto por tí.

Aquí está el tema de WordPress más popular en Envato Market (Avada), por su diseño flexible y opciones cargadas de prestaciones:

Avada WordPress Template
Avada es el tema de WordPress más vendido en Envato Market.

WordPress es una magnífica elección si quieres ser capaz de actualizar tu sitio web fácilmente cuándo quieras. Si planeas usar mercadotecnia de contenidos como tu estrategia para el crecimiento de tu negocio, entonces WordPress tiene mayor sentido aún porque te permite comenzar un blog de negocios y hacer crecer tu lista de correo electrónico sin esfuerzo.

Aprende cómo instalar un tema de WordPress, comienza un blog de negocio y descubre más sensacionales temas de WordPress para negocios.

Selecciona la Plantilla de Sitio Web Adecuada

Las plantillas de diseño web y temas de WordPress pueden ahorrarte tiempo dinero y esfuerzo cuándo creas un sitio web. Elegir la plantilla adecuada para tu sitio depende de numerosos factores, muchos de los cuáles cubrimos en éste post.

Tu seguimiento a las pautas debería ser elegir uno que tenga un diseño atractivo, magnífica usabilidad e incluya todas las características que necesites. De esa forma, puedes concentrarte en hacer crecer tu negocio, en lugar de ocupar mucho de tu tiempo a sólo hacer funcionar tu sitio web.

Asegúrate de consultar la oferta completa de plantillas de sitios en Envato Market para opciones aún más profesionales.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.