Hola a todos! Esta es mi primera publicación en la plataforma DEV, y la idea de este articulo es relatar de forma clara lo sencillo que puede ser crear tú propia página web sin grandes conocimientos en programación, gracias al CMS WordPress.

Una vez instalado WordPress, con tu dominio muchas veces las dudas que nos preguntamos y más al comienzo son como continuar ahora. Es decir, ¿Cuál es la forma más optima de configurar WordPress con todo lo necesario para que yo solo me preocupe del contenido?

Los aspectos fundamentales suelen ser: el tema a elegir y los plugins.

Basándome absolutamente en mi experiencia personal tras haber creado varias páginas web propias centradas en empresa y negocios, te recomiendo los siguientes para que todo sea mucho más fácil, automatizado y optimizado pensando siempre en el SEO y en Google.

1. Temas que recomiendo

Debo decir que si lo que necesitas es una web sencilla para escribir un blog cómodamente, te recomiendo no complicarte la vida y quedarte con el tema por defecto que te vendrá preinstalado de WordPress. Ya sea Twenty Twenty-One, Twenty Twenty-Two o el reciente Twenty Twenty-Three. Todos están muy bien, son muy ligeros por lo que tu web y tus post se indexarán en Google rápidamente y podrás pasar a descargar plugins y luego al contenido!

Por otro lado, si lo que buscas es crear una web con un aspecto más profesional. Porque será la página de tú negocio o tu tienda online, entiendo que buscas un poco más de personalización. Si es así, si navegas por el apartado de "Temas", es lógico que puedas abrumarte un poco con la enrome variedad que existe (y eso que solo hablamos de los gratuitos).

• Blocksy

Pero para que no te compliques demasiado, te indico que el que yo estoy utilizado en varias webs es Blocksy y puedes verlas por aquí, para echarles un vistazo y comprobar todas las cosas que puedes hacer con este tema de manera gratuita y sencilla, que es lo más importante. (Algunas de mis webs: Heskouri Calidad, Abogados Stop Desahucios),...

Personalmente considero que es un tema increíble. Por un lado, trae consigo infinidad de Starter Sites o Sitios de Inicio, porque desde el principio que lo descargas ya puedas darle forma y estructura a tu web definiendo paleta de colores y formato de la fuente de escritura.

De igual manera verás que hay muchísimas opciones a elegir, y todas son geniales. Pero si quieres y para no agobiarte, también te indico mis favoritas según cada caso.

- Caso 1:
Si tienes claro que vas a desarrollar una tienda online y necesitas disponer de una sección en la web para la tienda, las fichas de producto y el área de cliente, etc. Te recomiendo: floreo o homi.

- Caso 2:
Si necesitas una web profesional, pero no será una e-commerce. Es decir, no vas a necesitar tienda, productos, etc. y lo tuyo son servicios que indicarás en páginas propias; te recomiendo: Bussines o Bizconsult.

2. Plugins básicos para comenzar que recomiendo
Aquí entramos en otro mundo infinito también, pero para mi hay unos esenciales que no pueden fallar en cualquier web en pleno 2023 ya.
Igual que en el caso anterior, te recomiendo en base a mi experiencia los básicos que para mí no pueden faltar y que te harán la vida muchísimo más fácil dependiendo de cada caso.

Para comenzar, al instalar el tema Blocksy y para que puedas instalar el starter site por defecto te instala el siguiente plugin.

• Blocksy Companion
  Este plugin te permite hacer varias cosas, por un lado en la pestaña:
  "Sitios de Inicio" eliges la plantilla que quieras como Sitio de Inicio que ya hemos comentado.
  "Extensiones" de los gratuitos te recomiendo los siguientes según cada caso.

  • Cookies Consent, esta extensión incluida en el propio tema sirve para poder indicar a los visitantes de tu web el típico mensajito de que la Web usa cookies para que las acepten o rechacen. En mi opinión, es bonito, sencillo, práctico y muy útil. Ya que gracias a esta extensión, te ahorras descargarte otro plugin extra de cookies.
  • Widgets, otra extensión interesante recomendadísima. Ya que te permite elaborar diseños propios para añadir en el pie de página o en la barra lateral del blog o de la tienda.
  • Product Reviews, si tienes una tienda online sencillamente lo necesitarás. Esta extensión habilita en tus fichas de productos una sección para que tus clientes dejen comentarios y valoraciones sobre tus productos. Puedes personalizar la vista y gracias a ello luego puedes filtrar los productos por "mejor valorado", etc. Nota: recordar que este aspecto de las valoraciones de las fichas de productos es super importante de cara al SEO en Google, ya que es un aspecto más que Google mira en los datos fragmentados de la ficha de producto, y a más comentarios positivos más fácil será que tu ficha de producto se posicione en puestos superiores en el buscador. Poder gestionarlo de manera tan sencilla con una simple extensión lo hace increible.
  • Trending Posts, esta extensión puede ser interesante en cuanto al blog. Puesto que te permite añadir una sección de "post en tendencia" en cualquier pagina de tu web, para que se visualicen siempre los artículos que están en tendencia. Dependiendo del tipo de página web y cómo decidas gestionar el blog de tu web puede ser o no de utilidad. Yo personalmente la atengo habilitada en algunas y no en todas las webs.
  • Newsletter Subscribe, esta opción permite añadir un apartado para que los visitantes den su correo para suscribirse a tu web. Personalmente esta extensión al no tener posibilidad de personalizar los formularios no me convence y en su lugar te comento un plugin mejor.

