Posted on

Cómo gestionar categorías, etiquetas y atributos en WooCommerce

Crear una tienda online con WordPress y WooCommerce es sencillo, son solo unos pasos básicos de relleno de datos y poco más. No es nada que no puedas aprender con el curso que hice de WooCommerce y que tienes disponible gratis en el canal de YouTube de SiteGround España.

Ahora bien, esto no significa ni de lejos que tu tienda online esté configurada correctamente para empezar a crear productos y aprovechar tu oportunidad de vender en el mundo del Ecommerce.

Las taxonomías

Ya sea por organización, planificación, y también por posicionamiento en buscadores, debes conocer, pero sobre todo comprender la importancia de categorías, etiquetas y atributos de los productos, así como para qué se usa cada una de estas taxonomías y, sobre todo, cómo utilizarlas correctamente para que aporten sentido y valor a los productos de tu tienda en línea.

«Nota: Por taxonomía se entiende cualquier método de orden o clasificación de elementos de cualquier tipo»

Aunque en esta guía entraré más detalle, es interesante, hasta conveniente, que eches un vistazo en algún momento al vídeo sobre la gestión de taxonomías en WooCommerce que realicé para el curso de WooCommerce de creación de tiendas online, disponible en el canal de YouTube de SiteGround, y que puedes revisar aquí mismo…

Este vídeo es un buen comienzo para entender visualmente cómo se crean, pero merece la pena entrar más en detalle de la importancia de las categorías, etiquetas y atributos en WooCommerce así que vamos a ello…

Qué son y para qué sirven las categorías en WooCommerce

Podríamos decir que las categorías, en WooCommerce, son el modo principal de organización y clasificación de productos de tu tienda en línea.

Además, las categorías, como el resto de taxonomías, pueden ser un recurso de navegación por tus productos para los clientes de tu tienda online.

En el mundo real las categorías de tu tienda online WooCommerce serían las tipologías de productos, incluso las secciones de tu tienda, con sus lineales diferenciados por tipo de producto.

Cómo crear categorías de productos en WooCommerce

Aunque puedes añadir categorías de productos en cualquier momento mientras creas o editas un producto, al menos deberías tener clara una estructura y jerarquía clara antes de empezar a crear productos, de este modo te evitarás improvisar en el futuro en la creación de categorías y las distintas secciones de tu tienda online tendrán un sentido y coherencia.

Las categorías pueden tener jerarquías, así que puedes crear categorías y subcategorías de las categorías principales.

Para crear una categoría nueva ve al menú Productos > Categorías y verás la pantalla con el listado de las categorías existentes, así como los campos que rellenar para crear nuevas categorías.

Es importante que completes todos y cada uno de los campos de la nueva categoría, y te explico a continuación cuáles son, su utilidad e importancia:

  • Nombre: El nombre visible de la categoría, que aparecerá en todas las partes de la tienda donde se vean nombres de categorías, y también el título SEO por defecto.
  • Slug: La parte de la URL que identifica a la categoría.
  • Categoría padre: Si es subcategoría de una categoría principal, selecciónala en el desplegable, en caso contrario déjalo en «Ninguna»
  • Descripción:  Descripción visible de la categoría. Piensa en una buena descripción, que defina bien los productos que se encontrarán en ella, así como detalles de calidades, garantías, etc. Esta descripción también será la descripción por defecto para SEO.
  • Tipo de visualización: En este apartado puedes elegir cómo se visualizarán los productos de esta categoría en los listados de la tienda online, pudiendo elegir entre:
    •  Por defecto: Heredará los ajustes configurados en el personalizador de WordPress.
    • Productos: Al hacer clic el cliente en la imagen de la categoría se mostrarán todos los productos de la misma, así como de sus subcategorías.
    • Subcategorías: Al hacer clic el cliente en la imagen de la categoría se mostrarán solo las imágenes de las subcategorías.
    • Ambos: Al hacer clic el cliente en la imagen de la categoría se mostrarán tanto las imágenes de las subcategorías como los productos de ambas.
  • Miniatura: Imagen que se mostrará en los listados de la tienda online para identificar los productos de la misma. Es importante que la elijas bien, y que no coincida con la de ningún producto individual.

Además, también puedes crear categorías desde el editor de productos, simplemente añadiéndola a la lista de categorías del producto que estés creando o editando.

Puedes elegir el nombre, si es categoría padre o hija de alguna categoría padre, y nada más. La categoría que añadas estará seleccionada por defecto, asignándola al producto actual, tenlo en cuenta.

Aunque puedes hacerlo, no es recomendable que te acostumbres a este método, por varios motivos:

  • No puedes – en este momento – asignarle una imagen o descripción.
  • No tienes la visión general de la jerarquía y navegación de categorías de la tienda en su conjunto.
  • Es una mala práctica porque incita a crear más categorías de las necesarias e incluso recomendables.

A pesar de estos inconvenientes, si por algún motivo añades alguna categoría por este método, o previamente había categorías sin todos los campos completados, siempre puedes editar las categorías existentes y rellenar lo que falte.

Desde el listado de categorías simplemente haz clic en el nombre de la categoría o en el enlace de «Editar» que aparece al pasar el cursor sobre la categoría.

En la siguiente pantalla podrás modificar y/o añadir los elementos que falten o quieras mejorar.

Son especialmente útiles e importantes los campos de descripción y miniatura, pues además de ayudarte a ti y a tus clientes a identificar fácil y rápidamente qué productos contiene cada categoría, también serán visibles en la tienda online y ayudarán al posicionamiento de la categoría de productos pues los motores de búsqueda usarán estos elementos (título, descripción e imagen) para crear los resultados en sus buscadores.

Además, se verán mucho mejor en tu tienda, mira la diferencia en la siguiente captura:

Además, hay temas que crearán bonitas páginas de tus categorías, mostrando los productos en todo su esplendor.

Igualmente, en la página de cada producto individual se mostrará una lista de las categorías en las que está incluido, y los nombres de las categorías tiene enlace, pudiendo el cliente navegar por cada una de ellas.

Pero no solo eso, sino que las categorías son uno de los más importantes recursos de navegación, ya que suelen usarse en la mayoría de las tiendas online del planeta como los enlaces principales del menú de la tienda, para que al cliente le sea fácil llegar rápidamente a los productos que busca.

Para crearlos solo tienes que abrir el personalizador de WordPress y añadir las categorías de productos a tu menús, donde quieras que se visualicen.

Como habrás visto, las categorías son uno de los recursos de organización, clasificación, jerarquía y navegación más importante de cualquier tienda en línea, y debes razonar y planificar bien su creación y aplicación, y eso dependerá del tipo de productos que vendas en tu Ecommerce.

El proceso de crearlas y visualizarlas, como hemos repasado, es sencillo.

Qué son y para qué sirven las etiquetas en WooCommmerce

Ahora vamos a hablar de las etiquetas de producto en WooCommerce, que también son una taxonomía pero más sencilla.

Para empezar, las etiquetas no tienen jerarquía, así que no vas a tener ni poder crear sub-etiquetas o algo similar.

Básicamente, las etiquetas son otro modo de vincular unos productos con otros, como el resto de taxonomías, pero en este caso relativo a particularidades específicas y concretas de cada producto, cuando haya alguna característica que comparan con otros productos, que no esté encuadrado en categorías o atributos (esto último lo entenderás más adelante).

Esto es importante que lo comprendas bien, apunta:

«Nota: Si solo un producto va a usar una categoría o etiqueta no la crees, principalmente sirven para vincular productos con alguna coincidencia entre sí. »

 Te pongo un ejemplo; si tienes una tienda online de camisetas, donde tienes de hombre, mujer y unisex, estas serían las categorías principales. Ahora bien, luego, puedes elegir el modelo con un perrito dibujado en la camiseta, da igual su categoría, pero no tienes ese modelo en todas, pues puedes añadir «perrito» como etiqueta, y habrá camisetas e incluso otros productos de otras categorías que puedan compartir la cualidad de que llevan el dibujo del perrito. De este modo la etiqueta sirve para vincular productos incluso de diferentes categorías, algo que igual no es útil para ti como gestor de la tienda pero puede ser fundamental como recurso de navegación para el cliente que busque «prendas de vestir con perritos», y le da igual en principio si son camisetas, sudaderas, o incluso gorras o bolsos.

Cómo crear etiquetas de productos en WooCommerce

Dicho esto, crear etiquetas es tanto o más sencillo que las categorías. En la pantalla de gestión de «Productos > Etiquetas» verás las ya creadas, pudiendo editarlas, y los ajustes principales para crear nuevas etiquetas.

Como ves, faltan algunos campos a la hora de crearlas que sí teníamos en las categorías: superior o padre, ya que no tienen jerarquía, tipo de visualización e imagen de la taxonomía, aunque esto último me parece una carencia, pues en realidad no vendría mal asociar también imágenes a los archivos de etiquetas, sobre todo para las páginas del archivo de las mismas y también de cara al SEO.

Al igual que con las categorías, una vez creadas puedes editar las etiquetas.

E, igualmente, puedes añadirlas sobre la marcha, mientras editas un producto.

Una vez creadas, al igual que las categorías, cada etiqueta tendrá su propia URL y página de archivo, como en el siguiente ejemplo:

Usos habituales de las etiquetas de producto en WooCommerce son los siguientes:

  • Diseños comunes entre productos
  • Temporalidad común entre productos
  • Marcas de productos 

Sobre todo es importante no confundir etiquetas con categorías, pero sobre todo no confundirlas con los atributos, que ahora veremos.

Plataformas para crear tu tienda online

Qué son y para qué sirven los atributos en WooCommerce

Si nunca has usado atributos de producto en tu tienda en línea creada con WooCommerce es que no tienes productos variables, pues si algo determina un producto variable es que se convierte en tal, tiene razón de existir, porque hay atributos diferentes para un mismo producto.

En este punto podríamos definir que un atributo de producto es una característica técnica diferencial que puede tener un mismo producto.

Ejemplos habituales de atributos serían los siguientes:

  • Colores
  • Tallas
  • Materiales
  • Tipos de acabado

Un ejemplo típico sería cuando hablamos de calzado, pues un mismo modelo de zapato podría tener los siguientes atributos:

  • Tallas: Digamos, de la 37 a la 46, con distintas existencias de cada talla.
  • Colores: Por ejemplo, negro y marrón, y con diferentes stock según el color y la talla.
  • Materiales: Piel 100% o 50% piel – 50% poliéster, y en cada material distinto inventario según talla y color.

Como ves, las distintas combinaciones posibles pueden llegar a ser enormes, si tienes mucha variedad de atributos en tus categorías de productos ( 😉  ¿lo vas pillando? categorías de productos que a su vez tienen atributos)

En una tienda tipo vas a tener 2 grandes tipologías de atributos:

  1. Aplicables a varios productos – Por ejemplo, las tallas de calzado, que pueden aplicarse a cualquier zapato, si cubres todo el espectro al crearlas.
  2. Aplicables solo a un producto – Por ejemplo, tipos de acabado especial que solo son aplicables a un producto concreto. Como por ejemplo un cinturón de la categoría de accesorios que el cliente puede elegir en distinto diseños, que solo hay en ese cinturón.

Teniendo en cuenta esto deberías ya saber que, también, hay 2 maneras de crear atributos:

  1. Previamente a la creación de los productos, para que luego, al editar el producto, solo tengas que seleccionar qué atributos quieres aplicar para las variaciones de cada producto concreto (no te agobies que luego vemos ejemplos concretos).
  2. Mientras editas un producto, creando atributos específicos para cada producto en base a las variaciones necesarias del mismo (también veremos un ejemplo).

Cómo crear atributos de productos en WooCommerce

Empezando por el primer método, que es el ideal, y como mejor lo vas a comprender, el primer paso es ir a la pantalla de «Productos > Atributos», donde verás (como siempre) la lista de los ya creados – si los tuvieses – así como los campos para la creación rápida de atributos.

Los campos, y su explicación, son estos:

  • Nombre – El nombre visible del atributo.
  • Slug – Parte de la URL para el atributo (se genera automáticamente)
  • ¿Activamos el archivo? – Si quieres poder crear páginas de listados de productos de ese atributo, para que los clientes puedan ver todos los productos, por ejemplo, de un mismo color o talla, sea cual sea su categoría de productos, activa esta casilla. Es más, yo la activaría siempre, nunca sabes si lo necesitarás en un futuro, en base a la experiencia de navegación y sugerencias de tus clientes.
  • Orden de clasificación por defecto: Puedes elegir entre… 
    • Orden personalizado (el recomendable, pues además podrás reordenar los atributos a tu gusto arrastrando y soltando, lo más práctico)
    • Nombre
    • Nombre (numérico)
    • ID de término

Estos son los campos que necesitas para crear el atributo, pero no has terminado, pues cuando termines de crear el atributo debes crear también los términos del atributo, o sea, sus posibles variaciones.

Por ejemplo, si creas el atributo color, luego tienes que crear los términos del atributo color, es decir, los colores disponibles: rojo, azul, etc.

En este ejemplo vamos a vender libros, y algunos tienen encuadernado barato (tapa blanda) y otros encuadernado de lujo (tapa dura), así que primero creamos el atributo, que he llamado «tapa».

Una vez creado aparecerá en la lista de atributos, pero sin términos aplicables, así que haremos clic en «Configurar términos» para crearlos.

En la siguiente pantalla solo hay que rellenar los campos de nombre y descripción, para cada término del atributo que queramos que esté disponible.

Cuando hayas creado todos los términos, estos aparecerán en la lista de términos del atributo.

Así como en la página del listado de posibles atributos.

Creo que es fácil de entender, y más aún crearlos ¿no te parece?

Pero aún queda la parte importante, porque las categorías y etiquetas son simplemente modos de vincular productos entre sí, para favorecer la organización e incluso jerarquía de productos de la tienda online, pero los atributos son algo más, son elementos seleccionables en los productos, que pueden influir en el inventario, incluso precio, así que falta la parte de asociar los términos de los atributos a nuestros productos, los hayamos ya creado o no.

Cómo se usan los atributos de productos en WooCommerce

Aunque puedas asignar términos de atributos a productos simples, estos serán solo a título informativo, el cliente no tendrá opciones, solo una serie de «cualidades».

Una vez publicado el producto, con sus atributos (únicos y no seleccionables), será algo meramente informativo, pues no hay opciones, el producto es simple, no variable, no puedes elegir otro color, talla o lo que sea.

