Una encuesta de GoDaddy revela que el 83% de las PYMEs que disponen de una web sienten que tienen una ventaja competitiva frente a aquellas que no tienen web. Si estás deseando aprender cómo crear una página web profesional para tu empresa y superar a tus competidores entonces estás en el sitio adecuado. En este artículo descubrirás cuáles son las principales herramientas para crear una web profesional, cómo debes estructurarla, cómo debe ser el contenido para alcanzar tus objetivos y cómo lograr más visibilidad en buscadores para rentabilizarla al máximo.

 

¿Cómo empiezo?

 

Herramientas para crear una página web profesional

 

Hace relativamente pocos años, el proceso de creación de una página web sencilla que tuviera un mínimo de calidad visual, un contenido variado y una estructura de navegación sólida podía resultar muy complicado y laborioso. A día de hoy existen algunas herramientas que facilitan muchísimo la tarea y nos permiten ahorrar tiempo y costes de desarrollo.

Por lo tanto, debes tener en cuenta que existen 2 formas de empezar a construir tu página web:

  • Programarla desde cero: Puedes crear tu web escribiendo el código desde cero desde un editor de texto, pero debes poseer conocimientos de programación y mucha, mucha paciencia, porque así puedes tardar meses en terminarla.

Aunque de esta forma puedes crear una web totalmente hecha a medida, si no eres ya un experto, aprender lenguaje HTML puede tomarte más de seis meses, y no hace falta que mencionemos cuánto tiempo sería necesario para aprender CSS, JavaScript y PHP – los lenguajes básicos necesarios para crear una web con un mínimo de calidad.

Si no te suenan de nada estos términos, hacerlo tu mismo no es una opción viable y será mejor que contrates a un programador o lo hagas de la otra forma que te contamos a continuación.

  • Usar una plataforma para crear páginas web (CMS): Existen algunas plataformas, también conocidas como CMS (Content Management System), que te permiten crear un sitio web en 2 días sin que sea necesario saber programar. ¿Te suenan WordPress, Wix o Squarespace? Estas plataformas no solo te permiten ahorrar tiempo y costes a la hora de construir tu sitio web, sino que además facilitan muchísimo la administración y actualización del contenido que publicas en él.

A continuación vamos a hablarte de las mejores plataformas para crear webs (o CMS) y de sus características para que puedas elegir la que mejor se adapte a tus necesidades.

 

infografia cms

 

  • WordPress: Es el CMS más popular y el que ofrece más funciones de personalización. Un estudio de W3Techs demuestra que actualmente tiene una cuota de mercado del 59,8% respecto a los demás CMS y la usan un 31,1% de todas las webs del mundo, así que seguro que ya has navegado por muchísimas webs creadas con WordPress.

Por ejemplo, blogs tan conocidos como TechCrunch o Mashable están hechos con esta plataforma. El software de WordPress en sí es gratuito. Lo único que te costará dinero es la contratación de un dominio y un hosting, que deberás conseguir de forma externa.

De manera opcional, también puedes pagar por comprar un tema o plantilla web – existen muchísimos temas de WordPress gratuitos, aunque los de pago suelen tener diseños mucho más vistosas y acabados más profesionales, además de opciones de soporte – o si deseas instalar plugins de pago.

Los plugins son herramientas que te permiten extender las funcionalidades de WordPress, como añadir formularios avanzados o botones para compartir tus páginas en redes sociales. También existen muchísimos plugins gratuitos que pueden serte útiles, así que pagar por un plugin no es estrictamente necesario. Por último, si deseas integrar un blog en tu web, esta es la mejor plataforma para hacerlo.

A continuación puedes ver la interfaz de WordPress:

 

como crear una pagina web profesional wordpress

 

  • Squarespace: Es otra plataforma que está adquiriendo cada vez más popularidad. Según W3Techs, actualmente la utilizan un 2.3% de las webs que usan algún CMS. Esta plataforma está pensada para principiantes y si la comparamos con WordPress gana en facilidad de uso, aunque pierde en cuanto a flexibilidad y funcionalidades.

A diferencia de WordPress, con Squarespace no es necesario tener que registrar un dominio ni contratar un hosting y tampoco preocuparse por el mantenimiento, las actualizaciones o la adaptabilidad a pantallas móviles (sus plantillas son todas responsive).