"Plugins útiles", en esta sección ellos te recomiendan plugins que funcionan muy bien con el tema. De entre ellos destaco los siguientes 3:

• Stackable – Gutenberg Blocks: este plugin te lo recomienda directamente al instalar el tema y puedes decidir si descargarlo o no en base a si usarás el editor de Wordpress por defecto, Gutenberg o no. Yo personalmente suelo trabajar con el editor Gutenberg, por lo que si tu también, te recomiendo descargar este plugin porque incluye la mayoría de bloques que necesitarás y puedes ver en mis webs. Tienes opciones de personalización increíbles de colores, imágenes, transparencias, bloques de cuenta atrás, bloques de índice o tábla de contenidos automática para el blog (Nota: aspecto importante en las entradas del blog) y todo de forma gratuita.

• Getwid – Gutenberg Blocks: siguiendo con Gutemberg, este otro plugin se complementa con el anterior ya que incluye todo lo que comentamos en el anterior junto con mayores opciones de personalización en el bloque de cuenta atrás, y en sliders o controles deslizantes para hacer que un bloque aparezca o no con el scroll de la web.

En mi opinión, con el anterior es más que suficiente. Ya que Stackable permite gestionar de manera muy fácil las transparencias y superposiciones de bloques y este no. Por lo que yo este lo descargo como complemento en algunas webs, cuando quiero hacer efectos visuales (que un apartado aparezca al hacer scroll o una cuenta atrás más dinámica como se puede ver aquí en "Día Mundial de la Calidad") y que Stackable tiene, pero en la versión de pago.)

En mi experiencia personal, no me termina de convencer instalar Elementor en su versión gratuita. Porque cuando quiero hacer cualquier configuración de diseño algo más llamativa que con Gutenberg y los complementos de Stackable sí puedo, Elementor no lo permite y pide versión de pago. Si tú te entiendes mejor con Elementor y/o dispones ya de la versión de pago, no necesitarás Gtwing y Stackable al ser específicos para Gutenberg.

• Yoast SEO: un plugin ideal para la gestión del SEO en tu web, sencillo y gratuito. Ya que te permitirá modificar los enlaces de las categorías y etiquetas de tu web, haciendo que WordPress de un hiro de 360º y te permite crear estructuras SEO mucho más interesantes aprovechando las categorías. Otra opción que incluye es "Schema", ya que en cada página o artículo que crees, tendrás la opción de añadir un Título SEO específico para Google que no tiene porque ser el que guardes tú en tu web, una Descripción SEO específica para visualizar en el buscador de Google, añade recomendaciones haciendo una auditoría real y en vivo de tu página en base a tú palabra clave. Además, añade una sección llamada "Schema" donde puedes elegir el tipo de página que estás escibiendo, para hacer que a Google le sea más sencillo diferenciar entre una página FAQ, dedicada a responder preguntas, una página Contacto o una página de "Acreca de". Al clasificar cada página, Yoast la marca en el schema facilitando su lectura a google. Y por último, incluye 3 bloques fundamentales que te permiten añadir en tus post datos fragmentados de manera muy sencilla como el bloque de FAQs, el de migas, el bloque de Guía.

Plugins específicos para e-commerce o tienda online:

• Woocomerce: este plugin es fundamental para una tienda online, y no me voy a extender mucho en el porque daría para 15 post. Lo importante a destacar, es que se combina muy bien con Blocksy, ya que el Área de Cliente es muy bonita y fácilmente personalizable. Cosa que con otros temas no encuentras sino es en la versión de pago.