Como te decía, es informativo pero nada más. Si quieres aprovechar el potencial de los atributos de productos es con los productos variables donde cobran sentido, todo el sentido.

En un producto variable el precio y las existencias no están asociados al producto en sí, sino a cada variación, pues puede haber distinto stock de una talla/color/etc. que de otra.

Es aquí donde, en la pestaña de atributos de la caja de datos del producto, tras seleccionar que será un producto variable, puedes añadir atributos, tanto existentes como nuevos, solo aplicables a este producto, como te comenté antes.

En el ejemplo anterior he creado un atributo personalizado (suela) solo aplicable a este producto (inicialmente), cuyos valores, o términos, son dura o blanda, que será la selección que deberá hacer el cliente.

Lo más importante a la hora de crear variaciones de producto a partir de atributos es marcar la casilla de «Usado para variaciones», pues sin esta casilla los atributos serán sólo informativos, sin que el cliente pueda seleccionar uno u otro.

Siguiendo con la configuración del producto variable, también podemos añadir atributos previamente creados, seleccionando solo aquellos términos (valores) que estén disponibles para este producto.

Por ejemplo, si hemos creado 14 tallas diferentes, pero de este producto solo tendremos 3 tallas disponibles, sólo añadiremos estas tres y no todas, salvo que vayamos a tener stock en un futuro. Estas son cosas que hay que pensar y tener en cuenta siempre que creemos un producto. Se puede modificar más tarde pero es mejor hacerlo bien desde el principio.

En la siguiente captura puedes ver que hemos añadido atributos que usaremos para variaciones (talla y suela), cada uno con varios términos que podrá seleccionar el cliente, y otro que solo será informativo, pues no hay elección posible, el color verde, único disponible para este producto.

Una vez guardes los atributos ve a la pestaña de variaciones y pulsa el botón de crear variaciones para todos los atributos.

Después de un par de mensajes informativos se crearán todas las posibles combinaciones de términos de los atributos creados.

Pero, como te indicará en el mensaje, no tienen precio, así que ahora te toca ampliar los detalles de cada variación e indicar el precio de cada una, sus existencias actuales (que irán disminuyendo automáticamente en cada pedido) y, si quieres, más detalles, como descripción particular o imagen diferente.

Debes editar cada variación del producto, cambie o no el precio, inventario, etc, sino no aparecerá en la tienda.

Cuando hayas terminado, guarda los cambios, actualiza el producto y ahora sí tus clientes podrán elegir los distintos términos de tus atributos, como variaciones del producto, cada uno con su precio, inventario, etc.

Cuando el cliente añada el producto al carrito de compras este incorporará toda la información de las variaciones elegidas.

Si has comprendido bien la gestión de atributos y términos (valores) de productos, y su importancia en cualquier tienda en línea con productos variables, así como la diferencia y posibilidades de uso de categorías y etiquetas, me doy por satisfecho, y estoy seguro de que podrás crear cualquier Ecommerce y tener éxito con tu comercio online.

Si te quedó alguna duda déjala en los comentarios y te contestaré lo antes posible.

Posted on

¿Qué es el WPO? ¿Cómo optimizar WPO para WordPress?

Qué es WPO

WPO es el acrónimo de Web Performance Optimization, u optimización del rendimiento web, y son una serie de estrategias y técnicas para conseguir 3 objetivos principales:

  1. Mostrar el contenido de tu web lo más rápido y optimizado posible.
  2. Ofrecer una experiencia de navegación óptima a tus visitantes.
  3. Realizar un consumo eficiente de los recursos disponibles en el servidor donde está alojada la web.

Para conseguir estos objetivos, aplicaremos las distintas estrategias y técnicas de WPO que vamos a ver en esta guía, en la que encontrarás tanto la explicación de su funcionamiento como el modo más sencillo y eficaz de conseguir cada reto de optimización.

Qué no es WPO

Lo que no debes perder nunca de vista es que WPO son estrategias y técnicas para conseguir los 3 objetivos que hemos visto antes, no uno o dos, sino los tres.

Si aplicas alguna estrategia o técnica de optimización a tu web y esta entra en conflicto con alguno de los 3 objetivos es que no estás aplicando correctamente el WPO.

Normalmente, el error más común a la hora de aplicar estrategias y técnicas de WPO es olvidar el objetivo número 2, el de ofrecer una experiencia de navegación óptima a los visitantes, habitualmente por aplicar un exceso de optimizaciones sin control, sin comprobar si afectan positivamente o negativamente a la navegación por tu web.

También se suele incurrir en el error de no vigilar el consumo de recursos del servidor, que no son ilimitados, y son la base de toda web, y el fundamento de la optimización, del WPO.

Por qué debes optimizar WordPress

Vas a leer en ocasiones que WordPress es lento, que no es un sistema bien optimizado, y en cierto modo tienen razón, no solo con WordPress sino con cualquier gestor de contenidos que sea dinámico, que use una base de datos para almacenar la información, y genere el contenido a partir de consultas y peticiones entre el lenguaje de programación (PHP) y la base de datos para mostrar las páginas en el navegador (HTML).

Una página web estática, creada directamente en HTML no tiene que realizar ninguna consulta para convertir y/o mostrar el contenido, sino que el navegador ya puede «leer» su código directamente y mostrarlo, y esto es más rápido, sin duda alguna.

Ahora bien, ¿queremos webs dinámicas no?, porque sin los gestores de contenidos dinámicos, como WordPress, no hay gestión de comentarios, ni programación de contenidos, ni comercio electrónico, redes sociales, foros, nada de todo eso a lo que estamos acostumbrados.

Así que ¿algo habrá que hacer para acelerar esos procesos lentos no te parece?

Las técnicas de optimización WPO para WordPress buscan reducir esos tiempos de espera entre consultas, para ofrecer una experiencia de carga de página tan rápida como si fuese una web estática, pero sin perder las ventajas de una web dinámica.

Es principalmente con este objetivo con el que aplicamos WPO para optimizar WordPress, pero hay otro también muy importante, y es la globalización.

Actualmente, nuestra web no tiene como competencia en cuanto a prestaciones y rendimiento a las webs de nuestro mismo tipo de negocio, sino a las webs de las grandes empresas como Amazon, Facebook o Netflix, pues el usuario está acostumbrado a visitar habitualmente estas webs, comprobando que sus páginas cargan muy rápidamente, y ofrecen multitud de prestaciones dinámicas, ya sea de procesamiento de pedidos como de visualización de contenido multimedia.

Así que nuestros visitantes no van a comprender que nuestra pequeña web, que ofrece menos contenido que esas grandes empresas, cargue lentamente, y ofrezca una peor experiencia de navegación.

Hoy debes ofrecer una experiencia de navegación similar a la de las webs más visitadas del mundo, pero sin disponer de sus mismos recursos, personal, financiación, etc.

Por último, si quieres mejorar tus posiciones en las páginas de resultados de búsqueda de Google, este motor de búsqueda cada vez tiene más en cuenta las métricas web de optimización a la hora de subir o bajar posiciones a los distintos contenidos.

Para conseguir todo esto, nuestra herramienta será aplicar de manera sensata y consciente las mejores estrategias y técnicas de WPO que sirvan para optimizar nuestra web.  

Qué y cómo medir WPO para optimizar WordPress

Llegados a este punto, ¿cómo medimos cuán optimizada está nuestra web?, ¿cómo se mide esto del WPO?, ¿qué es lo más importante?

Empezando por el final, lo más importante es la propia navegación real como usuario, que es el objetivo.

A lo que me refiero es a que si – comparada con las mejores webs del planeta – la navegación por todas las páginas de tu web es rápida y todos sus recursos y contenidos están disponibles para los visitantes de manera correcta y funcional, sin tiempos de espera ni elementos que no funcionan o visualizan bien, no hagas nada. Si funciona bien, rápido, si la navegación es sencilla y clara, poco habrá que optimizar, o igual nada.

«El mejor medidor de WPO son tus usuarios»

Ahora bien, si hay problemas, como páginas o contenidos que tardan mucho en visualizarse, problemas con el contenido o funcionalidad de ciertas páginas, en todos o alguno de los dispositivos de navegación (ordenador, tableta, móviles, etc.) entonces conviene ayudarse de herramientas que nos ayuden analizar parámetros WPO de nuestras páginas.

Para esto, hace tiempo que Google publicó una herramienta que analiza cualquier página y la mide bajo lo que llama métricas web principales, o core web vitals. Estas métricas son parámetros, tanto de velocidad como de usabilidad, que te informan de problemas de optimización en la página que quieras analizar.

Es una herramienta totalmente gratuita, disponible en https://pagespeed.web.dev/. Simplemente, añade la URL de la página que quieras analizar y te mostrará un resultado global de métricas web para dispositivos móviles y de escritorio, además de indicaciones sobre cómo mejorar estas métricas.

métricas web principales

Vas a ver que en ocasiones indica información muy técnica, pero no te preocupes, a lo largo de esta guía vamos a aprender a optimizar todos esas oportunidades de mejora que te indica. 

métricas web principales

Cómo optimizar WPO para WordPress

Ahora que ya sabemos los motivos y los objetivos, ¿qué te parece si nos ponemos manos a la obra y empezamos a optimizar nuestra web WordPress?

Vamos a ver los distintos elementos que podemos mejorar para ofrecer la mejor y más rápida experiencia de navegación posible, con el menor coste y consumo de recursos posible.

Si lo prefieres, también puedes revisar la grabación de nuestro último webinar en el que José Ramón Padrón y Fernando Tellado repasaron las últimas técnicas de WPO para WordPress a continuación.

Servidor de alojamiento (hosting)

¿Te imaginas que pasará si pones el motor de un Ferrari en una bicicleta? Lo más seguro es que termines en el hospital, o que ni siquiera sea capaz de arrancar (si tienes suerte).

Pues esto mismo debes aplicarlo a la hora de planificar el WPO de tu web, y el fundamento de todo será tu alojamiento, no solo la empresa elegida, que también, sino qué plan de hosting elegir.

Aquí mismo, en SiteGround, tienes diversos tipos de alojamiento para elegir, compartidos o Cloud, y antes de elegir el adecuado para tu web lo mejor es que hables con el equipo de la empresa de hosting para que, conociendo tu tipo de web, tráfico actual y esperado, te recomienden la mejor combinación de hosting.

En cualquier caso, mi consejo es que contrates el mejor alojamiento que puedas pagar, sin escatimar, mirando más las prestaciones que el precio (que puedas pagar), pues de nada servirá que intentes después suplir con optimizaciones lo que de base suponga un freno a las prestaciones de tu web.

Aunque te parezca raro, a veces pienso que las empresas de hosting ofrecen demasiadas prestaciones incluso en sus planes más económicos, y esto hace que los clientes se despreocupen un poco. Por ejemplo, disponer de espacio ilimitado en la base de datos puede ser contraproducente, pues el cliente no se preocupará por tener una base de datos con tablas de más de 1 GB, cuando esto nunca está justificado.

No obstante, sí hay algunos elementos que debes observar a la hora de elegir un plan de alojamiento, en SiteGround o donde sea:

  • Discos SSD – Simplemente son más rápidos.
  • Últimas versiones del software base (Apache, NginX, PHP,  MySQL y MariaDB) – Las últimas versiones siempre son más rápidas y seguras.
  • Espacio suficiente en disco para tu proyecto – Suficiente, no ilimitado, es mejor ser consciente del consumo.
  • Servir en HTTP/2 o incluso HTTP/3 – Los nuevos protocolos de Internet son más rápidos y seguros, comprueba si tu hosting sirve tus webs con ellos.
  • Espacio suficiente para las bases de datos – Mismo motivo
  • Bases de datos ilimitadas – No vale poder tener una sola base de datos de tamaño ilimitado, de hecho es un error, y tener que meter ahí varias aplicaciones. Es mejor tener varias bases de datos de tamaño controlado.
  • Hardware de última generación y revisado habitualmente – Recuerda que a fin de cuentas son ordenadores, servidores, pero ordenadores.
  • Suficiente RAM y núcleos de CPU – El motor de la máquina. Siempre tienes que poder ver los consumos, para valorar qué y cómo consume en tu web.
  • Optimizaciones y herramientas específicas para WordPress – Como hemos visto antes, el objetivo inicial es convertir los procesos dinámicos de WordPress en páginas estáticas y de carga óptima, y el primer paso debe ser que tu hosting esté optimizado para este tipo de procesos con webs WordPress.  

Para finalizar, tu empresa de hosting te debe permitir cambiar a un plan superior en cuestión de minutos, en el (alegre) caso de que tu web aumente su necesidad de recursos.

CDN

Una CDN o Content Delivery Network, o red de entrega de contenidos, es una estrategia sencilla y casi siempre recomendable, que reforzará las prestaciones de tu alojamiento, y te explico…

Lo que hace un servicio de CDN es hacer copias de los contenidos estáticos de tu web (imágenes y archivos) en sus servidores, repartidos en varios puntos en todo el planeta, y servir esas copias a los visitantes a tu web, desde el punto de la CDN más cercano al usuario.

Con esta estrategia, independientemente de dónde estén los servidores de tu alojamiento, ofreces menores tiempos de entrega de tus contenidos, da igual desde dónde se conecten tus visitantes.

CDN

En SiteGround tienes disponible la creación automática del servicio gratuito de CloudFlare en la sección de velocidad de Site Tools, así que más fácil imposible. Lo único que debes tener en cuenta es que tu web debes servirla con www, un requisito indispensable para esta integración. En caso contrario, si tu dominio es sin www, entonces puedes también crear por ti mismo una cuenta gratuita directamente en cloudflare.com.

Además, SiteGround ha preparado un sistema de CDN propio, que aúna las ventajas antes comentadas de cualquier CDN a que las conexiones son más rápidas al usar los servicios propios de SiteGround. También puedes activar esta CDN, actualmente en pruebas, de manera gratuita, hasta que se establezcan los distintos planes de pago que tendrá este servicio de CDN premium.

[subscribe_cta]

Elección del tema

