Crear una página web no es ni mucho menos instalar Wordpress y un tema bonito. Estas reglas y consejos te ayudarán a comenzar de forma correcta para evitar problemas a largo plazo.
Servicios a evitar al crear una página web
Existen multitud de opciones y servicios que prometen buenos resultados y facilidad a la hora de crear páginas web. Pero queremos en este primer punto advertirte de sus muchos inconvenientes y por qué deberías comenzar con WordPress.
Habrás oído hablar de servicios como Shopify, Wix o Webflow que ofrecen la posibilidad de crear en la nube tu página web a cambio de una subscripción. Nuestro primer consejo en esta guía es evitarlos a toda costa y vamos a listar las siguientes razones:
- El margen de personalización se limita a las herramientas que te ofrecen que, aunque son muchas, terminarás creando una página muy similar a la de miles de personas poniendo en compromiso tu imagen corporativa.
- El código fuente generado por estas plataformas no está bien optimizado y en la mayoría de los casos no estará comprimido ni combinado para evitar problemas de estructura. Esto perjudicará tu posicionamiento en Google sin poder resolverlo, ya que estas plataformas tienen todo el control sobre su código.
- En términos de rendimiento dejan mucho que desear, puesto que emplean el mismo espacio de alojamiento y ancho de banda para cientos de miles de usuarios de todo el mundo. Esto perjudicará tu posicionamiento en Google.
- En término de SEO estarán muy limitadas las opciones o posibilidades para editar completamente las cabeceras de tu web y otros elementos clave como los Metadatos y Shemas.
- Dependerás siempre del servicio sin opción a exportar tu web a otra plataforma. Si tienes una tienda será muy complicado desprenderte del servicio dado que todos los datos de tus usuarios, productos, facturas y demás elementos estarán almacenados en su sistema.
- Olvídate de personalizaciones avanzadas con módulos especiales que hagan lo que necesitas. Sus módulos son muy limitados y te obligarán a hacer las cosas como ellos proponen.
Por estas razones y unas muchas más que no citaremos para no extendernos, la mejor opción para crear una página web siempre será disponer de total independencia y poseer el control de todos tus contenidos.
Si bien existen otras opciones como PrestaShop o Magento, también las desaconsejamos por cuatro principales razones:
- Su elevada complejidad de configuración y adaptación te hará perder mucho tiempo tanto entendiendo sus funcionalidades como adaptándote a ellas.
- Su funcionalidad base, aunque compleja, es extremadamente limitada por razones comerciales, dado que los creadores de estos servicios ofrecen gratis la plataforma, pero viven de los módulos que completan multitud de funcionalidades intencionalmente capadas.
- Los módulos de estas plataformas son muy caros, con precios entre 100€ y 500€ por módulo. Puedes consultarlo desde su listado si lo deseas.
- Adaptar el diseño de estas plataformas es tremendamente complicado y requiere de una persona experta en la materia para adecuar el diseño a tu gusto e imagen corporativa.
Herramientas recomendadas para crear una página web
Como mencionamos en el punto anterior, Wordpress es sin lugar a dudas la mejor opción. Antes de entrar en materia queremos explicarte por qué con los siguientes puntos:
- Es el CMS más usado del mundo en páginas web y eso te ayudará a encontrar toda la información que puedas necesitar al instante tanto en foros, guías y Youtube.
- Por la misma razón, existen cientos de miles de módulos de bajo coste (gracias a la enorme competencia) que te permitirán adaptar tu web y servicios a tus necesidades.
- Podrás extender las funcionalidades de tu web sin límites dado que puede transformarse en una tienda, un portal de reservas, o portales de subscripción como agencias o descarga de contenidos.
- El diseño lo haces tu a tu gusto de forma fácil y rápida gracias a los maquetadores web.
- Tendrás el control absoluto de tus datos, código y archivos, pudiendo editar tu sistema o migrarlo a cualquier servicio de hosting o plataforma con total independencia.
De este modo, completamos este primer punto con la primera herramienta que será la base del pastel.
La siguiente que necesitarás para crear una página web a tu gusto será el maquetador web. Se trata de un módulo especializado en diseñar la estructura de tu página de forma sencilla sin necesidad de conocimientos de programación. Aunque existen muchas en el mercado, desde Wonkahost recomendamos la que nosotros mismos usamos dado que, al igual que Wordpress, es el maquetador más usado y por ende, el que más opciones de personalización, herramientas y mejoras dispone.
Elementor como maquetador para tu página web
Esta herramienta no es gratuita dado que la versión disponible desde el Market la consideramos una DEMO para conocer sus aspectos fundamentales. Si realmente queremos trabajar con Elementor y contar con las herramientas necesarias para crear nuestra página web, será necesario comprar el módulo que tendrá un coste irrisorio de 59€ al año.
Aunque el módulo se vende junto con un montón de bloques prediseñados que supuestamente te facilitan la tarea, te desaconsejamos usarlos, salvo casos excepcionales en los que no sabemos cómo diseñar una sección específica. Puedes usarlos como guía para indagar en ellos y entender su estructura, pero no deben usarse por las siguientes razones:
- Al importar un bloque o diseño, también importarás todas sus características como tipografías, botones, colores y demás elementos rompiendo con el diseño base de tu web, y tardarás más en editarlos a tu gusto que crearlos desde cero.
- El código fuente de esos bloques está obsoleto. Básicamente, son bloques con elementos construidos hace mucho tiempo y al importarlos, también traerán consigo el código fuente que empleaba Elementor en el momento en el que se crearon. Esto es así porque Elementor está preparado para aceptar código viejo con tal de permitir la compatibilidad con viejas exportaciones de diseños tanto nuestros como suyos.
- Si dependes de estos bloques, nunca aprenderás a usar el maquetador y tener autonomía creando nuevos contenidos de buena calidad.
En este artículo no explicaremos cómo usar Elementor u otros módulos para no hacerlo eterno, pero hasta que publiquemos nuestra propia guía, puedes contar con cientos de tutoriales en Youtube que te explicarán cómo crear tu diseño paso a paso.
Woocommerce para crear tu negocio online
Es bien sabido que Woocommerce es el módulo que te permite crear una página web con tienda online. Por eso en este punto te daremos una serie de consejos para sacarle el máximo partido con una lista de módulos imprescindibles.
Existen multitud de módulos similares de diversas compañías que realizan el mismo trabajo, pero por experiencia propia, sabemos que los módulos oficiales de Woocommerce, aunque seguramente tengan un mayor precio, cuentan con una mayor calidad de contenidos.
Un claro ejemplo es Wocommerce Subscriptions que ofrece más posibilidades para crear productos de subscripción que su competencia directa YITH WooCommerce Subscription teniendo exactamente el mismo precio.
De este modo, nuestra recomendación para Woocommerce es que consultes la disponibilidad del módulo que necesitas en su listado y compares sus funcionalidades y precios con módulos similares disponibles en páginas como codecanyon o Yith. Si no lo tienes claro y el precio no es un factor determinante, prueba con el módulo de Woocommerce, y si no te convence siempre podrás devolverlo dentro del plazo estipulado.
Descarta los templates o plantillas web prefabricadas
En este punto queremos ser tajantes. NO compres un tema. Aunque existen miles de diseños disponibles en Themeforest, hay buenas razones por las que debes evitarlo a toda costa. La primera de ellas es que si usas Elementor, este módulo ya tiene su propio tema llamado Hello Elementor. Y es todo lo que necesitarás para empezar a diseñar desde una página web en blanco.
Eso sí, te recomendamos instalar también su tema hijo (o child theme) disponible desde este enlace para no perder cualquier código que queramos incluir cuando recibas una actualización. Simplemente descomprime el archivo en la carpeta de Temas dentro de wp-content/themes o cárgalo directamente y actívalo desde tu panel de administración.
Ahora sí, las razones por las que no debes usar un tema prefabricado en tu página web son las siguientes:
- El mismo tema es usado por miles de personas, lo que resta autenticidad a tu web.
- El tema no representará tu imagen corporativa por muy bonito que sea
- Los temas suelen contar con multitud de errores de programación y diseño que si bien suelen arreglarlos con actualizaciones, ponen en compromiso la web con agujeros de seguridad.
- Pesan mucho. Pesan tanto que empezarás directamente con una web lenta y sobrecargada de código inútil que jamás usarás y que, aun así, tus visitantes deberán descargarse ralentizando la experiencia.
- Respecto al punto anterior, el exceso de código se da para cubrir todos los diseños y variaciones posibles del tema y así satisfacer las necesidades de adaptación de diseños a cualquier tipo de página web. Este peso y exceso de código será penalizado por Google y perderás posicionamiento.
- Ignora todos esos temas que se unen con Elementor como por ejemplo Astra + Elementor, o aquellos que indican que son compatibles con Elementor. Esto es puro marqueting, ya que estarás pagando una maquetador para nada.
Crea diseños de cada página en tu página web
Elementor dispone de una sección que pocas personas conocen y que es fundamental emplear para crear un diseño sólido y unificado. Se trata de la sección “Maquetador de temas” disponible en la sección de “Plantillas”.
Con esa herramienta podrás diseñar tu cabecera, Pie de página, la página de Entradas o la individual, el Archivo o listado de contenidos, así como otras secciones básicas de WordPress. De este modo, no necesitarás diseñar desde cero cada página de blog o página de producto con Elementor pudiendo usar directamente el editor nativo de Wordpress ahorrando tiempo y recursos.
Oculta o muestra contenidos a usuarios registrados o invitados
Existe un módulo imprescindible y gratuito llamado Visibility Logic for Elementor que te permitirá mostrar u ocultar bloques o elementos según el tipo de visitante. Esto es muy importante, ya que te permitirá crear diseños adaptados a cada usuario que visite tu página web, pudiendo mostrar distintos menús o mostrando bloques específicos para cada tipo de usuario. Su versión profesional a demás te dará opciones muy interesantes para gestionar los contenidos de tus clientes, por lo que si realmente quieres sacar todo su potencial, te recomendamos pagar por la versión extendida.
Extiende aún más el control de diseño de Elementor
Otro módulo muy interesante para usuarios avanzados que quieren darle un chute de esteroides al diseño de tu página web con Elementor es OoohBoi Steroids for Elementor. Te recomendamos visitar su página donde te darán un montón de ideas de como sacarle el máximo partido y mejorar aún más el diseño de tu página web.
Traduce las taxonomías o textos de tus módulos
Es común usar módulos que no cuenten con una buena traducción o falten palabras por traducir correctamente. Loco Translate hace este trabajo a la perfección y podrás editar directamente tus contenidos desde tu panel de administración sin necesidad de descargar los archivos de idiomas y editarlos con POedit.
Prepara tu página web para el SEO
El SEO es un punto que se merece un artículo especial ya que hay mucho de lo que hablar y muchos trucos que te ayudarán a respetar las reglas que te permitan posicionarte correctamente. No obstante, como consejo inicial diremos que uses un módulo muy específico para tal fin y no te tomes este punto a la ligera empleando cualquiera de los cientos de módulos gratuitos que existen.
El módulo que te recomendamos es RankMath y al igual que Elementor cuenta con una versión gratuita que sirve más de demostración que de uso práctico. Existe otro muy conocido que no recomendamos llamado Yoast SEO que aunque también tiene su versión gratuita, podemos confirmar por experiencia que no es mejor que RankMath a demás de ser mucho más pesado ralentizando significativamente tu web.
Como consejos rápidos para el SEO te damos los siguientes puntos:
- Consulta nuestra guía de cómo optimizar tu web para mejorar tu posicionamiento.
- Usa solo un título H1 que representará el contenido de cada página e incluye en él la palabra clave más importante que repetirás varias veces en el contenido de la página.
- Usa una palabra clave distinta para cada página tratando distintos temas de tus contenidos.
- Respeta siempre la jerarquía de títulos H2 y H3 siendo cada número de mayor a menor importancia.
- Usa un número limitado de títulos H2 (de 5 a 8) y procura que sean títulos potentes que especifiquen claramente de qué estás hablando en esa sección.
- Completa correctamente el Snippet (cabecera de la página) con un buen título y descripción que respete el máximo de caracteres y cuente con la palabra clave de tu página.
- Incluye siempre el nombre de tu página (sin el dominio) en todas tus imágenes (imagen-dominio.jpg) así como el texto descriptivo del mismo (desde el administrador de imágenes).
Podríamos darte muchos más consejos pero de momento es un buen punto de partida.
Protege tu página web y optimízala
Vamos directamente al grano, hazte con el módulo Perfmatters. Es indispensable para optimizar la web y sobre todo para reducir al máximo el código fuente que no necesita tu web. Crearemos un artículo específico para hablar de este módulo y de como configurarlo por completo. Mientras tanto, te recomendamos echarle un ojo a nuestros consejos de optimización web y SEO.
Un punto muy importante, una vez dispongas de Perfmatters, es dirigirte al final de su página de opciones y cambiar el “Custom Login URL”. Al introducir un nombre de tu preferencia, cambiarás el acceso directo a la página de inicio de sesión por defecto que es tuweb.com/wp-admin.
Esto es muy importante para evitar ataques de fuerza bruta de hackers y Bots que intenten acceder a tu sistema probando millones de combinaciones hasta dar con la correcta. Como solemos decir, no es cuestión de cómo, sino de cuando lo conseguirán. Toda protección es buena.
Aloja tu página web con Wonkahost
Este punto es uno de los más importantes en lo que protección y optimización se refiere. No es porque queramos vender nuestros servicios (que también), sino porque contar con el hosting más rápido de Europa (y no lo decimos nosotros) es un punto esencial tanto para ofrecer a tus clientes la mejor experiencia y velocidad, como para posicionarte en Google mediante una calificación de 100% en PageSpeed.
Si tu web es pequeña y no necesitas gestionar clientes, el Plan Nano es perfecto para ti.
Si por lo contrario, tienes una tienda online y quieres que tu WooCommerce vuele aumentando la retención de tus clientes y maximizando las ventas y posicionamiento, el Plan Wonka es justo lo que necesitas. A demás tienes 30 días gratis para que lo pongas a prueba.
Si ya cuentas con un hosting, es posible que te interese saber lo que los proveedores de Hosting no quieren que sepas. Te sorprenderás.
Esperamos que este artículo te haya ayudado a crear tu página web y si tienes nuevas ideas que aportar estaremos encantados de recibirlas para compartirlas con todos.