Tan solo has de registrarte en la plataforma, elegir una plantilla y responder a unas sencillas preguntas, algo que se puede hacer en muy pocos minutos. Luego solo queda modificar el texto y las imágenes de la plantilla. Sin embargo, hay que pagar una cuota para utilizarla, que parte de $96 al año (con el plan más sencillo).

Aunque Squarespace admite comercio electrónico, si te estás planteando crear un e-commerce no es la mejor opción. La plataforma que ofrece para ello es bastante limitada y, además, si no contratas uno de sus planes más caros, te cobrará una tarifa de un 2-3% de comisiones por cada transacción con tarjeta de crédito que hagan tus clientes.

 

como crear una pagina web profesional squarespace

 

 

  • Wix: Es posible que te hayas encontrado más de una vez con un anuncio de Wix en YouTube. Últimamente esta compañía está apostando fuertemente por el video marketing. Según W3Techs, actualmente la utilizan un 1.5% de las webs que usan algún CMS, lo que representa un 0.8% de todas las webs del mundo.

Igual que Squarespace, Wix ofrece una plataforma muy intuitiva y más fácil de usar que WordPress y tampoco requiere contratar un hosting ni un dominio.

Sus puntos fuertes respecto a Squarespace son que ofrece muchísima más variedad de plantillas (aunque no de mayor calidad) diseñadas para todo tipo de industrias, sus planes son más económicos, sus funcionalidades para ecommerce son un poquito mejores y es más eficiente en el SEO (puede ayudarte a obtener mejores posiciones en Google).

Sin embargo, a diferencia de Squarespace y WordPress, con Wix no es posible cambiar de plantilla una vez se ha elegido una, así que debes pensarlo muy bien. Ten en cuenta que sus plantillas no son responsive y deberás dedicar un tiempo adicional para crear la versión para móviles de tu web, algo de lo que no debes preocuparte en Squarespace o WordPress.

 

como crear una pagina web profesional wix

 

  • Weebly: Según W3Techs, Weebly la utilizan un 0.6% de todas las webs que usan un CMS, lo que representa un 0.3% de todas las webs del mundo. Comparándola con Squarespace, la plataforma de Weebly es un poco más intuitiva y ofrece más opciones de personalización y diseño, aunque no es tan flexible como Wix.

El número de plantillas web a elegir un poco menor que el de Squarespace, pero los estilos son más variados. Todas sus plantillas son responsive, igual que en Squarespace y su herramienta para construir un ecommerce es un poco más completa que la incluye Squarespace.

En cuanto al precio de Weebly, es muy similar al de Wix, por lo tanto, es más económica que Squarespace. Weebly también actúa como hosting y te permite crear un dominio desde la propia plataforma con tan solo registrarte.

 

como crear una pagina web profesional weebly

 

  • GoDaddy Website Builder: Según W3Techs, GoDaddy Website Builder la utilizan un 0.2% de todas las webs que usan un CMS, lo que representa un 0.1% de todas las webs del mundo. Si lo que buscas es crear una web básica, lo más rápido posible y al precio más bajo, esta es la plataforma más adecuada. Es la opción más barata y la más sencilla, aunque sus opciones de diseño y personalización son las más limitadas.

Sus plantillas se adaptan a las pantallas de los móviles, como las de Squarespace y Weebly, y también permite la creación de un ecommerce aunque con opciones escasas. GoDaddy, de hecho, es un proveedor de dominios que ha creado una plataforma para construir webs (GooDaddy Website builder), por lo que si ya tienes un dominio contratado a través de GoDaddy, resulta extremadamente fácil conectarlo con la plataforma. Igual que Squarespace, Wix y Weebly también ofrece hosting propio.

 

como crear una pagina web profesional godaddy

 

Asegúrate de que tu web tenga un diseño responsive

 

Ahora ya sabes cómo empezar a crear tu página web. Sin embargo hay algo muy importante que debes tener en cuenta: Es imprescindible que tu web tenga una versión para móviles o que se adapte a la pantalla de los dispositivos móviles, lo que se conoce como un diseño responsive.

Aunque la mayoría de las plantillas de las plataformas para crear páginas web que hemos mencionado en el punto anterior ya son responsive o permiten crear una versión de tu web para móviles, es importante asegurarte de ello. Te contamos por qué.

Tal como afirma Google:

El móvil ya no es una opción, es una necesidad.