Una de las decisiones más importantes a la hora de crear tu web WordPress es la elección de tema, y aquí, de cara al WPO, deberías tener en cuenta algunos aspectos, además de la apariencia visual de tus contenidos:

  • El tema debe añadir solo el código necesario, y estándar de WordPress, cuanto menos mejor. Por debajo de 100 Kb por página sería un rango razonable.
  • El tema no debe incluir funcionalidades que puedan aplicarse mediante plugins, pues sobrecargará tus páginas innecesariamente, aunque uses plugins.
  • Preferiblemente, el tema no debe cargar fuentes web, y si lo hace ofrecer la posibilidad de precargarlas y almacenarlas en caché.

Dicho esto, algunos de los temas más recomendables de cara al WPO, sin perder prestaciones ni posibilidades de tener una preciosa web, serían:

  • Astra
  • Neve
  • GeneratePress
  • Proteo

Elección de plugins

Otros elementos que añadirán código a las páginas de nuestra web, y consumirán recursos del servidor (RAM y CPU) son los plugins.

Tienes que ver los plugins como lo que son: aplicaciones que se ejecutan 24 horas al día, 365 días al año, para ofrecer de manera permanente funcionalidades en tu web, y siempre están consumiendo recursos y aumentando el peso de tus páginas.

De hecho, los plugins son los elementos de tu web que más contribuyen negativamente al WPO de tu web, esto es así, siempre.

¿Significa esto que no debes usar plugins? Para nada, pero sí debes ser consciente de su utilidad, funcionamiento y consumo de recursos.

Para añadir plugins de manera eficiente debes tener en cuenta algunos principios básicos:

  • Antes de nada analiza las necesidades de funcionalidades que DEBE tener tu web, y qué plugins necesitas para ofrecerlas.
  • Revisa los principales plugins que sirvan para cubir esas necesidades, eligiendo el que tenga un desarrollo más activo, actualizaciones frecuentes, soporte rápido y aplique mejoras de rendimiento a sus funcionalidades.
  • Instala y activa solo los plugins que realmente necesites.
  • Utiliza solo las funcionalidades que necesites de cada plugin, desactivando todo lo supérfluo.
  • Comprueba siempre los cambios en rendimiento de tu web tras instalar un plugin.

Sí, efectivamente, hay características que no tiene WordPress por defecto, y deberás implementar mediante plugins, pero siempre procura utilizar el más eficaz, ligero y optimizado, no el más «bonito».

Elección de plugins

Puedes analizar el consumo de recursos de los plugins con un plugin llamado Query Monitor. Una vez activo empieza a activar los distintos plugins para cada funcionalidad, uno cada vez, y comprueba en las tablas e indicadores de Query Monitor cuál de ellos es el que realiza menos consultas y consumo de recursos, en las páginas de administración, en el editor y en la web.

Verás que, para una misma funcionalidad, hay plugins que consumen muchos más recursos y generan múchas más consultas que otros, y así te será más fácil elegir el plugin que te ofrezca la funcionalidad que buscas, con el menor consumo de recursos posible.

Caché(s)

¿Te acuerdas cuando hace un rato – ahí arriba – hablábamos de que el problema de WordPress es que genera contenido dinámico? ¿y recuerdas que te decía que el objetivo era hacer estático todo lo posible? Pues eso es lo que hacen los sistemas de caché.

Lo que conocemos como caché es, básicamente, copias estáticas de consultas dinámicas. Te lo explico…

Para mostrar una página cualquiera de tu web WordPress a un visitante en su navegador el servidor recoge la petición del navegador, a continuación hace una petición a WordPress para que genere su contenido, que a su vez lee el PHP con el que está programado, este consulta en la base de datos qué contenido va en esa página, qué recursos internos y externos necesitas para mostrarla, con qué aspecto mostrarla y, finalmente, lo convierte a HTML, que es lo que lee el navegador.

Pues bien, cuando activas la caché, WordPress hace una copia de ese HTML final para cada página visitada, y al siguiente visitante a esa misma página ya no hace toda esa serie de pasos, sino que directamente entrega el HTML estático resultante y almacenado.

Todos estos archivos HTML estáticos suelen estar almacenados en una carpeta, llamada cache, de la instalación de tu WordPress, físicamente.

Además, hay otros tipos de caché, como la caché dinámica, que almacena las consultas en la memoria del servidor, que es más rápido que el sistema de caché de archivos.

Y también tu servidor puede disponer de caché de objetos persistente, un tipo de caché especial que reutiliza las consultas más habituales a la base de datos. En SiteGround esta caché es la conocida como Memcached. En otros servidores encontrarás quizás otras como Redis o Lightspeed. 

SiteGround esta caché

Puedes activar estos tres tipos de caché fácilmente con el plugin SG Optimizer de manera gratuita, no solo en las webs alojadas en SiteGround, aunque solo tendrás disponible la caché dinámica y Memcached si estás alojado en SiteGround.

Otros plugins de optimización, como WP Rocket y similares suelen ofrecer la caché de archivos, pero no el resto de sistemas, pues dependen del servidor de alojamiento.

Minimización de HTML, CSS y JavaScript

El minimizado del código HTML, CSS y JavaScript es una optimización básica que funciona siempre sin problemas.

Lo que hace es analizar todo el código generado en tus páginas y eliminar espacios en blanco, comentarios innecesarios en el código, tabulaciones, y todo aquello que no sea exclusivamente el código necesario para mostrar el contenido de la página.

Minimización de HTML, CSS y JavaScript

Al hacer esto el código sigue funcionando pero el HTML generado pesa menos en cada página de tu web, y en consecuencia tardan menos en cargarse tus páginas. El impacto no es enorme pero siempre aporta algo a que tus páginas carguen más rápidamente.

Optimización de imágenes

Otra cosa es cuando hablamos de imágenes, aquí sí importa, no el tamaño, que también, sino el peso.

De todos los recursos de cualquier página web que sirvas en tu sitio WordPress las imágenes siempre van a ser el elemento con más peso en KB, espero que no MB.

Mientras que todo el código HTML, CSS y JS de una página puede pesar como máximo 200 Kb,  una sola imagen por sí sola ya puede pesar eso, o mucho más, no digamos si en una misma página el navegador tiene que mostrar varias imágenes.

Es por esto que la primera optimización que debes hacer en las páginas, entradas, productos, etc de tu web es la de imágenes.

Debes acostumbrarte a no subir las imágenes directamente sin antes reducir su peso al mínimo posible que permita visualizarlas correctamente.

WordPress hace copias automáticamente más pequeñas de tus imágenes, en tamaño y peso, pero debes acostumbrarte a optimizarlas antes de subirlas, bien desde aplicaciones como Photoshop, o con herramientas online como Squoosh, que permiten tanto reducir su tamaño como optimizar su peso. 

Optimización de imágenes

Para ir más allá, con plugins como SG Optimizer puedes optimizar automáticamente todas las imágenes a medida que las subes, e incluso las subidas anteriormente, pero no olvides el paso previo de optimizarlas antes, para evitar el consumo innecesario de recursos del servidor, que hará SG Optimizer si no subes optimizadas las imágenes.

Formatos de imagen de nueva generación (WebP, AVIF)

Un modo «elegante» de usar imágenes optimizadas es usar nuevos formatos, distintos de PNG o JPEG, como son WebP o AVIF.

WordPress admite la subida directamente de imágenes en formato WebP, y pronto lo hará en formato AVIF, aunque este formato aún no es tan compatible como WebP, que todos los navegadores modernos lo pueden mostrar.

La ventaja de estos nuevos formatos es que, a igual tamaño, el peso de las imágenes es mucho menor que en los viejos formatos de archivo de imagen.

Formatos de imagen de nueva generación (WebP, AVIF)

Si no tienes una aplicación para guardar como WebP puedes usar el servicio Squoosh comentado antes, o con el plugin SG Optimizer se generarán automáticamente copias en WebP de las imágenes que subas, y serán estas las que se mostrarán en tus contenidos. 

Carga diferida de imágenes y vídeos (Lazy Load)

Ahora que estamos hablando de imágenes imagina la siguiente situación…

Tienes una página con distintas secciones, todas ellas con imágenes. El visitante, cuando llega a esta página tiene que ver las imágenes de la parte inicialmente visible de la página, pero aún hay muchas más imágenes, que deberán estar disponibles a medida que el usuario se mueva hacia abajo de la página ¿verdad?

Pues bien, hay 2 maneras de entregar estas imágenes:

  1. El modo no WPO, que es cargar todas las imágenes en cuando el visitante llega a la página, con lo que la página seguirá cargando elementos mientras el usuario ya está viendo la página, y se estarán consumiendo recursos, que igual no son necesarios al final, si el visitante decide no seguir moviéndose hacia abajo por la página.
  2. El modo WPO, de carga diferida, o lazyload en inglés, por el que inicialmente solo se mostrarán las imágenes necesarias para la parte visible inicialmente en la pantalla del navegador del visitante, y solo empezarán a cargarse las siguientes imágenes, cuando WordPress detecte que el usuario empieza a navegar para ver más elementos de la página.

Lo mejor de esta optimización es que es muy fácil de aplicar, pues la hace WordPress por defecto para imágenes y vídeos, y si quieres algo más de control, y aplicar esta carga diferida a más elementos, puedes activarlo en el plugin SG Optimizer.

Carga diferida de imágenes y vídeos (Lazy Load)

Precarga de recursos externos

A veces no queda más remedio que cargar en nuestra web recursos externos, como scripts de publicidad, códigos de newsletter, píxeles de redes sociales o vete a saber.

Un modo de optimizar la carga de estos recursos es precargarlos, o sea, que si ya sabemos que vamos a necesitar descargar un script y ejecutarlo en nuestras páginas, indicárselo al navegador y que lo haga nada más llegar el visitante a nuestro sitio, para que cuando sea necesario el script, esté ya disponible, descargado, listo para su ejecución.

Esto, que parece tan técnico y elaborado, en realidad es simplemente aplicar un parámetro de precarga (preload, prefetch, etc.) a estos recursos, y lo mejor es que no tenemos que hacerlo manualmente, aunque podríamos, sino que con plugins como SG Optimizer podemos hacerlo de manera automática, mediante la opción de precarga de DNS de recursos desde dominios externos, donde solo tenemos que añadir los dominios desde los que se deberán cargar estos recursos.

Precarga de recursos externos

Optimización de fuentes web

Lo mismo pasa en este sentido con las fuentes web, pues se cargan desde servidores externos, y deberemos añadir los dominios desde donde se descarguen, normalmente el servidor de Google Fonts, a la sección de SG Optimizer indicada anteriormente.

Optimización de fuentes web

Además, este plugin de SiteGround también incluye una herramienta para optimizar la carga de las fuentes servidas desde nuestro tema y plugins activos, solo con un clic. 

Aplazar la carga de recursos que bloqueen la visualización

Antes, cuando hablábamos de la carga diferida de imágenes, nos centrábamos en esa primera parte de nuestras páginas, el primer pantallazo de cada página, que es lo primero que verá un visitante.

Bien, a esta parte se le suele llamar la parte de «antes del doblado» above the fold en inglés, en homenaje a la parte visible de los periódicos de papel en los quioscos.

Esta parte de la página, antes de que el usuario siga navegando hacia abajo, o haga scroll, es muy importante, pues de cara al visitante es la que le va a mostrar la primera impresión acerca de nuestro contenido, pero también de cuán rápida carga nuestra web, que inicialmente solo podrá valorar por esta parte inicialmente visible.

Así que es muy importante que esta parte de las páginas de antes del doblado se cargue de manera muy rápida, sin carga diferida de imágenes, pero sobre todo sin que haya ningún recurso, script, código o lo que sea cargándose que retrase la visualización de los elementos del contenido de la página.

Esto suele ser habitual cuando plugins o servicios añaden sus códigos y scripts en la cabecera de todas las páginas, y fuerzan a que, antes de mostrarse el contenido de tus páginas, se carguen todos esos recursos, muchas veces ralentizando innecesariamente la visualización de tu contenido, pues la mayoría de las veces ni siquiera serán necesarios para esa parte de la página.

Lo que tenemos que hacer es ser muy exhaustivos en aplazar la carga de esos recursos innecesarios, para que primero se cargue nuestro contenido, y luego ya los scripts y demás.

Para aplicar esta optimización tenemos de nuevo una casilla, a un clic, en el plugin SG Optimizer, que lo hace automáticamente, en la sección llamada «Portada» de los ajustes del plugin.

Aplazar la carga de recursos que bloqueen la visualización

Debes tener en cuenta que esta optimización puede aplazar recursos que igual sí son necesarios, así que nada más activarla comprueba si tus páginas se muestran correctamente y con todos sus elementos, y si alguno «no se deja» aplazar, o sea, que no funciona aplazado, añádelo como excepción en los ajustes del plugin.

CSS crítico

Volviendo sobre esa parte vital de tus páginas, la de antes del doblado que veíamos antes, hay otra optimización relevante, especialmente para esta parte.

Es habitual que plugins y el tema añadan referencias al CSS necesario para mostrar correctamente con los estilos adecuados los contenidos en la cabecera de tus páginas, pero no el necesario para mostrar cada página en concreto, sino todo el CSS necesario para toda la web.

Pues bien, una optimización avanzada es generar lo que se conoce como CSS crítico, y es un proceso por el que el plugin de optimización analiza primero qué CSS hace falta para la visualización correcta de cada página concreta e individual, extrae del archivo CSS global el código necesario para cada página y lo añade directamente al HTML de cada página, cargando el resto del CSS de modo aplazado, solo cuando sea necesario.

Puedes encontrar esta optimización en el plugin WP Rocket, de pago.

Carga condicional de recursos

Como ya te habrás dado cuenta en varias ocasiones estamos hablando de cargar recursos solo dónde y cuándo son necesarios, pues bien, esta es una optimización avanzada que debemos abordar cuando alguno de estos recursos que se cargan indiscriminadamente sea un problema para la velocidad de carga o usabilidad de nuestras páginas.

Así, por ejemplo, si instalas un plugin de formularios de contacto para añadir un formulario en una sola página, el plugin no «sabe» dónde vas a añadirlo, así que cargará sus estilos y códigos JavaScript necesarios en todas las páginas, por si fuese necesario, resultando que para mostrar un formulario en una sola página estás cargando CSS y JS innecesario en todas las páginas de tu web.

Para cada funcionalidad de este tipo debes revisar en la documentación del plugin o preguntar a su desarrollador si hay algún modo de aplicar la carga condicional, para que solo cargue y consuma recursos donde sea necesario.

Reducir cabeceras HTTP

