Primeros pasos en WordPress 2023

Hola a todos! Esta es mi primera publicacin en la plataforma DEV y la idea de este articulo es relatar de forma clara lo sencillo que puede ser crear t propia pgina web sin grandes conocimientos en programacin, gracias al CMS WordPress.

Una vez instalado WordPress, con tu dominio muchas veces las dudas que nos preguntamos y ms al comenz son como continuar ahora. Es decir, Cul es la forma ms 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.

Basndome absolutamente en mi experiencia personal tras haber creado varias pginas web propias centradas en empresa y negocios, te recomiendo los siguientes para que todo sea mucho ms fcil, 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 cmodamente, 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 estn muy bien, son muy ligeros por lo que tu web y tus post se indexarn en Google rpidamente y podrs pasar a descargar plugins y luego al contenido!

Por otro lado, si lo que buscas es crear una web con un aspecto ms profesional. Porque ser la pgina de t negocio o tu tienda online, entiendo que buscas un poco ms de personalizacin. Si es as, si navegas por el apartado de "Temas", es lgico 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 ver para aqu para echarles un vistazo y comprobar todas las cosas que puedes hacer con este tema de manera gratuita y sencilla, que es lo ms importante. (Algunas de mis webs: Heskouri Calidad, ISO 17025, Abogados Stop Desahucios)

Personalmente considero que es un tema increble. 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 vers que hay muchsimas opciones a elegir, y todas son geniales. Pero si quieres y para no agobiarte, tambin te indico mis favoritas segn cada caso.

- Caso 1:
Si tienes claro que vas a desarrollar una tienda online y necesitas disponer de una seccin 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 indicars en pginas propias; te recomiendo: Bussines o Bizconsult.

2. Plugins bsicos para comenzar que recomiendo
Aqu entramos en otro mundo infinito tambin, 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 bsicos que para m no pueden faltar y que te harn la vida muchsimo ms fcil 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 pestaa:
  "Sitios de Inicio" eliges la plantilla que quieras como Sitio de Inicio que ya hemos comentado.
  "Extensiones" de los gratuitos te recomiendo los siguientes segn cada caso.

  • Cookies Consent, esta extensin incluida en el propio tema sirve para poder indicar a los visitantes de tu web el tipico mensajito de que la Web usa cookies para que las acepten o rechacen. En i opinin, es bonito, sencillo, prctico y muy til. Ya que gracias a esta extensin, te ahorras descargarte otro plugin extra de cookies.
  • Widgets, otra extensin interesante recomendadsima. Ya que te permite elaborar diseos propios para aadir en el pie de pgina o en la barra lateral del blog o de la tienda.
  • Product Reviews, si tienes una tienda online sencillamente lo necesitars. Esta extensin habilita en tus fichas de productos una seccin 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 ms que Google mira en los datos fragmentados de la ficha de producto, y a ms comentarios positivos ms fcil ser que tu ficha de producto se posicione en puestos superiores en el buscador. Poder gestionarlo de manera tan sencilla con una simple extensin lo hace increible.
  • Trending Posts, esta extensin puede ser interesante en cuanto al blog. Puesto que te permite aadir una seccin de "post en tendencia" en cualquier pagina de tu web, para que se visualicen siempre los artculos que estn en tendencia. Dependiendo del tipo de pgina web y cmo decidas gestionar el blog de tu web puede ser o no de utilidad. Yo personalmente l atengo habilitada en algunas y no en todas las webs.
  • Newsletter Subscribe, esta opcin permite aadir un apartado para que los visitantes den su correo para suscribirse a tu web. Personalmente esta extensin al no tener posibilidad de personalizar los formularios no me convence y en su lugar te comento un plugin mejor.

"Plugins tiles", en esta seccin 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 usars el editor de Wordpress por defecto, Gutenberg o no. Yo personalmente suelo trabajar con el editor Gutenberg, por lo que si tu tambin, te recomiendo descargar este plugin porque incluye la mayora de bloques que necesitars y puedes ver en mis webs. Tienes opciones de personalizacin increbles de colores, imgenes, transparencias, bloques de cuenta atrs, bloques de ndice o tbla de contenidos automtica 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 personalizacin en el bloque de cuenta atrs, y en lo sliders para hacer que un bloque aparezca o no con el scroll de la web.

En mi opinin, con el anterior es ms que suficiente. Ya que Stackable permite gestionar de manera muy fcil 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 cuentraatrs ms dinmica como se puede ver aqu en "Da Mundial de la Calidad") y que Stackable tiene, pero en la versin de pago.)

En mi experiencia personal, no me termina de convencer instalar Elementor en su versin gratuita. Porque cuando quiero hacer cualquier configuracin de diseo algo ms llamativa que con Gutenberg y los complementos de Stackable s puedo, Elementor no lo permite y pide versin de pago. Si t te entiendes mejor con Elementor y/o dispones ya de la versin de pago, no necesitars Gtwing y Stackable al ser especficos para Gutenberg.