A nivel global el tráfico web a través de smartphones ya representa más de la mitad del tráfico total. Vivimos en un momento en que la gente espera recibir respuestas al instante para tomar decisiones, aprender cosas nuevas o cumplir deseos, y utilizan el dispositivo que tienen más cerca para lograrlo.

Según datos de Google, casi el 40% de la gente realiza búsquedas solo a través de su smartphone durante el día para satisfacer necesidades inmediatas. Este dato deja claro que la penetración de los dispositivos móviles ha cambiado la forma en que interactuamos con el mundo y que si nuestra web no se adapta a estos dispositivos estaremos perdiendo la oportunidad de llegar a muchísimos más usuarios.

Existen algunas regiones en las que la navegación en Internet a través de dispositivos móviles supera de largo a la navegación a través de ordenadores: Según datos de Statista, en Asia el tráfico web desde móviles ya llega al 65.18% respecto al total del tráfico, y en África representa ni más ni menos que el 63.88% de todo el tráfico web.

 

infografia internet movil

 

Sin embargo, no solo hay diferencias en cuanto a la región. Según Google también hay algunas temáticas que suelen buscarse con mucha más frecuencia a través smartphones, como todo lo que tiene que ver con la salud y las enfermedades, la crianza de un hijo o la belleza (sobre todo el cuidado de las uñas y el pelo).

Puede que tu empresa no esté operando en ninguna de las regiones en las que prevalece el tráfico web desde dispositivos móviles, o que la temática de tu actividad no coincida con las que hemos mencionado. Si no te has sentido identificado y aún crees que tener una web responsive no es importante en tu caso, debes saber que existe una tercera y última razón, por la que todas las webs deberían ser mobile-friendly, y es que desde 2015, Google penaliza a los sitios web que no son responsive.

Si no dispones de una web que se adapte a las pantallas de los distintos dispositivos móviles, tu posicionamiento se verá afectado negativamente y perderás capacidad de obtener visibilidad tanto a través de smartphones como de ordenadores. Ahora ya sabes por qué esta característica es imprescindible en una web corporativa.

 

Los componentes de una página web perfecta

 

Para crear una página web profesional perfecta, debes asegurarte de que tiene los componentes que describimos a continuación.

 

ELEMENTOS DE CONTACTO

 

  • Añade un teléfono clicable: Según una investigación sobre el servicio de atención al cliente llevada a cabo por NewVoiceMedia, el 75% de la gente piensa que la llamada es la forma más efectiva de conseguir una respuesta rápida, por lo tanto, ofrecer a los usuarios la posibilidad de llamar a tu empresa desde tu web es fundamental para establecer contacto con tus clientes.

En el apartado anterior ya hemos visto que la navegación a través de smartphones es cada vez más frecuente, y además hace posible que los usuarios puedan llamarte con un solo clic. Por este motivo, es importante que aproveches esta oportunidad y pongas las cosas fáciles a tus clientes potenciales para crear más oportunidades de venta. Asegúrate de que los teléfonos que muestras en tu web sean clicables y que tu empresa tenga capacidad para atender las llamadas.

 

como crear una pagina web profesional telefono clicable

 

  • Añade un formulario de contacto sencillo: Debes evitar los formularios largos. Pide solo aquellos datos que sean estrictamente necesarios para que los usuarios puedan ponerse en contacto contigo –un campo para el nombre, uno para la dirección de email, si quieres uno para el asunto y el del mensaje (no pidas el teléfono si no es estrictamente necesario, ya que, según Oubounce, este campo reduce un 5% la tasa de conversión de tu formulario).

Luego un botón para enviarlo y listo. Como dice Steve Krug en su libro Don’t make me think, una de las guías de referencia en usabilidad web, “si algo requiere una gran inversión de tiempo –o parece que la requiere–es menos probable que la gente lo use”.

Pongamos un ejemplo, ¿qué piensas de este formulario que tienes a continuación?

 

como crear una pagina web profesional formulario largo

 

Seguramente que es demasiado largo y que no tienes tiempo para rellenar tantos campos, ¿estamos en lo cierto? Según Outbounce, reducir los campos de un formulario de 11 a 4 puede incrementar las conversiones un 120%, así que si quieres obtener más conversiones, crea un formulario sencillo.