Curiosamente casi no hay plugins de optimización que reduzcan cabeceras HTTP innecesarias, a veces te ayudan más los plugins de seguridad, como SG Security, quitando cabeceras, por seguridad.

Esta optimización se refiere a eliminar cabeceras HTTP innecesarias, que generen llamadas no necesarias, del código de tus páginas.

Por ejemplo, WordPress siempre añade cabeceras del generador del contenido (curiosamente WordPress), de los feeds RSS, aunque no los uses, y más elementos que no son necesarios para que tus páginas se visualicen correctamente.

Optimización de la base de datos

Hasta ahora hemos visto muchas optimizaciones relacionadas con la parte de los plugins, el tema, WordPress, pero ¿qué pasa con la base de datos?

Pues resulta que todos ellos, WordPress, el tema, los plugins, usan la base de datos de tu instalación para almacenar sus ajustes y contenidos, y es importante que la base de datos esté optimizada y que cargue solo lo imprescindible.

Huelga decir que deberías borrar cualquier tabla de la base de datos de plugins o temas que ya no uses, así que una buena costumbre es vigilar la base de datos de tu WordPress, comprobar cada vez que instales algo si se crea alguna tabla nueva, para borrarla si borras el plugin, pues no siempre lo hacen automáticamente.

La otra optimización, es vaciar los residuos que se generan en las tablas del funcionamiento normal de la base de datos, y esto puedes hacerlo fácilmente y de manera automática con la opción que tienes disponible en el plugin SG Optimizer.

Optimización de la base de datos

Además, hay otros plugins específicos que te ayudarán a borrar datos transitorios, borradores y otros elementos temporales de la base de datos.

Luego está lo que te comentaba al principio de esta guía, sobre el tamaño de la base de datos, y es que siempre será más óptimo y rápido ejecutar acciones de una base de datos de 400 Mb que de una que pese 2 GB. 

Reducir actividad de la API Heartbeat

Una optimización muy específica para WordPress es reducir la actividad de la API conocida como Heartbeat. 

Este servicio interno de WordPress realiza ciertas comprobaciones de manera frecuente sobre tu instalación, haciendo montones de consultas al archivo admin-ajax.php, lo que puede llegar a ralentizar enormemente webs grandes, con muchos recursos o mucho tráfico.

Todos los plugins de optimización, y también SG Optimizer, te permitirán desactivar completa o parcialmente la API Heartbeat. 

Reducir actividad de la API Heartbeat

Reducir actividad del cron

Otro servicio que «vigila» la actividad de tu sitio WordPress es el WP Cron, o cron de WordPress, activo por defecto, y que ejecuta acciones programadas, por ti o automáticas, como comprobación de actualizaciones, publicación de entradas programadas, renovación de pedidos, etc.

El problema con el cron de WordPress es que se ejecuta demasiado a menudo, y esto hace que tu instalación consuma muchos recursos, lo que en webs muy grandes puede llegar a agotar los recursos del servidor, y haciendo que tu web no cargue correctamente.

La solución suele pasar por desactivar el cron de WordPress y activar un cron real, un proceso sencillo pero delicado, que mejor te remito a este tutorial de la base de conocimiento de SiteGround para que aprendas cómo hacerlo.

Desactivar recursos innecesarios

Para finalizar, recuerda aplicar el sentido común, y no te pongas a optimizar recursos que igual realmente no necesitas, así que plantéate cada cierto tiempo si es necesario que tengas al final de cada entrada tantos botones de compartir en redes, las estrellitas de voto, el formulario de suscripción, el de contacto y cualquier otro elemento que, en vez de tratar de optimizar, igual, digo yo, llámame loco, igual no lo usa ningún visitante y podrías simplemente quitarlo.

Gracias por leerme, espero que hayas aprendido sobre WPO y optimizar WordPress, para cualquier duda hazla en los comentarios.

Posted on

Cómo adaptar mi WordPress para dispositivos móviles

¿Te has dado cuenta de que es rara la web que visitas por primera vez desde un ordenador de escritorio?

Ya sea porque las conoces desde el buscador de tu móvil o porque llegas a ellas desde una búsqueda, nuestra primera impresión de un sitio web es en base a su versión móvil.

Por ello, incluso aunque nuestro sitio fuese un extraño ser del universo Internet, y finalmente hiciese falta acceder a la versión de escritorio, debemos ser conscientes de que la primera imagen que vamos a ofrecer a nuestros clientes y visitantes va a ser la versión móvil de nuestra página web.

Y este sería el primer motivo del por qué debería adaptar mi web a dispositivos móviles.

¿Por qué debería adaptar mi web a dispositivos móviles?

Claramente, la introducción a esta guía es quizás el más contundente argumento a la hora de convencer a alguien de adaptar su web a dispositivos móviles, pero – quizás ligado a lo anterior – hay otros motivos que también influyen.

¿Cuál es el porcentaje de navegación desde móviles?

Si quieres saber si merece la pena ofrecer una versión móvil de tu web, aquí tienes el estudio de TechJury con unos cuantos datos sobre el porcentaje de navegación en Internet desde dispositivos móviles:

  • Más del 80% de los usuarios de Internet utilizan dispositivos móviles para navegar por la web.
  • El 83% de los usuarios móviles esperan una experiencia impecable cada vez que visitan un sitio web con cualquier dispositivo móvil.
  • Hasta el 70 por ciento del tráfico web proviene de dispositivos móviles.
  • El 95,1% del tráfico activo de Facebook proviene de dispositivos móviles.
  • El 57% del tráfico de LinkedIn proviene de dispositivos móviles.
  • Los dispositivos móviles son responsables de más del 70 % del tiempo de reproducción en YouTube.
  • El 90% de las vistas de Twitter ocurren en dispositivos móviles.
  • Google es responsable del 96% del tráfico de búsqueda proveniente de dispositivos móviles.
  • El 80% de los sitios web mejor clasificados de Alexa están optimizados para dispositivos móviles.

¿Te queda alguna duda sobre la importancia de ofrecer una navegación móvil perfecta de tu web?

Google Mobile First

Hace tiempo que Google mide siempre primero la optimización, usabilidad y posicionamiento de una página en su versión móvil, así que de cara a todas las herramientas de Google debes ofrecer tu mejor cara precisamente en la versión móvil de tu web, pues será la que tendrá más en cuenta a la hora de «medirla».

Solo tienes que comprobar el análizador de Google de usabilidad, también conocido como PageSpeed, y ver que el primer resultado que ofrece es en dispositivos móviles.

Búsquedas por voz

Otra tendencia importante actualmente es el aumento de búsquedas por voz, casi exclusivamente realizadas desde dispositivos móviles.

Cada vez más usuarios de Internet utilizan a diario asistentes de voz como Alexa, Siri o Google Assistant para sus búsquedas habituales, y principalmente desde sus dispositivos móviles o gadgets especializados.

¿Qué es un dispositivo móvil?

Por dispositivo móvil no solo debes entender los teléfonos móviles o celulares, sino también cualquier otro dispositivo portable por un usuario en su uso diario.

Si quitamos de la ecuación los ordenadores de sobremesa y los ordenadores portátiles (o laptops), cualquier otro dispositivo, suficientemente pequeño y poco pesado como para llevarlo encima se puede considerar como dispositivo móvil.

Aquí entra cualquier dispositivo portátil, o sea, teléfonos móviles, asistentes personales, tabletas, phablets, relojes inteligentes e incluso dispositivos multimedia para automóviles. Todos ellos se benefician de las ventajas de ofrecer una experiencia móvil de tu web en algún momento, ya sea en la navegación web o en las búsquedas integradas. 

Administración de WordPress desde dispositivos móviles

Llegados a este punto ¿Está el mismo WordPress bien preparado para su uso desde dispositivos móviles?

Afortunadamente sí, incluso la administración de WordPress está totalmente preparada para su gestión desde dispositivos móviles de cualquier tipo y tamaño.

Lógicamente, cuanto mayor sea el tamaño del dispositivo más cómodas y sencillas serán de realizar las tareas de administración, no digamos la de creación de contenidos, pero poderse se puede utilizar al completo desde cualquier dispositivo móvil.

Ahora bien, también influirá la disposición del dispositivo, horizontal o vertical, pues no esperes ver una vista previa de la web desde la personalización de WordPress si accedes desde un teléfono móvil en vertical.

Como comprobarás, no es que WordPress simplemente adapte el tamaño de sus pantallas a tamaño del dispositivo, sino que incluso cambia el diseño de algunas de sus pantallas, iconos e incluso el modo de navegación, que reconoce los «toques» en pantalla con los dedos o el desplazamiento móvil, algo fundamental para la experiencia de navegación en dispositivos móviles.

Cómo elegir un tema WordPress perfecto para dispositivos móviles

Ahora que hemos comprobado que podemos incluso usar WordPress desde dispositivos móviles, pues realmente se adapta al tamaño, incluso cambiando su aspecto, toca elegir un tema, plantilla o como lo quieras llamar que no solo muestre de manera genial nuestro diseño y contenido en ordenadores de sobremesa, sino especialmente en dispositivos móviles.

Personaliza siempre en la vista previa para móviles

Mi primer consejo, y más importante, a la hora de elegir un tema para tu web WordPress es que te centres, desde el principio, en sus capacidades y posibilidades móviles, y para esto no hay manda más práctico que acostumbrarte a previsualizar siempre en el modo de tamaño móvil.

Solo tienes que hacer clic en el icono del teléfono móvil de la parte inferior del personalizador de WordPress, la herramienta perfecta para elegir, cambiar y personalizar tu web.

Cada vez que cambies de tema, antes de activarlo, comprueba que tu contenido se verá y será útil y fácil de navegar especialmente en la visualización móvil.

Prestaciones específicas para dispositivos móviles

Otro aspecto muy importante son las capacidades de personalización específicas para dispositivos móviles que el tema tenga en sus ajustes, lo que te permitirá adaptar la experiencia de navegación para que sea perfecta independientemente del tamaño del dispositivo del usuario que la esté visitando.

Así, por ejemplo, debes revisar si los ajustes principales del tema, como el tamaño de letra, disposición de menús, etc. puedes cambiarlos según el tamaño del dispositivo. Esto normalmente suele venir identificado por un icono en el ajuste que, cada vez que le haces clic, cambia a otro dispositivo y ahí cambias los ajustes para cada tamaño o dispositivo.

De este modo puedes tener un tamaño de letra, relleno de botones, o incluso estructura de cabecera y pie de página diferente para cada dispositivo.

Este tipo de personalizaciones son realmente importantes, pues lo que puede ser perfecto para un ordenador de sobremesa con una pantalla de muchas pulgadas, puede convertirse en una terrible experiencia de uso y navegación desde dispositivos móviles, más pequeños.

Optimización de velocidad de carga

El otro aspecto vital a la hora de elegir un tema perfecto para dispositivos móviles, o sea, para la mayoría de tus visitantes, es que el tema muestre tu contenido rápidamente, con unos buenos tiempos de carga de página.

La velocidad de carga de las páginas de tu web siempre es importante, pero es especialmente relevante a la hora de servirlas a dispositivos móviles, por los siguientes motivos:

  • Las conexiones móviles no son tan rápidas normalmente como las disponibles en tu casa u oficina. Así, una web que desde una conexión de fibra óptica puede parecer rapidísima podría, al mismo tiempo, ser una pesadilla de espera al visualizarla desde un dispositivo móvil en medio de un parque de la ciudad.
  • Google mide la experiencia de usuario en PageSpeed con una conexión virtual de conectividad 3G, lo que supone un reto extra a la hora de medir la velocidad de carga de las páginas de tu web en dispositivos móviles. 

Temas WordPress recomendados para dispositivos móviles

Hay muchos temas WordPress que cumplen con los beneficios específicos para navegación en dispositivos móviles, pero los siguientes son quizás los que mejor tienen en cuenta estas necesidades específicas, incluida la velocidad.

  • Astra – Tema muy ligero que ofrece ajustes específicos de tipografía y diseño para distintos dispositivos (escritorio, tableta y teléfono móvil), así como un maquetador propio de cabeceras y pies de página que también puedes personalizar según el dispositivo.
  • Blocksy – Tiene cientos de personalizaciones, y en las más importantes puedes aplicarlas según el dispositivo (escritorio, tableta y teléfono móvil).
  • GeneratePress – Tiene ajustes de tipografía específicos por dispositivo (escritorio, tableta y teléfono móvil)
  • OceanWP – Quizás el más completo en cuanto a las adaptaciones de personalización para cada tipo de dispositivo (escritorio, tableta y teléfono móvil), pues prácticamente todos los ajustes importantes de diseño los puedes personalizar para cada tamaño de dispositivo. Eso sí, no es tan ligero como los anteriores, pero destaca en personalización adaptada a dispositivos móviles, y en que prácticamente puedes ajustar cualquier detalle del aspecto de tu web, incluso en la versión gratuita.

Cómo personalizar mi web WordPress para dispositivos móviles

Una vez que hayas elegido un tema WordPress perfecto para la visualización de tu diseño y contenidos en dispositivos móviles, el siguiente paso es abrir el personalizador de WordPress, desde Apariencia → Personalizar de la administración de tu sitio WordPress, y repasar todos y cada uno de los ajustes que el tema ofrezca, prestando especial atención a configurar cada elemento de manera diferente según el tamaño y tipo de dispositivo.

Desde el personalizador ya vas a poder previsualizar – más o menos – cómo se verá tu contenido según los ajustes que configures, pero no te quedes ahí, porque debes tener en cuenta un aspecto importante de los dispositivos móviles: Tamaños y sistemas operativos móviles.

Pues sí, resulta que una web se puede ver y navegar a la perfección en un dispositivo con el sistema operativo Google Android pero, por el contrario, ofrecer una mala experiencia en dispositivos móviles desde un móvil o tableta con el sistema operativo iOS de Apple, por decir los dos sistemas operativos móviles principales.

Así que hay un paso adicional imprescindible que debes tener en cuenta siempre, y es que, tras personalizar tu sitio WordPress ajustando las opciones a dispositivos móviles, tienes obligatoriamente que visitar las distintas secciones y páginas de tu sitio web desde dispositivos móviles reales, cuántos más mejor, y con distintos sistemas operativos.

Apúntate esto y no lo olvides: no existe ningún simulador de dispositivos móviles que sea realmente fiable.

No es necesario que tú mismo dispongas de todos y cada uno de los posibles dispositivos móviles y sistemas operativos, puedes pedir a amigos o familiares que hagan la prueba desde sus dispositivos móviles.