• Premmerce Permalink Manager for WooCommerce:
  Si hablamos de Woocomerce y al inicio ya mencionamos a Yoast SEO y la opción de modificar los enlaces de categorías y etiquetas del blog, ya que Woocomerce permite crear fichas de productos de forma similar a cómo se crea una entrada a un blog, como imaginas también incluye categorías y etiquetas de producto. Por lo que sería ideal modificarlas también, pero ni Woocomerce ni Yoast SEO lo permiten, por lo que con este plugin se soluciona. Este es un plugin sencillo con una función clara y sin complicaciones, te servirá para definir si quieres que tus productos utilicen por defecto el enlace original o si configuras que utilicen "Categorías" podrás cambiarle el nombre de "product-cat" al que tú consideres más importante. En mi caso, para mi web Heskouri Calidad, cambié el link para que cogiera el de las categorías de productos para las cuales modifique el nombre personalizándolo a cada sección de las normas ISO. Échale un vistazo y coméntame si tienes cualquier duda.

• PDF Invoices & Packing Slips for WooCommerce: este es otro PDF útil para la tienda, ya que te permite configurar la generación y envío a cliente de Albaranes y Facturas en PDF, para cada pedido de cada cliente según un diseño propio del plugin (muy sencillo eso sí, pero útil a fin de cuentas) de forma sencilla automatizando el proceso de pedido y facturación.

• Checkout Field Editor for WooCommerce: por último, ya que estamos hablando de Albaranes y sobre todo de Facturas. En muchos países el estado estipula de forma obligatoria una serie de campos que deben aparecer por defecto en una factura (sobre todo en las facturas electrónicas). Este es el caso de el NIF de cliente por ejemplo, el cual por defecto en Woocomerce no aparece como opción en la ficha de cliente. Con éste plugin podrás añadir o eliminar campos según las necesidades de tú negocio (porque WooCommerce trae muchos campos como obligatorios que no en todos los negocios pueden ser útiles).

-aquí termina la sección de plugins específicos para una tienda online-

• Forminator: sin duda un gran descubrimiento. Este se trata de un plugin para formularios que va mucho más allá. Ya que te permite crear formularios, encuestas o cuestionarios. Aspecto ideal según el tipo de negocio que tengas. En mi caso, ésta variabilidad recogida en un único plugin me encanta ya que me permite crear herramientas de autoevaluación para clientes de manera muy sencilla con el cuestionario. Hacer Presupuestos con los formularios, igual que suscripciones o gestión de Tickets de soporte.
  (Nota: también permite integración a Google Sheet lo que automatiza más el proceso de gestión de contactos desde el formulario a tú propia base de datos externa o CRM)

• Honeypot Anti-Spam: este plugin es maravilloso y muy sencillo. Se trata de un plugin para evitar el ataque masivo de spam en tus comentarios, sobre todo evita que te pongan en comentarios spam con enlaces tóxicos, aspecto que puede ralentizar la carga de la web. Simplemente lo instalas y activas, y ya está funcionando protegiendo tu web.

• LiteSpeed Cache: este es ideal para reducir el cache y la sobrecarga en la web. No me voy a complicar mucho con el porque también daría para un montón de post únicos hablando de el y en YouTube hay muchísimos tutoriales muy buenos. Solo añadir que de forma automática comprime las imágenes de JPG, JPGE o PNG a Webp (por si se te olvida a tí subir tus imagenes en formato WEBP), minimiza CSS y JavaScript, y si configuras las DNS de cuidCloud o CloudFlare permite una optimización mayor de la web, mejorando la carga.

• Limit Login Attempts Reloaded: este es un plugin de seguridad muy útil que evita los ataques de span a tú web. Otro que funciona facilmente tras instalar y activar, sin grandes configuraciones a parte que la propia del tutorial del plugin.

• Really Simple SSL: este lo añado pero solo en el caso que tu Hosting no incluya la protección SSL. Si te fijas a la hora de contratar el hosting donde alojes tú dominio, muchos lo incluyen. Y si el tuyo también lo incluye pero al entrar en tú web y en tú panel de WordPress no lo ves y te parece como sitio web no seguro, te recomiendo revisarlo en el cPanel porque puede que esté desactivado, y solo debas revisar para activarlo ahorrándote un plugin.

• Joinchat: este plugin es ideal para añadir el icono de mensaje a WhatsApp en la esquina inferior de tú web. Permite que tus clientes contacten contigo diretamente al WhatsApp, Telegram o cualquier aplicación de mensajería que quieras añadir. Lo único que en la versión gratuita solo puedes elegir 1, en la de pago ya si puedes poner muchos chats diferentes.

En resumen, y como puedes ver son bastantes cosas. Pero espero que con éste listado te sirva para evitarte muchas confusiones, búsquedas incansables entre miles de plugins probando y a ver cual concuerda con tus necesidades.

Gracias por leerme, soy Heva consultora de laboratorios en Heskouri Calidad.