Ten en cuenta que si vendes productos o ofreces servicios en la Unión Europea, deberás añadir algunos elementos más a tu formulario para cumplir con la nueva ley de protección de datos (RGPD). Recuerda también añadir un teléfono clicable en la página de contacto.

 

ESTRUCTURA DE LAS PÁGINAS

 

  • Si tienes una empresa de servicios, crea una página para cada servicio, siguiendo un estilo de landing page: A la hora de añadir los servicios que ofrece tu empresa en tu web no los incluyas todos en una única página. Crea una página distinta para cada tipo de servicio y procura que su diseño se parezca al de una landing page (una landing page o página de aterrizaje es una página independiente que normalmente se usa en campañas de publicidad online con el objetivo de lograr una acción concreta por parte del usuario, como un registro, una reserva o la solicitud de un presupuesto.

Para crear tus páginas de servicios incluye un formulario visible a la derecha que permita a los usuarios ponerse en contacto contigo en cualquier momento. Como hemos dicho antes, asegúrate de que el formulario tenga solo los campos realmente necesarios (a ser posible, un máximo de 4). El texto de la página debe ser conciso y relevante, es decir, debes ser capaz de explicar con el menor número de palabras posible qué servicio ofreces y qué beneficios aporta, focalizándote sobre todo en lo segundo.

Incluye también imágenes o vídeos siempre que sea posible y si tienes testimonios o reseñas de clientes asegúrate de incluirlos, ya que según Social Fresh, los testimonios de clientes son el tipo de contenido más efectivo, con una valoración del 89% en cuanto a efectividad.

  • Si tienes una empresa de productos, deja claro a los usuarios por qué deben comprar en tu tienda antes que en Amazon: La competencia en el sector del e-commerce es feroz y ganar a gigantes como Amazon no es nada fácil si no vendes un producto único.

Para tener alguna posibilidad de vencer al gigante es importante que indiques de una forma muy visible en la parte superior de tu página qué gana un usuario comprando tus productos (debe ser algo que no puedan conseguir comprando en Amazon).

Por ejemplo, la tienda francesa de productos tecnológicos y culturales, Fnac, menciona en la página de su sección de música distintas ofertas o beneficios exclusivos que los usuarios pueden obtener si compran sus discos, como entradas para el estreno del musical Mamma Mia!, un 5% de descuento en libros, entradas para festivales de música, etc.

 

como crear una pagina web profesional ejemplo ecommerce

 

OPTIMIZACIÓN SEO

 

  • Crea un título y una descripción únicas para cada página: Para lograr un buen posicionamiento en los resultados orgánicos de los buscadores debes asegurarte de que cada página tenga un título y una descripción únicas.

A la hora de optimizar el SEO de tu página web, debes tener en cuenta que dentro de él existen dos tipos de estrategias.

  • Por un lado, el SEO on-page, que tiene en cuenta los elementos de tu web que te ayudan a subir posiciones en los resultados orgánicos de los buscadores.
  • Por otro lado, el SEO off-page, que tiene en cuenta los elementos externos, como son los enlaces en sitios autoritativos que apuntan a tu web y que coinciden con tu temática o industria.

Dentro del SEO on-page, los elementos que se consideran más importantes a la hora de mejorar el posicionamiento son el título y la descripción de tu página. Según Moz, los títulos únicos ayudan a los motores de búsqueda a entender que tu contenido es único y valioso y también te ayuda a conseguir tasas de clic (CTRs) más elevadas.

 

TEXTO Y CONTENIDO DE LA WEB

 

  • Elige una fuente legible para el texto de tu web: Todas las publicaciones de éxito, ya sean periódicos, revistas, webs, etc. escogen sus fuentes de forma deliberada, nunca al azar. Por eso, es importante que prestes atención a este detalle.

Usar un diseño de fuente y tamaño adecuado hará que tus lectores se sientan más a gusto e incrementará las posibilidades de que deseen leer más, es decir, te permitirá generar confianza y aumentarán las oportunidades de hacer crecer tu negocio. Lo que nunca debes desestimar es que sea legible.

El diseñador Haris Bacic propone en Forbes una selección de las 10 mejores fuentes para web presentes en la librería de Google en base a su calidad, legibilidad, versatilidad y número de estilos disponibles. Las tres mejores, según Bacic, son Open Sans, Roboto y Lato.

Respecto al tamaño del texto del cuerpo de la web, el estándar es 16px, pero varias investigaciones científicas han comprobado que tamaños mayores suelen tener mejor legibilidad, siendo el de 24px el ganador.

  • Crea contenido digerible: ¿Sabías que actualmente tenemos menos capacidad de atención que un pez? Según un estudio de Microsoft Corp. a día de hoy la gente suele perder la concentración después de 8 segundos a causa de los efectos de un estilo de vida cada vez más digitalizado.

Seguro que alguna vez has escuchado la frase “menos es más”. Si quieres evitar que los visitantes de tu web se aburran y pierdan la atención, debes crear contenido digerible, es decir, conciso y fácil de leer, así que asegúrate de que tus párrafos sean cortos y de eliminar todo aquello que no sea imprescindible para la comprensión de tu mensaje. Lo mismo sucede a la hora de mostrar tu oferta de productos o servicios.

Aunque parezca que tener más variedad es mejor, no es exactamente así. Un estudio de Patrick Spenner y Karen Freeman publicado por la revista Harvard Business Review, demuestra que la simplicidad de decisión es el único impulsor de la lealtad de los compradores. 

 

  • No hables tanto del qué y céntrate en contar el por qué: Cuando hables de tus productos o servicios en tu página web, no te limites a enumerar solo sus características.

A nadie le importa tu silla ergonómica de malla, ajustable y con soporte lumbar de color negro. Lo que de verdad importa es que con esta silla uno puede trabajar largas horas cómodamente y decir adiós de una vez por todas al dolor de espalda.

Se trata de que encuentres el beneficio de tu producto, ya sea emocional o racional, y que el contenido de tu web no solo responda a “¿qué me están vendiendo?” sino también a “¿por qué debo comprarlo?”.

En el momento de realizar una compra, la gente decide con el corazón y justifica su compra con la cabeza. Por ejemplo, una clínica dental puede convertir su servicio de ortodoncia con brackets estéticos transparentes (característica) en un servicio de ortodoncia con brackets que no se notan (beneficio racional).

Por otro lado puede buscar crear una conexión emocional con el comprador añadiendo una fotografía de una chica joven sonriente con brackets que no se notan abrazando a su novio. En la siguiente imagen puedes ver como la marca de cuchillas de afeitar para hombre Harry’s aplica este concepto resaltando los beneficios de su cuchilla “The Truman” – con ella consigues más control incluso cuando está mojada, la sensación de tener una pluma en la mano y colores intensos que aportan más personalidad a tu baño.

 

como crear una pagina web profesional ejemplo beneficios

 

  • Añade elementos de urgencia: Seguro que más de una vez has encontrado un descuento o una oferta que terminaba en tres días y has sentido el impulso comprarla enseguida para no perderla. Psicólogos especialistas en el comportamiento afirman que las situaciones de urgencia nos hacen suspender el pensamiento deliberado y actuar rápidamente.

Muchas veces, las conversiones en un sitio web no se producen debido a que la gente delibera, espera demasiado o simplemente no responde a nuestras llamadas a la acción. Si aumentamos la sensación de urgencia poniendo fechas límite como “hasta el 15 de julio” o “solo hoy”, o mencionamos que nos quedan pocas existencias de un producto, como “solo quedan 4”, podemos lograr que nuestros visitantes se decidan antes a efectuar una compra.

De hecho ni siquiera es necesario cambiar la oferta cada vez que se termina el periodo – puedes mantener la misma oferta todo el año y cambiar las fechas o el número de existencias cada mes.

A continuación puedes ver un ejemplo de una oferta de la tienda online de instrumentos musicales Sweetwater que indica que quedan dos días para que termine su oferta:

 

como crear una pagina web profesional ejemplo urgencia

 

Ahora ya sabes cómo empezar a crear tu página web con el mejor CMS y qué elementos debe tener para ganar visibilidad en buscadores, atraer clientes potenciales y lograr conversiones.

Como ves, crear una página web profesional rentable no es un proceso exclusivamente técnico – la psicología juega un papel muy importante. Así que, para vender más con tu web, antes debes conocer muy bien a tu público objetivo para así poder ofrecerle una experiencia de compra atractiva y adaptada a sus necesidades.

Si ya has configurado tu sitio web y quieres saber cómo mejorar su posicionamiento en buscadores, no te pierdas nuestro artículo sobre cómo aparecer en la primera página de Google.