Esta es la única prueba real e indiscutible de que tu sitio web WordPress se verá y navegará a la perfección en todo tipo de dispositivos móviles.

Cómo escribir en mi web WordPress para dispositivos móviles

No te equivoques, no me refiero a si es posible escribir en WordPress desde un dispositivo móvil, sino cómo debo escribir, cómo debo crear mis textos para usuarios que van a leerlos en dispositivos móviles.

Y no, no vale un mismo texto para ordenadores grandes, de escritorio, que para dispositivos móviles, principalmente por el tamaño de la pantalla,  pero también por el modo de lectura en ambos tipos de dispositivos.

Mientras en un ordenador de sobremesa hay una actitud de lectura y navegación, pues el usuario se ha sentado para navegar, leer, etc., en un dispositivo móvil es un tipo de lectura intermitente, ocasional, que no es que vaya a leer menos, pero sí va a leer por partes, en distintos momentos.

Está comprobado que los usuarios leen más desde dispositivos móviles, en pequeños espacios de tiempo, pero más. Por ejemplo, son muchos más los usuarios que leen artículos largos, incluso libros completos, desde su teléfono móvil o tableta, pero no desde su ordenador de sobremesa.

Esto es así porque se lee mucho en los trayectos cortos en transporte colectivo, entre paradas de metro o bus, día a día, y es poca la gente que decide ponerse delante de un ordenador, sentado en su escritorio, a leer un libro, por ejemplo.

Lo mismo pasa con las redes sociales, cuyo mayor porcentaje de lectura, entre el 80 y 90% es desde dispositivos móviles.