• Yoast SEO: un plugin ideal para la gestin del SEO en tu web, sencillo y gratuito. Ya que te permitir modificar los enlaces de las categoras y etiquetas de tu web, haciendo que WordPress de un hiro de 360 y te permite crear estructuras SEO mucho ms interesantes aprovechando las categoras. Otra opcin que incluye es "Schema", ya que en cada pgina o artculo que crees, tendrs la opcin de aadir un Ttulo SEO especfico para Google que no tiene porque ser el que guardes t en tu web, una Descripcin SEO especfica para visualizar en el buscador de Google, aade recomendaciones haciendo una auditora real y en vivo de tu pgina en base a t palabra clave. Adems, aade una seccin llamada "Schema" donde puedes elegir el tipo de pgina que ests escibiendo, para hacer que a Google le sea ms sencillo diferenciar entre una pgina FAQ, dedicada a responder preguntas, una pgina Contacto o una pgina de "Acreca de". Al clasificar cada pgina, Yoast la marca en el schema facilutando su lectura a google. Y por ltimo, incluye 3 bloques fundamentales que te permiten aadir en tus post datos fragmentados de manera muy sencilla como el bloque de FAQs, el de migas, el bloque de Gua.

Plugins especficos 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 dara 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 fcilmente personalizable. Cosa que con otros temas no encuentras sino es en la versin de pago.

• Premmerce Permalink Manager for WooCommerce:
  Si hablamos de Woocomerce y al inicio ya mencionamos a Yoast SEO y la opcin de modificar los enlaces de categoras y etiquetas del blog, ya que Woocomerce permite crear fichas de productos de forma similar a cmo se crea una entrada a un blog, como imaginas tambin incluye categoras y etiquetas de producto. Por lo que sera ideal modificarlas tambin, pero ni Woocomerce ni Yoast SEO lo permiten, por lo que con este plugin se soluciona. Este es un plugin sencillo con una funcin clara y sin complicaciones, te servir para definir si quieres que tus productos utilicen por defecto el enlace original o si configuras que utilicen "Categoras" podrs cambiarle el nombre de "product-cat" al que t consideres ms importante. En mi caso, para mi web Heskouri Calidad, cambi el link para que cogiera el de las categoras de productos para las cuales modifique el nombre personalizndolo a cada seccin de las normas ISO. chale un vistazo y comntame si tienes cualquier duda.

• PDF Invoices & Packing Slips for WooCommerce: este es otro PDF til para la tienda, ya que te permite configurar la generacin y envo a cliente de Albaranes y Facturas en PDF, para cada pedido de cada cliente segn un diseo propio del plugin (muy sencillo eso s, pero til a fin de cuentas) de forma sencilla automatizando el proceso de pedido y facturacin.

• Checkout Field Editor for WooCommerce: por ltimo, ya que estamos hablando de Albaranes y sobre todo de Facturas. En muchos pases el estado estipula de forma obligatoria una serie de campos que deben aparecer por defecto en una factura (sobre todo en las facturas electrnicas). Este es el caso de el NIF de cliente por ejemplo, el cual por defecto en Woocomerce no aparece como opcin en la ficha de cliente. Con ste plugin podrs aadir o eliminar campos segn las necesidades de t negocio (porque WooCommerce trae muchos campos como obligatorios que no en todos los negocios pueden ser tiles).

-aqu termina la seccin de plugins especficos para una tienda online-

• Forminator: sin duda un gran descubrimiento. Este se trata de un plugin para formularios que va mucho ms all. Ya que te permite crear formularios, encuestas o cuestionarios. Aspecto ideal segn 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 autoevaluacin para clientes de manera muy sencilla con el cuestionario. Hacer Presupuestos con los formularios, igual que suscripciones o gestin de Tickets de soporte.
  (Nota: tambin permite integracin a Google Sheet lo que automatiza ms el proceso de gestin 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 txicos, aspecto que puede ralentizar la carga de la web. Simplemente lo instalas y ya activas, y ya est funcionando protengiendo 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 tambin dara para un montn de post nicos hablando de el y en YouTube hay muchsimos tutoriales muy buenos. Solo aadir que de forma automtica comprime las imgenes 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 optimizacin 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 aado pero solo en el caso que tu Hosting no incluya la proteccin SSL. Si te fijas a la hora de contratar el hosting donde alojes t dominio, muchos lo incluyen. Y si el tuyo tambin 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 ahorrndote un plugin.

• Joinchat: este plugin es ideal para aadir 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 aplicacin de mensajera que quieras aadir. Lo nico que en la versin 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, bsquedas 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.