Los sitios web bien diseñados son fundamentales para los esfuerzos de marketing de una empresa; No solo aumentan el conocimiento de la marca, sino que también aumentan las ventas con promociones atractivas, mensajes claros y llamamientos a la acción convincentes. Para asegurarse de que el diseño de su sitio web para pequeñas empresas sea efectivo, incluya una marca fuerte, palabras clave específicas de la industria, contenido educativo y un camino claro para comprar sus productos / servicios.
El diseño es solo una parte del éxito de un sitio web. Para garantizar que los visitantes utilicen su sitio sin interrupción, es fundamental que tenga un host de sitio confiable como Bluehost. No solo garantizan un 99,9% de tiempo de actividad, sino que son un host recomendado para WordPress, el creador del sitio en el que nos centramos. Obtenga su propia cuenta de Bluehost con cinco direcciones de correo electrónico gratuitas y un dominio gratis hoy por menos de $ 3 al mes.
Visita a bluehost
Aquí es cómo diseñar un sitio web en 10 pasos:
1. Configurar el alojamiento web
Antes de poder diseñar su sitio web, necesita un alojamiento web seguro. Los proveedores de alojamiento web proporcionan servidores donde puede almacenar todo el contenido de su sitio web, accesible a través de un dominio como www.yourbusiness.com. Si bien hay varios hosts disponibles, recomendamos Bluehost; Es fácil de usar y cuesta solo $ 2.95 por mes. Para configurar el alojamiento, visite Bluehost.com, elija su plan y nombre de dominio, complete la verificación y habilite su certificado SSL gratuito.
Elija su plan de alojamiento web
Vaya a Bluehost.com, luego haga clic en el botón "Comenzar" en el centro de la pantalla. Allí verá los tres planes para elegir: Basic, Plus y Choice Plus. Todos los planes vienen con ancho de banda sin medidor para tráfico ilimitado en el sitio web, un nombre de dominio gratuito, un certificado SSL gratuito, una garantía de tiempo de actividad del 99.9%, asistencia al cliente gratuita y copias de seguridad automáticas.
La mayoría de las pequeñas empresas que recién comienzan encontrarán que el plan básico básico se adapta a sus necesidades. El plan incluye alojamiento para un sitio web, 50 GB de almacenamiento y cinco direcciones de correo electrónico personalizadas gratuitas. Aquellos que necesitan más almacenamiento, para manejar grandes archivos multimedia en su sitio web, deben considerar el plan Plus para almacenamiento ilimitado. Después de elegir el plan adecuado para usted, haga clic en "seleccionar".
Planes de alojamiento web de Bluehost comparados
Elija su nombre de dominio (si corresponde)
En la siguiente pantalla, se le solicitará que agregue un dominio existente a su sitio o que registre uno nuevo. Un dominio es la URL de su sitio web, como www.yoursite.com. Todos los planes de Bluehost incluyen un nombre de dominio gratuito, por lo que si aún no tiene un dominio, agregue un dominio que desee en el campo "nuevo dominio", luego haga clic en "siguiente". Si su nombre de dominio deseado está disponible, Ser notificado en la siguiente pantalla. También puede consultar la disponibilidad utilizando el widget a continuación.
Por ejemplo, si su empresa se llama Joe's Pizza y www.joespizza.com no está disponible, intente en www.josepizzaboston.com. Sin embargo, evite usar palabras que normalmente no están asociadas con su industria.
Además, asegúrese de seleccionar una extensión adecuada, que es el indicador de categoría comercial de tres letras que sigue al período. En general, se recomienda a las empresas que utilicen la extensión .com para su URL (que significa "comercial").
Elija su nombre de dominio con Bluehost
Después de encontrar un nombre de dominio que esté disponible, se lo llevará a la página de pago. Aquí, ingrese su información personal y de contacto, confirme que el plan de alojamiento sea correcto, ingrese la información de pago y haga clic en el botón "enviar" en la parte inferior de la página.
Página de pago del plan de alojamiento web de Bluehost
La siguiente página será su página de confirmación. Haga clic en el botón "Establecer contraseña" en la parte inferior para crear la contraseña de su cuenta y acceder a su cuenta de Bluehost.
Página de confirmación de alojamiento web de Bluehost
2. Inicia sesión en WordPress
Hay muchos constructores de sitios diferentes disponibles en Internet, desde WordPress hasta constructores de arrastrar y soltar, como Weebly y Wix. Si bien los constructores de arrastrar y soltar son más fáciles de usar, los sistemas de administración de contenido (CMS) como WordPress ofrecen innumerables opciones de personalización; por ese motivo, usaremos WordPress como ejemplo en pasos posteriores. Para configurar su sitio con WordPress, use la opción de instalación con un solo clic en su cuenta de Bluehost.
Desde el panel de control de Bluehost, tendrá la opción de "Iniciar sesión en WordPress". Haga clic en este botón para activar la instalación de WordPress con un solo clic.
Panel de cuenta de Bluehost
Después de iniciar sesión en WordPress a través de Bluehost, será llevado a su nuevo panel de administración de WordPress. Aquí es donde diseñará y construirá su sitio web de WordPress.
Pantalla de inicio de WordPress admin
3. Seleccione e instale un tema
Los temas de WordPress son plantillas prediseñadas que permiten a los usuarios agregar o modificar el contenido del sitio web fácilmente. Dependiendo del tema, hay opciones significativas de diseño y personalización de contenido disponibles. WordPress viene con cientos de temas gratuitos, que se pueden encontrar al desplazarse sobre "Apariencia" en el menú de la izquierda en el panel de WordPress, luego hacer clic en "Temas".
Cómo encontrar temas de WordPress
Desde la página "Temas", haga clic en la pestaña "Temas de WordPress.org" en el menú horizontal para explorar todos los temas de WordPress gratuitos disponibles. Alternativamente, haga clic en "Temas Premium" para temas pagados o "Cargar" si ha comprado un tema por separado.
Navega temas de WordPress gratis
La página de temas de WordPress organiza todos los temas en cinco categorías principales, a las que se puede acceder desde el menú horizontal superior: Destacados, Popular, Últimos, Favoritos y Premium. Puede navegar por los temas haciendo clic en estos enlaces de categoría, o haciendo clic en "Filtro de funciones" y seleccionando la funcionalidad del tema que es fundamental para su negocio, como reservas y programación en línea, menús, páginas de servicios, capacidades de comercio electrónico y más.
También puede buscar todos los temas disponibles por palabra clave; simplemente escriba su frase de búsqueda en el cuadro "Buscar temas …" en la parte superior derecha de la pantalla. Los temas coincidentes se llenarán a continuación. Elija el tema que mejor se adapte a las necesidades de su negocio; Si bien la mayoría de los temas ofrecerán muchas opciones de personalización que pueden usarse cuando su negocio crezca, es importante mantener al mínimo la personalización en las etapas iniciales para que pueda obtener su sitio en vivo rápidamente.
Buscar temas de WordPress
Cuando encuentre un tema que cree que podría ser de su interés, pase el cursor sobre el tema y seleccione la opción "Vista previa". Esto abrirá una ventana de vista previa en vivo que muestra cómo se ve y funciona el tema del sitio web. Después de elegir el tema que desea utilizar, haga clic en "Instalar" y luego en "Activar" en la esquina inferior derecha.
Activar un tema de WordPress
Los constructores de arrastrar y soltar ofrecen temas similares que puede editar con bloques de contenido personalizados. Por ejemplo, Weebly ofrece docenas de temas categorizados por tipo de negocio o función, y Wix ofrece cientos de plantillas con funciones fáciles de agregar como chat en vivo y módulos de inicio de sesión para miembros. Visite sus sitios web para aprender más.
4. Personaliza la apariencia de tu sitio web
El siguiente paso para diseñar su sitio web es personalizar la apariencia de los elementos universales del sitio, o los elementos de su sitio que aparecen en todas las páginas. Estos incluyen el título de su sitio, el fondo, la combinación de colores, el menú, el encabezado y el pie de página. Para personalizar estos elementos, vaya a "Apariencia" y haga clic en "Personalizar". Desde allí, tendrá la opción de personalizar cada uno de estos elementos. Para obtener orientación e inspiración, lea nuestro artículo sobre las mejores ideas de diseño de sitios web.
Añadir título y lema
La identidad de su sitio está compuesta por el título y el lema del sitio web, así como el logotipo y el icono. El título aparece en cada página, mientras que el lema aparece a menudo debajo del título en la página de inicio. Ambos aparecen en las pestañas del navegador. Para agregar su título y lema, vaya a la pestaña "Apariencia" en su panel de WordPress y luego haga clic en "Personalizar". Seleccione la pestaña "Identidad del sitio" en las opciones del menú.
Personaliza la apariencia en WordPress.
Ingrese su "Título del sitio" y "Lema" en los cuadros de texto correspondientes. Normalmente, el título de su sitio será el nombre de su empresa y su eslogan será un breve eslogan o descripción de su empresa que identifique rápidamente lo que hace su empresa.
Por ejemplo, una clínica dental en Raleigh llamada Raleigh Family Dental probablemente usaría "Raleigh Family Dental" como su título y algo así como "Nuestra práctica dental es nuestra familia" como su lema. Las líneas de etiqueta deben ser cortas (ocho palabras o menos), transmitir su misión o filosofía empresarial e incluir una o dos palabras clave de la industria para ayudar a su sitio a ubicarse en los resultados de búsqueda. En el ejemplo anterior, "práctica dental" es la palabra clave dirigida.
Cómo ingresar un eslogan en un sitio web de WordPress
Suba su logotipo como su Favicon
A continuación, suba un icono de sitio, también conocido como favicon. Este es el pequeño gráfico que aparece junto al título de un sitio en la barra del navegador. El gráfico ayuda a los visitantes del sitio web a identificar rápidamente la pestaña del navegador de su sitio entre muchas de las que están abiertas al mismo tiempo. Cargue su favicon yendo a "Apariencia", seleccionando "Personalizar", luego "Identidad del sitio". Desde allí, haga clic en "Seleccionar imagen" para cargar su favicon. Su imagen debe estar en formato JPEG, GIF o ICO.
Si no tiene un logotipo, cree uno o contrate a un diseñador gráfico para crear uno para usted. Aquellos que no tengan una gran experiencia en diseño probablemente querrán subcontratar a los profesionales para asegurarse de obtener un logotipo profesional de alta calidad. Recomendamos contratar un diseñador gráfico de Fiverr, que cuesta tan solo $ 5.
Ejemplos de iconos de sitio
El tamaño del icono de su sitio debe ser de al menos 512 × 512 píxeles. Recuerde que el icono aparecerá como un cuadrado, así que asegúrese de que su icono no sea un rectángulo o se cortará o será demasiado pequeño para verlo.
Además, tenga en cuenta que los iconos del sitio suelen estar en un fondo transparente para que no haya fondo en el icono. Puede eliminar su fondo usando una herramienta de edición en línea gratuita como LunaPic, donde puede cargar su ícono, hacer clic en el área de fondo que desea eliminar y luego descargar una nueva versión de su ícono con un fondo transparente.
Cómo subir un favicon al sitio web de WordPress
Personalizar fondo, fuentes y colores
Los fondos de encabezado y de página, las fuentes y los colores se muestran en cada página web y se personalizan por separado de los elementos de identidad del sitio. Configure el color del encabezado de su sitio web haciendo clic en la pestaña "Colores" debajo de "Personalizar". Luego, seleccione el color que desea que sea el texto del encabezado de su sitio web. Haga clic en "Publicar" en la esquina superior derecha de la pantalla para guardar los cambios.
Cómo actualizar los colores en un sitio web de WordPress
Para cambiar el color general del fondo de la página, regrese al menú principal del panel de control, haga clic en "Apariencia", luego haga clic en "Personalizar" y seleccione la pestaña "Opciones generales". A continuación, seleccione la opción "Estilo general". Elija el esquema de color de su sitio y las fuentes. Notará que hay varias opciones: puede cambiar el color de fondo estándar, agregar una imagen de fondo y cambiar el color del enlace estático, así como el color de los enlaces cuando los visitantes se desplazan sobre ellos.
Se recomienda que sus colores coincidan con su marca, así que considere los colores en su logotipo existente cuidadosamente antes de seleccionar los colores de fondo y de enlace. Además, se recomienda que elija un color de fondo que no distraiga o que dificulte la lectura del contenido del sitio. Si bien puede cargar una imagen como fondo, se recomienda mantener un color sólido.
Cómo cambiar el color de fondo en un sitio web de WordPress
Para cambiar la fuente, vuelva al elemento de menú "Personalizar" en "Apariencia" y seleccione la pestaña "Tipografía". Aquí, cambia cualquier fuente y estilo para que coincida con la estética de tu marca. Asegúrese de mantener las fuentes coherentes y legibles en todo el sitio. Después de hacer todas las selecciones y cambios de diseño, haga clic en "Publicar" en la esquina superior derecha de la pantalla para guardar los cambios.
Cómo cambiar la tipografía en WordPress
5. Construye tus páginas web
Cada sitio web se compone de páginas, que albergan contenido temático o categorizado. Por ejemplo, el sitio web de una empresa de paisajismo podría tener las páginas de "Contacto", "Acerca de nosotros" y "Servicios de jardinería".Cada página se crea por separado, lo que se hace haciendo clic en "Páginas" en el menú de la izquierda y luego seleccionando "Agregar nuevo". Después de construir sus páginas, seleccione cuál servirá como su página de inicio.
Crear páginas
Para crear una nueva página, vaya a su panel de WordPress y seleccione "Páginas" en el menú vertical de la izquierda. Luego haga clic en la opción "Agregar nuevo". Agregue el título de su página; este es el nombre de su página web, que se mostrará en el menú del sitio y en la parte superior de la página.
Cómo agregar páginas a un sitio web de WordPress
Continúa agregando páginas repitiendo este proceso. Crea una página para cada categoría de contenido que necesites. Debe crear una página de inicio, a menudo titulada "Inicio", y también se recomienda que cree páginas para almacenar información comercial básica, como "Quiénes somos", "Contáctenos" y "Productos / Servicios".
Administrar páginas de WordPress
Actualizar la configuración de la página de inicio
Después de crear su página de "Inicio", debe decirle a WordPress que es la página que desea usar como su página de inicio, o la página que los visitantes ven cuando escriben su nombre de dominio. Para hacer esto, vaya a "Apariencia", luego a "Personalizar", y finalmente, a la opción "Configuración de la página de inicio". Primero, cambie la opción "Su página de inicio muestra" a "Una página estática". Luego, use el menú desplegable para seleccionar qué página debe servir como su página de inicio.
Cómo seleccionar tu página de inicio en WordPress
6. Personaliza tus páginas web
Las páginas web se componen de copia (o texto) y medios, como imágenes y videos. Para agregar contenido a sus páginas, seleccione el icono de texto o de imagen en la esquina superior derecha del editor (como se muestra a continuación). Luego, escriba y formatee, copie o ajuste los elementos visuales hasta que la página esté completa. Una vez que haya completado su página, haga clic en el botón "Publicar" en la esquina superior derecha de la pantalla.
Cómo agregar texto y medios a una página de WordPress
Añadir copia del sitio
La copia del sitio es el texto de su página web. Para agregar una copia del sitio, abra una página y haga clic en la barra que dice "Comenzar a escribir o escribir". Podrá formatear la copia que agregue mediante un editor de HTML emergente. Esto le permite cambiar la alineación del texto, agregar varios estilos (encabezado o estilo de párrafo), agregar enlaces y en negrita o en cursiva.
Para las páginas web que incluyen una gran cantidad de copias, asegúrese de dividirlas en pequeños fragmentos de información digeribles, en lugar de usar párrafos largos. Esto hace que el contenido sea más fácil de leer. Como regla general, se recomienda que los párrafos no tengan más de cinco líneas.
Además, tenga en cuenta que probablemente estará sirviendo a lectores con diferentes hábitos y horarios de lectura. Para servirlos a todos, brinde suficiente información en los encabezados y párrafos introductorios para satisfacer a un lector de 30 segundos que probablemente solo esté hojeando contenido, y más contenido en profundidad para el lector de 30 minutos que probablemente leerá su contenido de principio a fin .
Finalmente, asegúrese de usar palabras clave específicas en la copia de su sitio para ayudar a que su contenido aparezca en los resultados de búsqueda de Google. Busque palabras y frases que Google favorezca visitando el Planificador de palabras clave de Google, luego agregue las palabras clave de alto rango de forma natural a su contenido. Esto aumentará la visibilidad de su sitio.
Añadir medios
Para complementar la copia de su sitio, agregue medios como imágenes y gráficos a sus páginas. Al crear y elegir medios, recuerde que sus medios deben ser relevantes para su página web y su copia. Los excelentes medios que se alinean con su marca y copia ayudarán a transmitir aún más los mensajes generales de su página. Agregue medios haciendo clic en el ícono de imagen en la esquina superior derecha del editor de páginas, luego seleccionando una imagen o video de sus archivos de medios.
Además de elegir los medios que sean relevantes para la copia de su página, también debe asegurarse de que los medios elegidos sean de alta calidad. Las grandes imágenes y videos que son de baja calidad no transmitirán su mensaje y muchas veces lo socavarán por completo.
Para aquellos sin experiencia en diseño gráfico, considere usar una herramienta gratuita como Canva. Cuenta con una interfaz de arrastrar y soltar, que cualquier persona puede usar para crear gráficos de aspecto profesional. También incluye cientos de plantillas de diseño en varios tamaños que brindan a los usuarios un buen punto de partida para diseñar gráficos. Si está más cómodo subcontratando el diseño gráfico, considere contratar a un diseñador profesional de Fiverr por tan solo $ 5.
Una vez que haya agregado un título, copia y contenido multimedia a cada página web, haga clic en "Publicar …" en la esquina superior derecha de la página.
7. Crea tu menú
Cada sitio web tiene un menú que permite a los visitantes navegar a páginas individuales en el sitio. Normalmente, esto es parte del encabezado, pero se puede colocar en varias ubicaciones dependiendo de su tema. Para agregar su menú, haga clic en "Apariencia" en el panel de WordPress, luego seleccione "Menú" en las opciones del menú. Cree un nuevo menú, asígnele el título y luego agregue las páginas que desee como parte de su navegación principal.
Construye tu menú
Hay dos orientaciones de menú comunes: centradas o en el lado derecho en la parte superior de cada página. Ninguno es mejor que el otro; es simplemente una preferencia de diseño. Para crear su menú, haga clic en la pestaña "Apariencia" en el menú de la izquierda, luego seleccione "Personalizar" y "Menús". En la página "Menús", haga clic en el botón "Crear nuevo menú".
Crear un nuevo menú en WordPress
Comience por nombrar su menú. Esto es para sus propios fines de organización, así que use un nombre que pueda identificar fácilmente. Si solo planea tener un menú, sea sencillo. A continuación, seleccione las ubicaciones donde desea que se muestre su menú, como "Barra superior", "Principal", "Pie de página" y "Móvil". La mayoría solo usa las opciones "Principal" y "Pie de página", ya que muestran las dos Menús estándar en la navegación del menú superior y en su pie de página. Haga clic en "Siguiente" en la esquina inferior derecha de la pantalla.
Personaliza un nuevo menú en WordPress
Ahora que ha indicado dónde desea que se muestre su menú, debe indicar a WordPress qué páginas incluir en su menú. Para ello, haga clic en el botón "Agregar elementos".
Cómo agregar elementos a un menú en WordPress
Aparecerá una nueva columna a la derecha que muestra todas las páginas que ha creado. Haga clic en "+" a la izquierda de cada página que desee agregar a su menú. A medida que selecciona las páginas con el “+”, verá que aparecen en la lista en el lado izquierdo. Asegúrese de incluir las páginas de submenú, que también se anidarán en los elementos del menú principal.
Cómo reordenar un menú en WordPress
Reordena las opciones de menú haciendo clic en una de las páginas y arrastrándola a un lugar diferente en el menú. Para agregar opciones de submenú, arrastre la página ligeramente a la derecha debajo de la página en la que desea anidar, luego suelte. Haga clic en el botón "Publicar" en la parte superior de la página para guardar sus cambios.
Agrega un submenú a un menú en WordPress
8. Personaliza tu encabezado
El diseño del encabezado se configurará automáticamente para que coincida con el tema que instaló, por lo que es posible que no desee cambiarlo si le gustan los valores predeterminados del tema. Sin embargo, si desea cambiar su estilo, vaya a "Apariencia" y haga clic en la opción "Encabezado".
Cómo personalizar el encabezado en WordPress
Aquí, puede seleccionar un color de fondo, una imagen o un video. En su mayor parte, el diseño del encabezado debe mantenerse limpio, es decir, usar un color sólido que contraste el color del texto, como un fondo blanco con texto negro. Esto mantendrá su encabezado más legible y su sitio web estético y más profesional. También puede editar la posición y el tamaño de su encabezado.
Personaliza los elementos del encabezado en WordPress
9. Instalar y activar complementos
Los complementos son una pieza de software que se puede agregar a un sitio para aumentar su funcionalidad. Los complementos pueden dar a un sitio el poder de hacer cualquier cosa, desde chatear en vivo con los visitantes del sitio hasta aceptar pagos. Primero, considere los complementos básicos que necesitará para su sitio web, luego instálelos yendo a la opción de menú "Complementos" y seleccionando "Agregar". Encuentre el complemento que desee y haga clic en el botón "Instalar" a la derecha del nombre del complemento .
Considere los complementos necesarios
Si bien los complementos brindan a los sitios web de WordPress una serie de funcionalidades diferentes que a menudo son específicas de ciertos tipos de negocios, existen algunos complementos que casi todos los sitios web deberían tener. Estos incluyen complementos para mayor seguridad, optimización de motores de búsqueda y herramientas de marketing. Considere los siguientes a medida que desarrolla su sitio.
Aquí están los complementos que cada sitio web comercial de WordPress debe incluir:
- Generador de sitios de arrastrar y soltar: Si bien el editor de WordPress incorporado es suficiente para algunos propietarios de sitios, el uso de un complemento de creación de sitios web que permite arrastrar y soltar le permite personalizar las páginas web más fácilmente con una interfaz de edición intuitiva. Recomendamos comenzar con uno de bajo costo como Elementor.
- Plugin de optimización de motores de búsqueda (SEO): La buena estrategia para escribir una gran copia del sitio teniendo en cuenta sus palabras clave es buena, pero las herramientas de SEO, como el muy popular plugin Yoast SEO, lo ayudan a usar las palabras clave adecuadas para garantizar que su sitio se encuentre bien en los resultados de búsqueda relevantes.
- Certificado SSL: Un certificado SSL le permite procesar pagos a través de su sitio y ayuda con las clasificaciones de búsqueda. Después de obtener un certificado SSL, que está disponible de forma gratuita a través de muchos proveedores de alojamiento web como Bluehost, aún debe instalar el certificado en su sitio. Los complementos como Really Simple SSL facilitan la instalación de su nuevo certificado SSL en su sitio.
- Complementos de seguridad y rendimiento: Los complementos de seguridad y rendimiento adicionales, como Jetpack, ayudan a mantener la seguridad de un sitio al tiempo que ayudan a aumentar los tiempos de carga. Para obtener más información, lea nuestro artículo sobre cómo mantener su sitio web seguro.
- Herramientas de marketing: Hay una serie de complementos de marketing que pueden ayudar a un sitio a convertir visitantes en clientes que utilizan formularios de captura de clientes potenciales, widgets de marketing por correo electrónico y funcionalidad de chat en vivo. Considere el conjunto de herramientas de marketing existente y busque en la base de datos de complementos de WordPress los complementos que puedan integrar estas herramientas con su sitio web.
Encuentra e instala tus complementos
Independientemente del complemento que esté instalando, todos se instalan de la misma manera. Para instalar un complemento, vaya a la pestaña "Complementos" en el menú vertical de la izquierda, luego haga clic en "Agregar nuevo".
Cómo agregar un nuevo plugin en WordPress
Desde la página "Agregar complementos", navegue o busque complementos. Por ejemplo, si está buscando un creador de sitios web, busque "creador de sitios web" en la barra de búsqueda en el lado derecho de la pantalla sobre los resultados del complemento. Una vez que haya encontrado el complemento que desea, haga clic en el botón "Instalar ahora" a la derecha del nombre del complemento.
Buscar complementos en WordPress
Una vez que se haya instalado el complemento, el botón "Instalar ahora" se convertirá en un botón azul "Activar". Haga clic en el botón "Activar" para habilitar el complemento. Ahora verá su complemento en el menú de la izquierda, así como en "Complementos instalados" en la pestaña "Complementos". Haga clic en cualquier elemento del menú para editar la configuración del complemento. Repita este proceso para todos los complementos que su sitio necesita.
Se instaló el complemento del creador de sitios de WordPress
10. Publicar su sitio web
Ahora que su sitio ha sido creado, es hora de que su sitio se active. Para hacer esto, debe publicarlo haciendo clic en "Bluehost" en el menú de su panel de WordPress, luego seleccionando el botón "Iniciar su sitio". Ahora, cuando escriba su nombre de dominio en una URL, aparecerá su nuevo sitio.
Publica tu sitio de WordPress desde Bluehost
Elementos de un buen sitio web
Si bien el diseño de cada sitio web para pequeñas empresas será diferente según las necesidades individuales de cada negocio, todos los sitios web buenos abarcan ciertos elementos. Estos elementos incluyen todo, desde un diseño limpio hasta tiempos de carga rápidos y una copia nítida y limpia.
Aquí están los elementos que todos los sitios web de pequeñas empresas deben tener:
- Diseño limpio: Todos los sitios deben tener un diseño limpio, libre de desorden. Los sitios ocupados pueden ser confusos para los visitantes del sitio, lo que hace que naveguen a otra parte. En última instancia, esto significa que las empresas no podrán convertir a los visitantes del sitio en clientes. Para obtener más orientación sobre el diseño, lea nuestra lista de ideas para sitios web.
- Copia optimizada para motores de búsqueda: La copia web debe incluir palabras clave de alto volumen de búsqueda para que el sitio se encuentre en los resultados de búsqueda en plataformas como Google y Bing.
- Navegación sencilla: Los menús deben ser claros y fáciles de navegar, con páginas claramente definidas y submenús lógicamente agrupados debajo de las páginas correctas. Esto ayuda a los visitantes del sitio a encontrar fácilmente la información que están buscando.
- Información sobre su negocio: Los visitantes del sitio a menudo desean obtener más información no solo sobre los productos y servicios que ofrece una empresa, sino también sobre la propia empresa. La inclusión de una página estándar "Acerca de nosotros" proporciona a los usuarios esta información y puede ayudar a contar una historia convincente.
- Información del contacto: Los sitios web deben brindar a los visitantes una forma de comunicarse con ellos, por ejemplo, a través del correo electrónico, el teléfono, el chat en vivo o un formulario de contacto. Sin información de contacto, las empresas pueden perder muchas oportunidades para ganar nuevos clientes.
- Borrar una llamada a la acción: Para que un sitio web sirva como una herramienta de marketing para una empresa, debe incluir una llamada a la acción, o CTA. Esto podría ser cualquier cosa, desde un registro de boletín tradicional hasta una solicitud para programar una cita.
- Imágenes de alta calidad: Las imágenes son a menudo uno de los primeros elementos que ve un visitante del sitio web, por lo que contar con imágenes cautivadoras que no solo son de alta calidad sino que también transmiten el mensaje de su sitio es fundamental para atraer a los visitantes del sitio y convertirlos en clientes.
- Copia convincente: La copia del sitio web, o su texto, debe proporcionar a los usuarios información relevante y útil. Great copy proporciona a los visitantes del sitio información que mueve a los visitantes a través del embudo de ventas, lo que aumenta la probabilidad de una venta.
- Tiempos de carga rápidos: Incluso los sitios web bien diseñados pueden dejar de mantener a los visitantes interesados si no se cargan rápidamente. Los tiempos de carga rápidos dependen de una serie de variables, pero para garantizar el tiempo de carga más rápido, considere servidores web confiables como Bluehost.
- Seguridad: Los sitios web son propensos a la piratería y la violación de datos, por lo que es importante tomar medidas de seguridad y precauciones para su sitio. Como mínimo, los sitios deben tener un certificado SSL para cifrar los datos confidenciales de los usuarios y ayudar a mantener seguro el contenido de la página.
Hay mucho que considerar al diseñar un sitio web efectivo para pequeñas empresas. Para asegurarse de incluir todos los elementos críticos en su sitio, tome nota de la lista anterior y luego revise nuestros consejos para crear un buen sitio web.
5 mejores ejemplos de sitios web
Mirar otros sitios web exitosos puede ayudarlo a diseñar su propio sitio. Los cinco sitios web a continuación incluyen diversos elementos de diseño y funcionalidades, mostrando los elementos necesarios para un sitio bien diseñado.
Aquí hay cinco ejemplos de diseño de sitios web principales:
1. Trina Turk - Tienda en línea
Sitio web de la marca de ropa Trina Turk.
Por qué funciona: Esta tienda de ropa en línea es eficaz para retratar su marca con un esquema de color femenino en todo y una fuente del sitio que coincide con el logotipo. El sitio incluye un logotipo y un menú centrados, con mensajes de ventas siempre presentes en el banner superior del sitio.
2. Red Jeep Desert Adventures
Sitio web de Red Jeep Desert Adventures
Por qué funciona: Este sitio de tours de aventura en el desierto utiliza su esquema de color comercial en todo el sitio para mantener una marca consistente. También incluye un sistema de reserva en línea, de modo que los visitantes del sitio pueden reservar un recorrido directamente a través del sitio. Esto permite a los usuarios participar rápidamente sin tener que buscar otra información de contacto, como números de teléfono o direcciones de correo electrónico.
3. Casas de madera y arcilla fina
Sitio web de Wood & Clay Fine Homes
Por qué funciona: El sitio web de esta empresa constructora permite que sus hogares hablen al presentar una galería completa de proyectos recientes en la página de inicio. La información de contacto destacada en la página de inicio alienta a los clientes interesados a comunicarse con ellos de inmediato. La navegación fácil del sitio no es una idea de último momento, sin embargo; Un menú superior limpio permite a los usuarios hacer clic fácilmente en otras páginas del sitio para obtener información comercial.
4. Piezas de Mopar de Dante.
El sitio web de Dante's Mopar Parts
Por qué funciona: Esta tienda clásica de repuestos para automóviles tiene un enfoque inteligente para un sitio de estilo de catálogo al incluir un campo de búsqueda de vehículos prominente en la página principal de la empresa. En lugar de que los visitantes del sitio tengan que buscar en un amplio catálogo para encontrar las piezas que están buscando, solo pueden ingresar su auto y ver los resultados relevantes. Esta funcionalidad de búsqueda es estándar para empresas como hoteles, lo que facilita que los usuarios encuentren rápidamente lo que buscan.
5. El espléndido helado de Jeni.
El sitio web de Jeni´s Splendid Ice Cream
Por qué funciona: El logotipo y el menú de esta tienda de helados son fáciles de leer, y el sitio está diseñado de una manera lúdica que se alinea con la marca de la tienda de helados. Observe que la marca se mantiene en todo momento, ya que el botón "Comprar ahora" y el banner en la esquina superior izquierda de la pantalla coinciden con el color del logotipo de la marca. La imagen de las cucharas es una forma divertida de mostrar diferentes sabores.
Cuando utilice otros sitios web como ejemplos, tenga en cuenta los elementos principales que necesita cada sitio. ¿Es el sitio visualmente agradable, y si es así, qué lo hace atractivo? ¿Funciona lógicamente la navegación? ¿Los competidores incluyen páginas que su sitio no? ¿Qué tipo de llamadas a la acción utilizan sus competidores? Hacer este tipo de preguntas te ayudará a crear un mejor sitio web. Vea los ejemplos de nuestros principales sitios web de negocios para más inspiración de diseño.
Top 5 herramientas de diseño de sitios web
Las herramientas de diseño de sitios web facilitan la creación de sitios web profesionales incluso para empresas sin conocimientos de tecnología. La mayoría de estas herramientas no solo están disponibles por un costo inicial gratuito o limitado, sino que también pueden reducir la cantidad de tiempo que lleva diseñar y construir un sitio web. A continuación, hemos resaltado las herramientas que le permiten hacer todo, desde trabajos de diseño gráfico hasta el abastecimiento gratuito de imágenes.
Aquí están las cinco mejores herramientas de diseño de sitios web para pequeñas empresas:
- Canva: Esta es una de las mejores herramientas de diseño gráfico, y la más fácil de usar, que le brinda a cualquier persona la capacidad de crear gráficos de alta calidad sin experiencia ni habilidades de diseño gráfico.
- Fiverr: Utilice Fiverr para encontrar un profesional independiente que pueda hacer cualquier cosa, desde escribir una copia del sitio web hasta diseñar logotipos y crear gráficos. Los conciertos de Fiverr comienzan en solo $ 5, lo que brinda a las pequeñas empresas una forma asequible de subcontratar el trabajo a los expertos.
- Pexels: Esta es una plataforma para encontrar imágenes de stock libres. Puede ser excelente para las empresas que no tienen suficientes imágenes de calidad profesional para usar en su sitio.
- Elementor: Un complemento del creador de sitios web de WordPress que brinda a los usuarios la capacidad de editar un sitio mediante una sencilla interfaz de arrastrar y soltar.
- LunaPic: Una herramienta gratuita que facilita la eliminación del fondo de una imagen.Esto es especialmente útil si necesita una imagen o logotipo con un fondo transparente para superponer en otros gráficos o colores.
Los mejores sitios web de negocios sirven como herramientas de marketing que pueden ayudar a las empresas a crecer y aumentar las ventas. Para que un sitio web sirva como una herramienta de marketing, no solo debe estar bien diseñado, sino que debe ser encontrado por su público objetivo. Obtenga más información sobre las estrategias de marketing de sitios web para obtener ideas sobre cómo puede convertir su sitio en una máquina de marketing.
10 consejos de diseño de sitios web de los profesionales
Para brindarle más asistencia en el diseño de sitios web para pequeñas empresas, consultamos a profesionales de diseño web. Los expertos a continuación le brindan información privilegiada sobre lo que hace que un sitio sea exitoso, desde construir un mapa del sitio hasta comprender a los visitantes de su sitio.
Aquí hay 10 consejos de diseño de sitios web de los profesionales:
1. Centrarse en la experiencia del usuario
Matthew Ross, copropietario y director de operaciones, The Slumber Yard
Recomiendo que las personas se centren en la experiencia del usuario ante todo. Haga lo que pueda para que la experiencia de los usuarios tanto en dispositivos móviles como de escritorio sea lo más perfecta posible. El diseño y la marca son importantes, pero al centrarse en la experiencia del usuario, podrá reducir su tasa de rebote y mantener a los consumidores en su sitio web.
2. Determine los objetivos de su sitio web
Emily Oskay, diseñadora de experiencia de usuario (UX), Marketpath, Inc.
Describa la estrategia de marketing en línea de su empresa y sus objetivos para el nuevo sitio. Algunas preguntas a considerar: ¿Desea obtener clientes potenciales y nuevos negocios del sitio web? ¿Estás vendiendo algo directamente a los consumidores? ¿Está simplemente buscando representar su negocio de una manera profesional? Responder a estas preguntas y esbozar su estrategia de marketing en línea ayudará al diseñador a definir el sitio web según sus necesidades.
3. Optimizar su sitio para la búsqueda
Ron Lieback, fundador y CEO de ContentMender
Operar un sitio web de WordPress sin el complemento Yoast SEO es como conducir un auto con problemas de motor, simplemente no está optimizado. Un aspecto destacado de este complemento es la facilidad de personalizar los títulos y descripciones que se muestran en los motores de búsqueda (denominados etiquetas de título y meta descripciones, respectivamente) para que sean amigables con el SEO.
4. No apresure la construcción de su sitio
Neil Sheth, estratega de relaciones públicas digitales, tu marca encontrada
En lugar de apresurarse en el diseño, coloque primero los objetivos del negocio y determine el propósito de cada página. Luego piensa en cómo quieres que los usuarios interactúen con el contenido. Por último, pregúntese si es óptimo para la búsqueda (SEO). Tendemos a tomar por lo menos seis a ocho semanas en la estrategia general de un sitio web antes de comenzar el diseño. Entonces, en general, recomendaría pasar el tiempo por adelantado para hacer las cosas bien para marketing y ventas.
5. Esquema del viaje del usuario con un Sitemap
Jamie Koussertari, Director Creativo, Cariad Marketing
Cree un mapa del sitio bien estructurado que ofrezca una experiencia y un viaje claro para el usuario, y obtenga información de quienes son responsables de su marketing digital. Seguir estos consejos agilizará el proceso de desarrollo, lo que llevará a un cambio más rápido y garantizará que el nuevo sitio web esté bien optimizado desde el principio. Esto le ahorrará tiempo y costos adicionales en comparación con la implementación de recomendaciones de mercadeo después de que el sitio web se active.
6. Construir pruebas sociales en su sitio web
Earl White, cofundador de House Heroes LLC
Los clientes que llegan a su sitio web desde los motores de búsqueda a menudo lo descubren por primera vez. Para convertir a la persona que navega en su sitio web en un cliente potencial, debe sentirse cómodo al recibir una llamada, ingresar la información de contacto en un formulario o realizar una compra. Una de las mejores maneras de construir credibilidad es exhibir pruebas sociales. Los testimonios y comentarios en video de Facebook, Yelp y Google My Business son una buena opción.
7. Considera los Temas Premium
Shawn Lim, Gerente de Marketing, Carretillas elevadoras de Singapur
En lugar de buscar los temas gratuitos en WordPress, intente comprar más temas profesionales de WordPress en ThemeForest. Temas como Avada, Enfold y The7 tienen sitios de demostración extremadamente hermosos que se pueden importar de forma inmediata y sencilla. Después de la importación, todo lo que necesita hacer es cambiar los temas de color, las imágenes y el contenido, y tendrá un sitio hermoso y completamente funcional.
8. Incorporar una propuesta de valor.
Cynthia Brown, fundadora y editora en jefe, solo las mejores reseñas
Asegúrese de incorporar una propuesta de valor clara y convincente en su página de inicio: una oración o un párrafo con viñetas que respondan a tres preguntas en la cabeza de su visitante: ¿De qué trata este sitio web? ¿En qué me ayuda esto? ¿Por qué debería elegir esto sobre los competidores? No comunique esto de manera efectiva y su diseño, codificación y otros esfuerzos ni siquiera importan porque su visitante ya ha presionado el botón Atrás.
9. Aumenta el tiempo de carga con un complemento de almacenamiento en caché
Stacy Caprio, Diseñador de sitios web, Conversiono
Una de las mejores prácticas de WordPress es usar un complemento de almacenamiento en caché para asegurarse de que su sitio se cargue rápidamente para los usuarios. Sin una, la experiencia del usuario puede comenzar a deteriorarse y obtendrá menos tráfico de Google y otros motores de búsqueda, especialmente en dispositivos móviles.
10. Utilice un generador de sitio de WordPress
McKinzie Bean, Propietaria y Creadora, Moms Make Cents
La mayoría de los propietarios de sitios web nuevos se sienten intimidados por la tecnología detrás de todo esto. Asumen que necesitan todo tipo de código para crear un sitio hermoso. Así fue hace unos 10 años, pero ahora hay un montón de herramientas excelentes que lo hacen mucho más fácil. Si va por la ruta de bricolaje, le recomiendo que visite un creador de páginas como Elementor. Le permite crear fácilmente hermosas páginas para su sitio web con la mínima experiencia en tecnología requerida.
Preguntas frecuentes
¿Por qué debería tener un sitio web?
Si bien hay muchas formas de comercializar un negocio, casi todos los consumidores esperan que un negocio tenga un sitio web que incluya información básica de la empresa junto con los detalles de productos y servicios. Si no tiene un sitio web, puede parecer que no es profesional o no es confiable. Para obtener más información sobre el valor de un sitio web, lea nuestro artículo sobre los conceptos básicos del sitio web.
¿Cuánto cuesta construir tu propio sitio web?
Los costos del sitio web pueden variar desde gratis hasta más de $ 10,000. Por ejemplo, un sitio de "hágalo usted mismo" creado en el popular constructor de arrastrar y soltar Weebly varía de $ 0 por mes a $ 25 por mes. Es gratis usar WordPress, pero requiere alojamiento de sitios web adicionales, que oscila entre $ 3 por mes a más de $ 25 por mes, así como temas y complementos, que aumentan el costo.
¿Qué creador de sitios web es el mejor?
Puede ser difícil saber qué complementos de creadores de sitios web son los mejores porque hay muchos disponibles. Los constructores principales incluyen Visual Composer, Elementor y Beaver Builder. Obtenga más información sobre cada constructor, incluido el precio, cómo funciona cada uno y para quién es el mejor en nuestro artículo sobre los seis mejores constructores de sitios web de WordPress.
¿Cuál es la forma más fácil de construir un sitio web?
La forma más sencilla de crear su propio sitio web sin ningún conocimiento de diseño o codificación web es con un constructor de arrastrar y soltar, como Squarespace y Weebly. Los usuarios encontrarán que cada una de estas plataformas tiene interfaces de edición muy intuitivas que hacen que la creación de un sitio web sea un proceso rápido e indoloro. Además, lea nuestro artículo sobre cómo construir un sitio web sin experiencia en codificación.
En pocas palabras: cómo diseñar un sitio web
El diseño de sitios web para pequeñas empresas, que incluye todo, desde texto a medios y una navegación adecuada, es clave para el éxito de una pequeña empresa. Con el diseño adecuado y los elementos de contenido en su lugar, las empresas pueden generar clientes potenciales, convertirlos en clientes y generar ventas continuas. Como el corazón del marketing digital en el siglo XXI, todas las pequeñas empresas deben diseñar un sitio web.
Sin embargo, no importa qué tan bien diseñado esté un sitio si no se carga rápidamente o si está plagado de frecuentes paradas. Para garantizar la integridad de su sitio, elija Bluehost para un alojamiento web confiable. Tiene un tiempo de actividad del 99.9% y está optimizado para velocidades de carga rápidas, con planes asequibles desde solo $ 2.95 por mes. Comience con Bluehost hoy.
Visita a bluehost