Sabiendo esto, y que la mayoría de tu tráfico va a ser móvil, debes aprender algunos sencillos consejos de escritura para dispositivos móviles:

  • Usa títulos breves y descriptivos, que al mismo tiempo sean atrayentes y que motiven a compartirlos en redes.
  • Los párrafos deben ser cortos, aproximadamente de la mitad de palabras de cómo los escribirías para una lectura en ordenador de sobremesa. Plantéate que no superen, al escribirlos en un ordenador de sobremesa, de 3 líneas, lo que supondrá más del doble en un dispositivo móvil, y haría que se llenase toda la pantalla de texto, que precisamente es lo que tienes que evitar. En mi experiencia, he comprobado que no hay ningún punto y seguido que no pueda leerse igual y tener el mismo sentido que con punto y aparte (este mismo párrafo, por ejemplo, ya ha superado con mucho la longitud deseable para dispositivos móviles, no cabe entero en una pantalla de teléfono móvil.
  • Separa los textos largos en distintos «capítulos» mediante subtítulos que expliquen cada sección de tu texto, como estoy haciendo yo mismo en esta guía por ejemplo. Todo el rato estoy hablando de lo mismo pero separado en varias partes.
  • Utiliza listas para explicar conceptos complejos, en vez de largos párrafos explicativos.
  • Usa formato de negritas en alguna frase llamativa de cada párrafo, para que mientras el usuario lee el anterior párrafo, «algo» ya le esté incitando a leer el siguiente párrafo.

Suelo resumir cómo debe ser la escritura en Internet para dispositivos móviles en que tu objetivo es que debes conseguir que cada párrafo anime a leer el siguiente, y así sucesivamente. Para conseguirlo, puedes ayudarte de los anteriores consejos.

Un truco obvio a la hora de escribir para dispositivos móviles es ir haciendo vistas previas para móviles de manera frecuente desde el editor de WordPress.

No es necesario que escribas todo el rato en la vista previa de móvil, pero sí cambia a esta vista de vez en cuando, sobre todo cuando sospeches que llevas demasiado tiempo escribiendo sin cambios de párrafo, sin aplicar recursos como subtítulos, listas, negritas, etc.

Como mínimo, deberías realizar una vista previa para móviles al menos antes de publicar tu contenido.

Análisis de legibilidad

Una herramienta fantástica para ayudarte a escribir para dispositivos móviles es el análisis de legibilidad del plugin Yoast SEO.

Una vez instalado y activo, este plugin – entre otras cosas – añade una caja al editor de WordPress con un análisis SEO basado en frases clave objetivo, interesante de cara al posicionamiento, pero también incluye en esa misma caja un análisis de legibilidad que te será especialmente útil para la escritura orientada a dispositivos móviles.

En este análisis de legibilidad encontrarás una serie de puntuaciones basadas en cuán legible es tu texto para una fácil lectura.

Hay muchos parámetros posibles pero es sorprendentemente efectivo a la hora de detectar textos con párrafos largos, frases largas, frases reiterativas, frases que no animan a seguir leyendo por falta de palabras de transición, etc.

Siempre digo que no es necesario hacer caso 100% al análisis SEO de los plugins pues están basados en algoritmos informáticos de Google que no siempre ayudan a crear textos más humanos, pero con el análisis de legibilidad de Yoast SEO mi consejo es justamente el contrario, pues ayuda a hacer textos más legibles, sencillos y atractivos, especialmente para usuarios con dispositivos móviles.

Cómo diseñar mi web WordPress para dispositivos móviles

Si pensabas que con elegir un buen tema WordPress para ofrecer una buena experiencia de navegación en dispositivos móviles está todo hecho no puedes estar más equivocado.

No todo es el tamaño de letra o espaciado entre secciones, ni siquiera vale en todo momento escribir siempre para dispositivos móviles, habrá situaciones en las que deberías plantearte si no vas a necesitar crear versiones distintas de tus páginas, igual no de todas, pero sí de algunas en concreto, especiales para dispositivos móviles, o para ordenadores de sobremesa, si siempre escribes y diseñas pensando en dispositivos móviles.

Aquí no hay misterios, lo que necesitas es que la herramienta con la que creas tus páginas en WordPress te permita seleccionar qué contenidos verán los usuarios desde cada tipo de dispositivo. Esto pasa en la totalidad de las ocasiones por crear distintas versiones de tus páginas o de algunas partes de tus páginas, para cada tipo de dispositivo.

Desafortunadamente, aún el editor de WordPress por sí solo no permite especificar para cada bloque de contenidos en qué dispositivo se verá y en cuáles no, así que tendremos que ayudarnos de otras herramientas de diseño y maquetación de textos que sí permitan realizar esta discriminación de textos por dispositivo.

Si utilizas el editor de WordPress para crear tus páginas, puedes especificar bloques concretos para cada tipo de dispositivo ayudándote de plugins que añaden esta funcionalidad al editor de bloques de WordPress.

Mi plugin favorito de lejos para añadir esta característica es EditorsKit, una caja de herramientas para el editor de bloques de WordPress que añade un montón de utilidades que no incorpora por defecto, al menos de momento.

Y entre ellas está la de poder especificar para cada bloque de un texto en qué dispositivos estará visible y en cuáles no.

Esto, por supuesto, cambia tu metodología de escritura y maquetación de los contenidos, que para un creador de contenidos concienciado con ofrecer la mejor experiencia posible en todo tipo de dispositivos sería así:

  1. Crea tu página, primero pensando solamente en un único tipo de dispositivo.
  2. Cuando esté terminada revisa cada parte o sección de la página en el resto de tamaños de dispositivo y si alguna parte no se visualiza perfecta en algún dispositivo ocúltala para ese tipo de dispositivo y crea, a continuación de la misma, otra con similar contenido, pero adaptado a los dispositivos en los que la primera versión no se visualizaba bien, ocultando esta sección adaptada en el dispositivo original.
  3. Y así con cada párrafo, parte o sección.

Al final lo que tendrás será una página en la que unos párrafos serán iguales para todos los dispositivos, mientras que de otros párrafos, partes o secciones tendrás hasta 3 versiones o más, cada una adaptada a un tamaño o tipo de dispositivo diferente.

Igual pensarás que esto es demasiado trabajo como para ponerte ahora mismo a revisar todas y cada una de las páginas y entradas de tu web, pero piensa en que el objetivo es que tus páginas principales estén perfectamente optimizadas para todo tipo de dispositivos, especialmente para los móviles.

Mi consejo para rentabilizar y optimizar tu trabajo es el siguiente:

  1. Edita siempre las entradas pensando especialmente en dispositivos móviles. Si se ven bien en móviles se verán bien en el resto de dispositivos. A fin de cuentas una entrada es básicamente texto y recursos visuales (imágenes, vídeo) y esto no implica una maquetación diferenciada.
  2. Tus páginas principales (inicio, productos, servicios, destino, etc.) siempre deben estar maquetadas de manera diferenciada en cada una de sus partes, secciones y párrafos para cada tipo de dispositivo, pues aquí el objetivo es conseguir la mayor conversión posible independientemente del dispositivo del visitante, y una maquetación o diseño perfecto para un tamaño de dispositivo puede generar cero conversiones en el resto de dispositivos.

Plugins para adaptar mi web a dispositivos móviles

¿Hay plugins que hagan versiones móviles perfectas de mi web sin tener yo que trabajar?

La cruda realidad es que no, no hay milagros, no existe ningún plugin, ni siquiera tema, que vaya a ofrecer una versión adaptada a cada tipo de dispositivo de todos tus contenidos.

Como ya hemos visto a lo largo de esta guía, hay temas que te ayudarán a adaptar los elementos de aspecto básicos (tipografías, botones, cajas, contenedores, etc.) a cada tipo de dispositivo, pero ninguno de estos temas, ni ningún plugin que ofrezca versiones móviles de tu web, van a «crear» una versión para dispositivos móviles perfecta de tu web.

Es verdad que antiguamente, hace años, había plugins para crear versiones móviles, pero han quedado obsoletos desde el momento en que la inmensa mayoría de temas WordPress se adaptan a los dispositivos móviles sin necesidad de instalar ningún plugin y, además, muchos de ellos incorporan ajustes específicos.

Así, plugins antiguamente imprescindibles en cualquier sitio WordPress, como WPTouch, que casi todos hemos tenido instalado, actualmente no es que aporten poco, sino que no son nada recomendables, pues limitan las capacidades del tema, normalmente más versátil a la hora de ofrecer versiones móviles de tu web.

Lo que sí puede ser interesante a veces es ayudarte de otros plugins, como el visto anteriormente EditorsKit, para funcionalidades concretas, o plugins para hacer versiones móviles de tus menús en caso de que no te satisfaga cómo la genera tu tema, pero poco más.

Una lista de estos plugins que podrían servirte para cuestiones muy concretas relacionadas con la visualización de tu web WordPress en dispositivos móviles sería la siguiente (verás que no es muy larga):

  • EditorsKit – Ofrece la posibilidad de especificar en qué tipo de dispositivo se verá cada bloque del editor de WordPress, entre otras muchas utilidades más para el editor.
  • WP Mobile Menu – Plugin con el que crear versiones especiales de tus menús para teléfonos móviles, cuando el tema no te ofrece lo que necesitas en este sentido.
  • Max Mega Menu – Plugin para crear mega menús (menús horizontales, con imágenes, etc.), para todo tipo de dispositivos.

¿Debería ofrecer una versión AMP de mi web WordPress para dispositivos móviles?

Para terminar, es posible que si eres un usuario avanzado de WordPress hayas echado de menos que haya citado la creación de versiones en AMP de tu web.

Hasta hace relativamente poco tiempo era casi obligatorio tener una versión en AMP de tu web, pues Google priorizaba las páginas AMP sobre el resto en su buscador móvil, pero recientes denuncias por monopolio y uso abusivo han forzado a que Google prácticamente abandone este desarrollo, que actualmente lo prioritario para posicionar sea – como siempre – el contenido bueno y original, y la optimización para móviles.

Para los nostálgicos, AMP es una versión simplificada de HTML que creó Google, que teóricamente ofrecía páginas para móviles más rápidas, pero al mismo tiempo eran demasiado limitadas, y la realidad es que todo el mundo adoptó este nuevo estándar simplemente porque Google le daba prioridad, por obligación.

Crear versiones AMP para móviles en WordPress es tan sencillo como instalar el plugin oficial de AMP para WordPress, pero absolutamente no te lo recomiendo actualmente, pues ya te digo que es un estándar que está prácticamente muerto. Mejor céntrate en crear páginas optimizadas para cada tipo de dispositivo, especialmente para dispositivos móviles, y para eso ya hemos visto algunos consejos y recursos en esta guía, que espero que te hayan ayudado.

Para cualquier otra cosa, pregunta en los comentarios o en mis redes sociales.

Si deseas aprender más sobre cómo puedes adaptar tu web WordPress para dispositivos móviles, o si prefieres verlo con ejemplos en vídeo, lo puedes hacer desde nuestro canal de YouTube en el Curso WordPress:

Posted on

Los mejores temas WordPress gratuitos

mejores temas WordPress

Una de las decisiones más importantes y a la vez difíciles a la hora de crear tu web es la elección del tema o plantilla para tu sitio, pues será la cara visible de tu web, y el modo en el que se visualizarán tus contenidos.

Cuando usas WordPress para crear tu web tienes una gran ventaja sobre cualquier otro gestor de contenidos, y es que dispones de cientos, miles de temas entre los que elegir, y esto, que a priori parece una bendición, puede convertirse en justo lo contrario, al tener tantas opciones que no sabes ni por dónde empezar.

En este artículo vas a encontrar los mejores temas WordPress gratuitos, con sus principales características y funcionalidades, para que te sea más fácil elegir entre unos y otros, y sobre todo para que elijas pronto tu tema favorito y te puedas concentrar cuanto antes en la creación de contenidos.

¿Qué características debe tener el tema WordPress perfecto?

Aunque tengo claro que te vas a guiar por el aspecto del futuro tema de tu web, hay algunos aspectos que deberías tener en cuenta a la hora de elegirlo, al menos para no equivocarte y haber perdido el tiempo en tu elección.

La lista no es larga, pero sí importante:

  • Preparado para bloques y, a ser posible, para la edición completa del sitio – El presente y futuro de WordPress está basado en la edición y diseño mediante bloques, así que te recomiendo elegir un tema que ya esté preparado para el uso del editor avanzado de bloques de WordPress, y mejor aún si  ya está preparado para la edición completa del sitio.
  • Personalizable – Cuántas más opciones de personalización – en principio – mejor, pues esto te permitirá usar un mismo tema para prácticamente cualquier tipo de web que quieras crear. Esto es importante porque un tema puede tener cualquier aspecto, siempre que cuente con suficientes opciones de personalización, y así no tendrás que buscar un tema diferente para cada web, sino que podrás usar un mismo tema para prácticamente cualquier tipo de sitio, simplemente cambiando su aspecto desde los ajustes de personalización del tema, con los colores, tipografías, aspecto necesario para cada web.
  • Ligero y de carga rápida – A pesar de lo anterior, las posibilidades de personalización no deben suponer una sobrecarga para tu web. El nuevo tema debe generar un código limpio y solo el imprescindible, permitiendo que las páginas de tu web se muestren rápidamente en cualquier dispositivo.
  • Totalmente adaptable o responsive – Aunque puede considerarse una personalización, es importante que este apartado esté muy bien cubierto por los ajustes que puedas modificar, pudiendo adaptar el aspecto de tu web a los distintos dispositivos móviles.
  • Desarrollo activo – Esto se le suele escapar a la mayoría de usuarios, pero es importante que confirmes que el tema recibe actualizaciones frecuentes, tanto para adaptarse a las novedades de WordPress y nuevas tecnologías como para hacer frente a posibles vulnerabilidades de seguridad.
  • Soporte activo – Por último, pero no por ello menos importante, es que compruebes que el tema ofrece un sistema de soporte a los usuarios rápido y eficaz. El método da igual (email, foros), lo importante es que atiendan rápido a los usuarios y de manera eficiente, algo que puedes comprobar tú mismo revisando los foros de soporte del tema en WordPress.org y comprobando cuánto tiempo tardan en contestar a los usuarios y si los problemas quedan resueltos correctamente.    

¿Gratis, Fremium o Premium?

Todos los temas que puedes instalar desde la administración de WordPress son – en principio – gratuitos, pero también encontrarás otros modelos de uso.

  • Completamente gratis – Todo lo que tiene que ofrecer el tema en cuanto a posibilidades de personalización está en la versión única y gratuita del mismo, sin ofrecer versiones de pago con funcionalidades más avanzadas.
  • Freemium – Es muy común encontrar en el directorio de temas de WordPress temas gratuitos que, a su vez, también ofrecen una versión ampliada, con más funcionalidades del mismo. Puedes usar la versión gratuita indefinidamente, y solo cambiar a la versión de pago si necesitas alguna de sus herramientas adicionales.
  • Premium – No solo puedes adquirir temas WordPress en el directorio oficial, otros desarrolladores deciden vender directamente los temas en sus webs o en mercados de temas. En este caso son temas que no encontrarás buscando en el directorio oficial de temas WordPress, sino que tendrás que comprar en otra web, descargar un archivo zip con el tema y subirlo mediante el instalador de temas de WordPress, con la opción de «Subir tema». Hay algunos temas premium que son muy populares, por sus inmensas posibilidades de personalización.

¿Son mejores los temas premium que los gratuitos? Podrías pensar que sí, que si cobran será por algo, pero esto no siempre es cierto. De hecho en el listado que he preparado abajo verás que hay temas totalmente gratuitos, sin siquiera opción freemium, que son enormemente personalizables, mucho más incluso que algunos temas premium/de pago.

Mi consejo es que primero, siempre busques un buen tema gratuito, y en esta guía vas a encontrar muy buenas opciones, te lo aseguro 😉 

Cómo cambiar de tema WordPress

Cambiar de tema en WordPress es realmente sencillo, y lo más importante que debes saber es que cambiar de tema no afectará a tus contenidos ni configuraciones del sitio, pues son capas diferentes.

En lo que afectará el cambio de tema WordPress es en el modo en el que se muestran tus contenidos, incluso en cómo se organizan en la página de inicio y la del blog, pero no modifican el contenido mismo de tus entradas de blog ni de tus páginas.

Dicho esto, que considero que es importante para que no tengas ningún miedo a la hora de elegir cambiar de tema, si ya estás decidido a realizar el cambio, puedes hacerlo desde dos sitios diferentes en WordPress.

Si estás dentro del escritorio de WordPress, en la administración, debes ir a la sección Apariencia > Temas, donde verás un botón desde el que puedes «Añadir nuevo».

En la siguiente pantalla encontrarás una serie de herramientas para elegir el tema adecuado, como los temas populares, recomendados, filtrar por características, e incluso un buscador por cualquier término que quieras.

Una vez localizado un tema que quieras instalar, o simplemente probar, si colocas sobre su miniatura el cursor, verás que puedes visualizar más detalles del tema, instalarlo o hacer una vista previa, algo siempre recomendable, antes de activar cualquier tema WordPress.

Es importante que sepas que, por su funcionamiento, puedes tener instalados tantos temas WordPress como quieras, pero solo uno de ellos puede estar activo.

El otro modo de instalar temas para probarlos y, si te gusta, activarlo en tu web, es desde la portada de tu web si estás conectado, donde verás un botón en la barra superior llamado «Personalizar» (también puedes acceder a esta herramienta desde la administración, en el menú Apariencia > Personalizar.

Ahí encontrarás el nombre del tema activo con sus ajustes, y un botón para cambiar de tema.

Al pulsarlo puedes elegir entre activar un tema ya instalado o iniciar una búsqueda en el directorio de temas de WordPress, donde encontrarás las mismas opciones y funciones que mediante el método anteriormente visto.

Para no enrollarme más, y como siempre es mejor ver las cosas en la realidad, aquí tienes un vídeo de cómo cambiar de tema en WordPress que grabé para el canal en YouTube de SiteGround. Verás qué fácil.

Los 10 mejores temas gratuitos para WordPress

Ya no querrás esperar más ¿verdad?

La siguiente selección de los mejores temas gratuitos para WordPress están basados en mi propia experiencia de más de 12 años creando webs con WordPress.

Por supuesto, todos los temas que te recomiendo cumplen con los requisitos que te indicaba anteriormente acerca de qué características debe tener un tema WordPress perfecto.

Todos los temas de esta lista los uso habitualmente para webs de clientes y en mis propios proyectos, y los recomiendo sin ningún tipo de duda. Además, muchos de ellos son, por mérito propio, algunos de los temas más utilizados en WordPress.

En cada tema tienes sus principales características, sus aspectos destacados, y enlace para descargarlos.

Pero, sobre todo, verás que no es una lista inmensa, como las que verás en algunos blogs en ocasiones, en las que hay tanta información que al final en vez de ayudar te complican más todo.

Astra

A destacar

Astra es el tema WordPress más instalado de la historia, por encima incluso de los temas que ya vienen instalados en WordPress por defecto, y no es por casualidad, es un tema WordPress fantástico.

Además de ser un tema realmente ligero y de carga rápida, casi siempre el más rápido en todos los tests, ofrece incluso en su versión gratuita centenares de opciones de personalización, no solo en el personalizador, sino también en lo que se refiere a configuraciones diferenciadas página a página.

Incluye incluso un maquetador propio de cabeceras y pies de página, que permite personalizar totalmente estos elementos comunes de la web.

Si tienes una tienda online con WooCommerce también incorpora decenas de ajustes de personalización para tiendas online realmente interesantes, aunque en este caso la versión de pago es la que marca realmente diferencias, siendo imprescindible.

En todo lo demás, es un tema gratuito en el que no echarás en falta ninguna opción de personalización, habiendo incluso funciones de código para conseguir funcionalidades de pago de manera gratuita.

Es totalmente compatible con los principales maquetadores, como el editor de bloques, Elementor y otros, siendo el tema recomendado por los creadores de Elementor, aún por encima de su propio tema, que lo tienen.

Especialmente destacable de Astra es que puedes personalizar prácticamente cada elemento no solo globalmente, sino también con ajustes para cada tipo de dispositivo, desde los menús a cada ajuste de color, estructura y visualización.

Descarga gratuita – Compra premium

Generate Press

A destacar

GeneratePress está siempre a un paso (delante o detrás) de Astra en cuanto a prestaciones y rendimiento.

No faltará una comparativa de los temas más rápidos en la que no aparezcan estos dos temas alternándose la primera y segunda posición, dependiendo de las condiciones de las pruebas realizadas.

Lo que está claro es que, sea cual sea el primero, GeneratePress es un tema siemprea tener en cuenta si, por algún motivo, no te convence del todo Astra o por cuestiones de gustos en los pequeños aspectos que les distinguen, que no son muchos, aunque para mi gusto a favor siempre de Astra.

GeneratePress es un gran tema WordPress, con muchos ajustes gratuitos tanto para webs, blogs como tiendas online, se integra perfectamente con los principales maquetadores como Elementor y el editor de bloques.

No hay grandes diferencias entre Astra y GeneratePress, cualquier puede ser una elección perfecta, en la que te llevará a uno u otro algún aspecto concreto que un tema o el otro te permita personalizar para una web en concreto, siendo que para otra web prefieras el otro tema.

Quizás en lo que queda más por detrás de Astra es en las opciones de personalización según el tipo de dispositivo, pues mientras Astra te permite ajustes diferentes para dispositivos de escritorio, tabletas y móviles, con GeneratePress no tienes tantos ajustes por dispositivo, y donde los hay solo están disponibles para escritorio y móviles.

Descarga gratuita – Compra premium

Kadence

A destacar

Kadence es otro de los temas que siempre encontrarás en todas las listas de buenos temas WordPress, pues también destaca por su velocidad de carga y posibilidades de personalización, muy amplias, aunque menos que Astra, pero le pisa los talones.

De hecho, aunque es menos famoso y tiene menos instalaciones que GeneratePress, en realidad personalmente considero que Kadence es mucho mejor tema que GeneratePress por muchos motivos.

En cuanto a velocidad de carga están a la zaga, pero en cuanto a personalizaciones posibles le gana por goleada, diferenciándose muy poco de Astra, pues ofrece ajustes para poner a tu gusto prácticamente cualquier elemento de la web, y pudiendo aplicar configuraciones diferentes si el dispositivo es de escritorio, tableta o móvil, y todo de manera muy sencilla.

En lo que se refiere a personalización de tiendas online WooCommerce es completísimo, bastante más que la versión gratuita de Astra, así que si es tu caso no dejes de darle una oportunidad.

Descarga gratuita – Compra premium

OceanWP

A destacar

Si me preguntas por el tema gratuito que más personalizaciones tenga para tiendas online, OceanWP estará siempre en los primeros lugares.

De hecho es incluso abrumadora la enorme cantidad de posibles ajustes y configuraciones que tiene disponibles para tiendas online creadas con WooCommerce, tantas que a veces te costará encontrar dónde puedes cambiar el aspecto de algo de tu Ecommerce, pero da por seguro que con OceanWP hay un sitio para cada ajuste, y más tarde o más temprano lo encontrarás. Es realmente sorprendente, te costará encontrar algo que no puedas personalizar a golpe de clic en una tienda online.

De la mano de esta gran cantidad de ajustes, viene una de sus pequeños defectos, y es que tardan bastante en mostrarse sus ajustes, pero una vez cargados no afectan negativamente a la velocidad de carga de las páginas. No es que sea el tema más rápido de todos los de esta listas, pero tampoco vas a hacer esperar a tus visitantes a que carguen productos o contenidos.

Ya sin tener en cuenta la parte de tienda online, también es un tema realmente bueno para cualquier otro tipo de web, e igualmente con cientos y cientos de personalizaciones posibles.

Si estás buscando un tema WordPress con el que nunca tengas que tocar ni  una línea de código para modificar el aspecto de cualquier elemento de tu web, OceanWP te va a encantar, aunque te repito que puede ser a veces incluso demasiado, de tanto que tiene a veces cuesta encontrar las configuraciones adecuadas para cada necesidad, convirtiendo virtud en defecto, pero vamos, que es un tema que merece la pena que lo pruebes y le des una oportunidad, por mérito propio.

Es más, tiene tantas cosas, que la versión premium (de pago) en realidad no es una versión mejorada o con más ajustes del tema, no es literalmente posible, sino una serie de ampliaciones para usos muy concretos. Si es que … 

Se nota que le tengo cierto cariño ¿verdad?

Descarga gratuita – Compra premium

Proteo

A destacar

Te presento a mi tema favorito para tiendas online, pero también muy a tener en cuenta para cualquier tipo de web.

Algo muy a valorar de este tema es que es gratuito y siempre lo será, pues es el tema WordPress que ofrece gratis la empresa Yith para probar tus plugins.

Y esto no significa que sea un tema menor, sino todo lo contrario, pues dispone de uno de los paneles de personalización más completos y equilibrados que hay.

En Proteo no vas a encontrar tantas pantallas, subpantallas y subsubpantallas de ajustes como en OceanWP, pero es que verás que no es necesario, y ofrece tal cantidad de configuraciones que es más que suficiente para el 99,9% de las webs, sin pecar del exceso de OceanWP.

Al estar pensado inicialmente para tiendas online enseguida notarás que la sección de ajustes para WooCommerce es especialmente amplia y detallada, pudiendo configurar y personalizar todo lo importante de una tienda online. Pero no lo descartes para otros tipos de webs, pues sus opciones de personalización de widgets, barras laterales y sobre todo de cabecera, te van a dar una flexibilidad enorme para cualquier web, pues incluye elementos que no encontrarás en otros temas, ni gratuitos ni de pago.

Para mejorar aún todo, puedes instalar el plugin Proteo Toolkit, que te añade la posibilidad de crear temas hijos a un clic, instalar varias demos, plugins de carruseles de productos y más funcionalidades realmente útiles.

Descarga gratuita

StoreFront

A destacar

Si alguna vez has instalado WooCommerce para crear tu tienda online con WordPress seguramente te habrá fijado que el mismo proceso de instalación te ofrece a su vez instalar StoreFront como tema especialmente dedicado para tiendas online, y así es, pero no solo eso.

StoreFront tiene algunas particularidades que te recomiendo tengas en cuenta a la hora de elegir tema, no solo para tiendas online. Y una de las principales es que hay disponibles montones de temas hijo con distintas temáticas y aspectos para instalar gratis y, sobre todo, montones de plugins para StoreFront, que le añaden funcionalidades de todo tipo, desde cabeceras especiales, funciones especiales de carrito de compra, navegación por productos y mucho más, que además, también puedes en ocasiones aprovechar para webs que no tengan tienda online.

Otra ventaja de StoreFront es que es un tema muy ligero y de carga rápida, con un aspecto inicial minimalista, que es una ventana a la hora de diseñar tu web.

También merece la pena tener en consideración el hecho de que está creado por los desarrolladores de WooCommerce, por lo que siempre será compatible con todas las novedades de este plugin de creación de tiendas online.

Y, si no tienes miedo a «tocar código», hay cientos de funciones y otros fragmentos de código disponibles y muchísima documentación para que puedas personalizar tu web al máximo, lo que compensa los – en principio – pocos ajustes de personalización que verás disponibles con StoreFront, comparados con el resto de temas de la lista.

Descarga gratuita

Unwind

A destacar

Si estás buscando un tema ligero, centrado en el contenido, para un blog o una web enfocada en la lectura de artículos, Unwind es un tema ideal.

Unwind es un tema que – lo vas a notar enseguida – es realmente elegante y bonito, está especialmente bien diseñado, y nada más activarlo anima a leer los contenidos de cualquier web.

No destaca por tener multitud de ajustes de personalización, aunque tiene bastantes y en general los principales para casi cada parte de la web, pero cumple con todos los estándares de WordPress, es un tema ligero, y con un uso realmente genial de la tipografía, los espacios y los colores del tema.

Si tienes pensado lanzar una web de noticias, eres influencer o quieres disponer de un blog realmente bonito y fácil de leer, que anime a consumir su contenido, dale una oportunidad a Unwind, te sorprenderá.

Es un tema gratuito realmente interesante, lleno de detalles.

Descarga gratuita

CoverNews

A destacar

Cuando pienses en montar una web de noticias profesional, antes de gastar ni un solo euro en temas premium, mira antes a ver si CoverNews te satisface, que será raro que no lo haga.

Lo primero que te va a sorprender de CoverNews es que, aunque hay una versión premium de pago, te va a costar justifiar el coste de adquirirla, pues la versión gratuita es realmente completa y llena de posibles personalizaciones.

Pero quizás lo más importante del tema CoverNews es que, al contrario que la mayoría de temas WordPress especializados para sitios de noticias, no es un tema pesado ni sobrecargado, un mal habitual en este tipo de temas. CoverNews es un tema muy bien programado, que te permite mostrar montones de extractos de noticias de manera rápida y óptima.

Eso sí, no encontrarás montones de personalizaciones de aspecto, solo las principales, pero lo importante es que puedes diseñar muy fácilmente la portada de tu medio de noticias mediante montones de secciones que en realidad son áreas de widgets, donde puedes agregar todo tu contenido a voluntad.

Descarga gratuita – Compra premium

Neve

A destacar

Neve es un tema muy ligero, con montones de posibilidades de personalización a golpe de clic, pudiendo diferenciar tus ajustes para cada tipo de dispositivo e incluso tipo de contenido.

Destaca su integración con los bloques por defecto de WordPress, permitiendo personalizaciones de los principales desde su propia interfaz.

Para tiendas online, sin embargo, no ofrece muchos ajustes en la versión gratuita, comparado con otros temas que hemos visto.

Neve es compatible con todos los principales maquetadores de páginas.

Descarga gratuita – Compra premium

Blocksy

A destacar

Blocksy es un tema realmente sorprendente e interesante. Podría competir en cantidad de ajustes de personalización con OceanWP, pues la cantidad de elementos que puedes poner a tu gusto es realmente impactante, no sabes ni por dónde empezar.

Al igual que Astra, dispone de su propio maquetador sencillo e integrado de cabeceras, no así de pie de página, y de hecho es prácticamente igual que el de Astra.

Algunos elementos que le distinguen de otros temas son sus características que en otros temas solo tienes en la versión de pago, como los botones de subir, datos estructurados de Schema o migas de pan (breadcrumbs) personalizables.

Algo también fantástico de Blocksy es poder configurar la tipografía y colores para cada tipo de encabezado, y también destacan las posibilidades inmensas de personalizar los aspectos relacionados con tiendas online, siendo junto a OceanWP uno de los más completos en este sentido.

De Blocksy me encanta que, precisamente por la cantidad de ajustes que tiene, disponga de una opción, un botón en realidad, para devolver todas las configuraciones del tema a sus ajustes por defecto, por si se te va la mano personalizando y llega un momento en el que ya no sabes ni qué has modificado. 

Descarga gratuita – Compra premium

¿Cuál es el mejor tema WordPress gratuito?

Sinceramente no puedo decirte qué tema de los que hemos visto antes es el mejor de todos. Actualmente utilizo principalmente Astra, pero ten en cuenta que estas cosas también tienen que ver con a qué nos acostumbramos, y en su momento me decidí por Astra por cuestiones tan nimias como la forma de gestionar la cabecera y la estructura del blog, porque para mi era lo más importante, más que disponer de cientos de opciones adicionales de personalización, que yo, por mis conocimientos, puedo subsanar aplicando CSS cuando lo necesito.

Y este seguramente no será tu caso, así que mi recomendación es que, a partir de los detalles que he indicado de cada tema, elijas el más adecuado para cada proyecto, pero siendo consciente de lo que te comentaba al principio de esta guía, de que elijas a ser posible un tema que te sirva para otros tipos de webs, para no tener que aprenderte montones de nuevos ajustes en cada web.

O no me hagas caso en absoluto y guíate por la emoción, por lo bien que se ven tus contenidos con uno u otro, todos estos temas son buenos en todo lo importante, que vimos al principio.
Estaré encantado de escuchar tus comentarios, sobre estos temas o cualquier otro. Gracias por llegar hasta aquí y por seguir el blog de SiteGround. No olvides suscribirte al canal en YouTube de SiteGround España, donde publicamos montones de tutoriales gratuitos sobre WordPress.

Posted on

¿Qué es un blog cómo empezar a hacer blogging en 2026?

Seguro que sigues, e incluso conoces, a más de un(a) influencer que en su bio indica que es blogger o bloguero(a) pero ¿tiene blog?, ¿qué es un blog?, ¿me puedo yo crear un blog?, ¿es complicado crear un blog?, ¿cuesta dinero?, ¿son todos los blogs iguales?, ¿se puede ganar dinero con un blog?, ¿para qué sirve?, es más ¿merece la pena?

La respuesta a todas esta y otras preguntas es más sencilla de lo que crees, y para no aburrirte las contestaré una a una, para que puedas ir directamente a la que prefieras, ¿te animas?

¿Qué es un blog?

Aunque no lo creas, es importante definir bien qué es un blog, sobre todo para diferenciarlo de lo que no lo es.

Dicho de manera sencilla, un blog es una página web en la que puedes publicar tus ideas, contenidos y opiniones de todo tipo, desde un punto de vista personal, diferente de cualquier otro.

Una característica que se considera diferencial en un blog es que estas publicaciones, también conocidas como entradas, posts o artículos, se mostrarán en sentido cronológicamente inverso, o sea, que lo primero que se verá en la parte superior o inicial del blog será la última publicación, la más reciente.

Además, los blogs suelen permitir organizar las publicaciones en taxonomías, que es cualquier modo de clasificar contenidos, como categorías o etiquetas, para facilitar al visitante la lectura de los contenidos que más le interesen por temática, sin tener que leer simplemente por cronología.

Una publicación de blog normalmente está compuesta por texto, pero también puede contener imágenes, vídeo, o incluso contenido multimedia extraído de otros medios.

También es distintivo de los blogs la posibilidad por parte de los visitantes de dejar comentarios en cada publicación, generándose de este modo una conversación en la que, a partir del contenido planteado por el bloguero, la audiencia aporta sus impresiones, enriqueciendo el contenido en su conjunto.

En sus inicios a los blogs también se les llamaba bitácoras, por el sentido de ser una especie de diario personal, pero actualmente el concepto se ha extendido, para incluir toda página web que cumpla con estas características que hemos visto.

¿Cuáles son los tipos de blogs más populares?

Pues sí, no todos los blogs son iguales, y dependiendo del objetivo, hay varios tipos de blog que puedes encontrarte y/o crear. Los más habituales son estos:

Blog personal

Estos son quizás los más conocidos, y aquí encontrarás desde blogs para declarar el amor a un gato, a blogs de influenciadores, pasando por blogs de periodistas, blogs de fans de series de televisión, todos ellos con una característica esencial, y es que las opiniones expresadas en ellos son única y exclusivamente del autor del blog, con todo el valor añadido que eso supone en un mundo tan mediatizado y controlado como el actual. En un blog personal no vas a encontrar «la respuesta» pero sí posibles respuestas, en las que el autor se compromete con su idea, y eso siempre tiene un valor de autenticidad, tan ausente actualmente.

Blog temático

 La mayoría de los blogs comerciales suelen ser temáticos, ya hablen de tecnología, famoseo o sean de opinión política.

Blog de firmas

Estos son muy habituales en los medios de comunicación tradicionales, cuando un autor de renombre merece un espacio propio, con ciertas personalizaciones de aspecto y cierto control editorial. Los mismos medios habilitan un blog para cada firma reconocida y luego las destacan en la portada del medio generalista.

Blog corporativo

Esta sería la versión empresarial del blog personal, en la que es tu compañía quien alimenta de contenidos a buscadores y perfiles sociales, que siempre enlazarán a tu blog, reforzando así tus contenidos y pudiendo gestionar los comentarios desde tu propio entorno.

Blog SEO

Este es un tipo de blog específico para mejorar el posicionamiento en buscadores de tus contenidos. Normalmente, se elaboran artículos en profundidad para cubrir temáticas interesantes para los usuarios sobre servicios o productos que tú o tu empresa ofrece, aprovechando para enlazar a tus páginas web, siempre desde contenido relacionado con tu nicho de mercado. La idea de fondo es aportar valor con contenido interesante y de calidad, que aprecien tanto usuarios como buscadores, y que te posicione como experto en tu sector.

Blog de soporte

 ¡Qué mejor sitio que tu propio blog para atender las peticiones de soporte! No solo vas a poder controlar la conversación, sino también el posicionamiento en buscadores de las quejas, y de paso irás generando poco a poco una base de conocimiento sobre soporte para tus productos o servicios, reutilizable tanto por clientes como por empleados. De paso, un blog de soporte siempre es más controlable que un foro, donde pierdes totalmente el control de la conversación y el alcance de las posibles quejas. 

Blog de preguntas frecuentes

Ya sea a partir del conocimiento adquirido en el blog de soporte, o de cualquier otro medios, siempre es bueno crear un blog en el que vayas publicando artículos que respondan a las preguntas que más se hacen los usuarios en la caja de los principales buscadores. Así, poco a poco, en este especial blog también de SEO, irás apareciendo siempre como la fuente de referencia sobre tú, tu marca, lo que tú ofreces.

Blog de «hechos»

Basándonos en el hecho de que lo que tú no digas de ti otros lo dirán, es fundamental cuando tu marca tiene cierta relevancia y, en consecuencia, ya hay otros hablando – a veces incluso mal – de ti, empieces a crear un blog en el que contradigas con «hechos» la posible mala fama que tenga tu marca o tus servicios y productos. Este tipo de blogs se popularizaron mucho a partir de los que creó el equipo de comunicación de la primera campaña electoral de Barak Obama, con el objetivo de contrarrestar los bulos que sobre él se podían encontrar en medios y buscadores. Con el tiempo, y trabajo intensivo de generación de contenidos, podrás aparecer en los buscadores antes que los bulos o quejas sobre ti.

Blog del CEO

Quién mejor que el director de tu empresa para hablar de ella, ¿verdad? Ten en cuenta que el CEO de la empresa suele (debe) ser un referente en el sector, y en consecuencia todas sus opiniones, predicciones y análisis, por lo que disponer de tal calidad de conocimiento compartido en la web de la empresa, desde el blog del CEO, puede tener un gran impacto positivo en la imagen de tu negocio.

Blog de departamento

De menos impacto quizás que el blog del CEO, pero a veces realmente interesantes suelen ser los blogs corporativos de departamentos, donde son otros profesionales de tu compañía quienes realizan la labor informativa sobre los productos y servicios de la empresa, la filosofía de trabajo e incluso curiosidades siempre interesantes, que normalmente no se suelen compartir en público. De paso refuerzas la visibilidad profesional de tus cuadros y empleados.

Blog «B»

Un tipo especial de blog corporativo es el blog «B» o blog «friki», una especie de blog corporativo informal, en el que empleados pueden compartir todo tipo de contenidos que, sin salirse de la filosofía e imagen de la marca, ofrezcan una visión más cercana con los clientes, lo que puede generar empatía en doble sentido.

¿Cuál es la diferencia entre un blog y una web?

Es la pregunta del millón. 

Podríamos decir que una web es como tu casa, con sus correspondientes habitaciones (servicios, porfolio, sobre nosotros…), y el blog es una de ellas: la cocina. ¿Por qué? Porque es ahí donde acuden tus usuarios cuando tienen hambre. Tu misión será alimentarlos.

En el blog, el core es el contenido: los posts o entradas  se generan de forma periódica para atraer, nutrir, educar o entretener a una audiencia objetivo. Por tanto, es una herramienta vital en las estrategias de marketing de contenidos y SEO, pues es una fuente constante de contenido y palabras clave. Estos artículos normalmente se muestran en orden cronológico inverso, es decir, primero los más recientes; y se clasifican por temáticas o categorías. 

Cuando hablamos de web nos referimos a un sitio corporativo al uso, donde una empresa ofrece sus servicios, muestra su porfolio, datos de contacto, etc.  

Estos apartados suelen ser más estáticos y su objetivo es que el usuario conozca la marca a través de sus diferentes secciones, el blog entre ellas.

Lo que diferencia a ambos conceptos es su propósito y cómo los usuarios se relacionan o interaccionan. 

El blog ayuda a resolver las inquietudes o intención de búsqueda de los usuarios; la web, a presentar a la marca y  transmitir su propuesta de valor.

Un blog puede existir por sí mismo y de manera independiente o estar dentro de una web. 

¿Para qué sirve un blog?

Aunque inicialmente los blogs se planteasen como una especie de bitácoras personales, actualmente tienen muchas más utilidades.

Branding y reconocimiento de marca

Una de las utilidades más importantes de un blog es promover  el brand awareness, es decir, el reconocimiento de marca, ya sea de forma personal o corporativa. 

A través de la creación estratégica de contenido, una empresa (o persona) muestra su know-how, gana autoridad, se posiciona como referente y, por ende,  genera confianza. 

En un blog, especialmente si lo alojas en tu propio alojamiento, no dependes de las herramientas que ofrezca una empresa de perfiles sociales. Tú decides qué se verá, cómo, qué contenido se publica y tendrás un control total de tu marca. 

Igualmente, tu empresa necesita un espacio propio en el que compartir contenidos de valor para sus clientes y visitantes, en un entorno que controle totalmente, tanto en aspecto de contenidos como de gestión de la conversación. 

En definitiva, todo lo que haces y dices te ayuda a construir tu universo de marca. Tu branding. 

Posicionamiento SEO gratuito

Un blog es el mejor modo de posicionar en los buscadores de manera natural y sin gastar ni un euro, mediante SEO «on page», el que hace que tus contenidos muestren su propio valor en los buscadores, por méritos propios.

Google ha dicho y demostrado muchas veces que ama los blogs, pues normalmente es contenido original, con voz propia, diferente, y la misma estructura de un blog anima a escribir a menudo, lo que es una «promesa» de nuevas publicaciones, tanto para usuarios, que ven que hay una secuencia, una cronología de contenidos, como para los bots de los buscadores.

Todo esto hace que los principales buscadores presten especial atención a cualquier página web con formato y estructura de blog, que publique contenidos con cierta asiduidad.

Comunicación controlada con clientes

Cuando tus contenidos web están en sitios o servicios externos, en vez de en un blog propio, dependes de las políticas y herramientas de conversación disponibles en la plataforma.

En un blog puedes añadir o quitar herramientas de conversación, controlar los comentarios, en definitiva, gestionar la conversación sobre tu empresa o marca, productos y servicios.

De este modo no solo vas a evitar críticas y denuncias falsas, sino también la imagen de marca.

Si no hablas tú de ti otros lo harán

Sobre todo, lo más importante, es que con un blog tienes tu propia página web en la que definir y controlar la información sobre ti y tu marca, personal o empresarial.

Así, vas a poder decir mejor y antes que nadie quién eres, cómo lo haces, y podrás aplicar estrategias de protección de marca, revertir malos resultados en buscadores y dominar los contenidos sobre ti y tu marca.

¿Cuáles son las ventajas de tener un blog?

Ya hemos comentado antes algunas de sus grandes ventajas, pero vamos a ponerlas en una lista, que así es más fácil identificarlas:

  • Control de la imagen de marca: En un blog todo lo gestionas tú, desde los colores de la página web hasta los contenidos y el comportamiento de la web y las herramientas que ofrece a los visitantes.
  • Libertad de contenidos: Como he comentado anteriormente, esta es una ventaja diferencial fundamental, pues no te afectarán legislaciones de plataformas de terceros, responsabilizándote únicamente ante la legislación de tu país. En tu blog, da igual si eres una persona emprendedora o una empresa, la línea editorial eres tú.
  • Herramientas infinitas: No dependerás más de qué te permite hacer Facebook u otras plataformas, en tu blog puedes instalar y activar, y también desactivar, las herramientas que quieras que estén disponibles para tus visitantes.
  • Moderación de la conversación: Mientras que en plataformas externas dependes de las funcionalidades de moderación de comentarios disponibles, en un blog tienes todo el control, pudiendo decidir absolutamente todo lo que aparece publicado en la página web.
  • SEO: Una de las características de las plataformas sociales de publicación de contenidos es que suelen ser opacas a los buscadores, pues nacieron como redes sociales privadas, en las que la gente compartiese contenido sin temor a que saliese en los buscadores. Esto a día de hoy también es así, siendo realmente difícil posicionar en buscadores mediante publicaciones en las principales redes y plataformas de publicación.
  • Escalabilidad: Este concepto te sonará extraño, pero es fundamental, pues puedes empezar con un sencillo blog y, más adelante, ir añadiéndole más funcionalidades, hasta el punto de agregar características de web, tienda online, e incluso red social. Esto es más sencillo de lo que imaginarías si utilizas herramientas de creación de blogs como WordPress, que no solo es gratuito, sino que también te permite ampliar las funcionalidades de tu web hasta el infinito.

¿Cómo monetizar un blog?

Aparte de las estrategias corporativas a medio y largo plazo que pueden desplegarse desde un blog empresarial, hay maneras directas de ganar dinero con un blog para ti, para mí, para cualquiera con la capacidad, ganas e ilusión por compartir opiniones, fotos, cualquier tipo de contenido, ya sea de carácter más personal o especializado.

Las principales maneras de ganar dinero con un blog serían, a grosso modo, las siguientes:

  • Marketing de afiliación
  • Publicidad contextual
  • Retargeting
  • Publicidad directa
  • Contenidos patrocinados
  • Acuerdos de exclusividad
  • Patrocinio de marcas

De hecho, me estoy dando cuenta de que este apartado tiene la suficiente importancia como para dedicarle una guía completa, así que lo dejamos aquí de momento y muy pronto la publicaré en este mismo blog 😉

¿Cómo comenzar un blog?

Llegados a este punto te preguntarás, ¿es difícil crear un blog?, ¿por dónde empiezo?, ¿vale cualquier plataforma o herramienta para crear blogs?

Empezando por el final, y si somos coherentes con lo que hemos visto en puntos anteriores, especialmente en lo referente a los inconvenientes de publicar tus contenidos en entornos ajenos, de prestado, como redes sociales y servicios de terceros, deberías huir de plataformas «alojadas» (del inglés hosted) para blogs, pues tendrían los mismos problemas, a saber:

  • Estás en un entorno ajeno, donde estás de invitado, y tu contenido realmente no te pertenece a ti sino a la plataforma.
  • La plataforma puede borrar tu contenido o incluso tu perfil completo en cualquier momento, por múltiples razones.
  • Solo podrás compartir contenido admisible por la plataforma, aunque la legislación de tu país lo permita, puede que la del país de la plataforma no lo haga.
  • La plataforma puede desaparecer, y tu contenido se perdería al completo.
  • No controlas la conversación más allá de hacer privado tu perfil y unas pocas herramientas de moderación, siempre insuficientes.
  • No controlas el aspecto y diseño de tu perfil, pudiendo modificar solo algunos elementos.
  • Solo podrás añadir las funcionalidades propias que te permita la plataforma.

Visto así, lo mejor es utilizar una herramienta de creación de blogs que ofrezca, al menos, lo siguiente:

  • Software independiente, preferiblemente de código abierto, para no depender de las estrategias de marketing de empresas y que sea siempre modificable y exportable.
  • Poder alojar la herramienta en cualquier alojamiento de tu elección.
  • Suficientes funcionalidades para ampliar tu blog según tus crecientes necesidades, o incluso convertirlo en una página web más completa (tienda online, red social, chat, etc.)
  • Amplias capacidades de personalización, cuanto más sencillas mejor.
  • Una comunidad de usuarios y desarrolladores amplia y activa, que me garantice soporte, ayuda y mejoras constantes.

¿Qué herramienta me ofrece todo esto actualmente?, ¿cuál es la que me garantiza más por menos?

Actualmente, la herramienta de creación web más completa, libre y gratuita, con una enorme comunidad de desarrolladores y usuarios es WordPress.

Además, es la herramienta que encontrarás en la mayoría de las webs de las empresas en las que podrías trabajar, así que lo que aprendas sobre el uso de WordPress, además de servirte para tu blog personal, también te servirá para un posible uso profesional.

Pero tú quieres saber cómo crear un blog, y que sea usando WordPress, sin tener que complicarte con cuestiones técnicas, ¿verdad? Nada más fácil.

En la actualidad, todas las principales empresas de alojamiento web ofrecen la creación de páginas web con WordPress a golpe de clic, sin tener que tener conocimientos previos de ningún tipo. Y por supuesto también SiteGround, con planes específicos adaptados a las necesidades de WordPress.

Desde solo 3,99 € al mes el primer año, con garantía de devolución de 30 días, puedes crear cualquier tipo de web, y por supuesto también un blog, con WordPress, y el dominio para tu sitio también es gratuito el primer año.

wordpress planes siteground

Una vez contrates cualquier plan, sea específico para WordPress o no, de SiteGround lo primero que te vas a encontrar es un asistente que te guiará para que tengas en marcha tu web/blog con tu propio dominio en unos segundos.

En realidad son solo 2 pasos. En el primero tienes que elegir el dominio (gratis), y en el segundo ya solo te queda elegir la aplicación (WordPress) y poner tu email y contraseña para acceder a tu flamante blog/web, que estará funcionando en unos minutos, tras lo que recibirás un correo electrónico con las instrucciones de acceso.

nuevo sitio web siteground
configurar nuevo sitio WordPress siteground

Ya en tu blog, solo te queda empezar a publicar tus propios contenidos, desde el famoso escritorio de WordPress.

bienvenido wordpress

WordPress te ofrece un editor sencillo, desde el que crear fácilmente tus publicaciones, añadiendo texto, imágenes, vídeo, lo que quieras.

crear entrada WordPress

¿Quieres saber más maneras de aprovechar un blog para el marketing digital?, ¿quieres aprender marketing digital de grandes profesionales?, ¿lo quieres gratis?

Pues no te quedes aquí, descárgate el eBook sobre Marketing de contenidos que ha publicado SiteGround.

Encontrarás artículos de grandes profesionales del marketing de contenidos como José Ramón Padrón, Ana García López, David Ayala, Susana García, Fernando Tellado (un servidor, con permiso), Rosa Morel, José Facchín, María Díaz, Laura Curto, Joan Boluda, Mauricio Gelves, Pablo Moratinos.

Puedes descargar GRATIS, el ebook de marketing de contenidos publicado por SiteGround desde este enlace. 

Y si aún te quedan dudas sobre los blogs, aquí abajo en los comentarios, puedes hacerlas.

Posted on

Cómo crear una web con WordPress: Curso online con Fernando Tellado

Hoy quiero presentarte el curso de WordPress en vídeo que he realizado con SiteGround.

El objetivo de esta serie de tutoriales en vídeo es el de ayudarte a crear tu propia web de manera sencilla, gracias a las herramientas de SiteGround y su Site Tools.

Pero no solo eso…

Tanto SiteGround como yo somos totalmente conscientes de la enorme necesidad que existe para ti y otros muchos en estos momentos de, bien empezar un negocio online o bien transformar uno existente para ampliar canales de venta y adaptarse a la nueva realidad. 

Lo cierto es que de una manera u otra, la gran mayoría de negocios como pueda ser el tuyo están experimentando una transformación y esto está trayendo consigo cantidad de nuevas oportunidades en el sector online que queremos ayudarte a aprovechar. Por ello hemos unido fuerzas y hemos preparado el nuevo curso gratuito: «Cómo crear tu web en WordPress».

En él iré cubriendo, de la manera más sencilla posible, y paso a paso, todos los aspectos que debes tener en cuenta a la hora de poner en  marcha la web de tu negocio, marca personal o lo que necesites o ansíes.

El objetivo es que sea un curso realmente práctico, que le saques provecho real, que te sirva para tu éxito personal o profesional.

[subscribe_cta]

El curso consta de 3 grandes apartados:

  1. Requisitos iniciales y primeros pasos
  2. Personalizar WordPress, funcionalidades extra y publicaciones 
  3. Marketing digital para promocionar tu web 

En el primer apartado veremos todos esos pasos, a veces no tan obvios, que son de total relevancia para nuestra futura web, como por ejemplo…

  • Qué contenidos tendrá mi web y a qué estará orientada, desde el objetivo de la web, la  imágenes, textos, etc.
  • Cómo elegir el hosting web adecuado para mi objetivo, y en qué debes fijarte para elegir bien y luego no arrepentirte.
  • Cómo elegir un buen dominio para tu marca.
  • Los primeros pasos que debemos dar en seguridad, privacidad.
  • Qué tema y plugins instalar y cómo elegirlos adecuadamente.

En la segunda parte del curso nos lanzaremos a personalizar la web, entre otras cosas:

  • Aprenderemos la estructura de una página web y cómo personalizar cada parte de manera sencilla y visual.
  • Vamos a conocer y dominar el editor de bloques de WordPress, con el que crearemos entradas y páginas.
  • Veremos cómo incluir en nuestra web elementos tan importantes como un formulario de contacto, un mapa de Google y vídeos.
  • Descubriremos juntos todas las tecnologías que debemos conocer para ofrecer una experiencia perfecta en dispositivos móviles de nuestra web.

Vistos ya los fundamentos, nos centraremos, ya en la tercera parte del curso, en todo lo relacionado con el posicionamiento en buscadores, promoción y marketing de nuestra web y sus contenidos.

Para ello vamos a ver…

  • Cómo crear una página de venta de productos o servicios, conociendo su filosofía de funcionamiento y casos prácticos.
  • Cómo crear una landing page en nuestra web, qué partes debe tener y cómo sacarle el máximo partido.
  • Cómo mejorar el SEO de nuestra web aprovechando las distintas funcionalidades que WordPress pone a nuestra disposición (gratis) para mejorar los distintos parámetros de posicionamiento en buscadores de nuestros contenidos.
  • Cómo analizar nuestros contenidos para una mejor legibilidad y aprovechamiento de los algoritmos SEO de Google, y cómo aprovechar la tecnología de la Search Console para seguir mejorando.
  • Cómo crear una newsletter gratuita, desde la que fidelizar a nuestros visitantes y ofrecerles productos y servicios.
  • Para finalizar, veremos lo fácil que es crear una tienda online, y la crearemos, en directo, configurando los aspectos principales, las pasarelas de pago y las distintas tipologías de productos y para qué sirven.

Ya puedes empezar el curso aquí:

En total son 21 vídeos que iremos publicando en el canal de YouTube de SiteGround España por apartados semana a semana (tres apartados, tres semanas), en los que te iré mostrando cómo crear tu web desde incluso antes de su planteamiento, y te acompañaré durante todo el proceso mostrándote cómo realizar cada paso, y compartiendo contigo todos los trucos y mi experiencia de más de 12 años creando todo tipo de webs para empresas, emprendedores e instituciones de todo tipo. 

Veremos, con lenguaje sencillo para todos, cada uno de los aspectos a tener en cuenta desde que empiezas a pensar en tu futuro proyecto web hasta la fase de venta de productos y servicios, SEO y promoción.

El objetivo, tanto de SiteGround como mío, a la hora de elaborar estos vídeos, es que tanto si eres usuario de los servicios de hosting de SiteGround como si aún no has dado el paso para tener presencia en Internet, tengas una guía sencilla, práctica y de confianza de todos los pasos que debes dar para tener éxito con tu sitio web.