Cómo mantener tu sitio seguro con el servicio de seguridad de Site Scanner (Webinar + Preguntas frecuentes)

A medida que los hackers se vuelven cada vez más ingeniosos, proteger tu sitio web es un proceso continuo. Para ayudarte a aumentar la seguridad de tu sitio web, recientemente hemos mejorado nuestro servicio adicional Site Scanner con nuevas funciones y hemos introducido un plan Premium para la máxima seguridad del sitio web. Para ofrecer más información sobre esta mejora del servicio hemos realizado un webinar en vivo (en inglés) con nuestro líder de Productos y Tecnología, Daniel Kanchev. En él, nos explicó cómo la última actualización de Site Scanner mejorará la seguridad de tu sitio y respondió a vuestras preguntas más frecuentes. Si no tuviste la oportunidad de asistir, ahora puedes ponerte al día con la grabación de nuestro webinar en vivo de Site Scanner en YouTube. También resumimos algunas de las respuestas a vuestras preguntas más populares, así como las que no tuvimos tiempo suficiente para responder durante el webinar en vivo.

¿Por qué deberías proteger tu sitio web en primer lugar?

Contrariamente a la creencia popular, todos los sitios web (grandes o pequeños) son objetivo de ataques de hackers. Al final del día, a los atacantes no les importa si tienes un sitio web corporativo o una gran tienda de eCommerce, si tienes un par de cientos de usuarios o cientos de miles de visitantes. Su objetivo es maximizar el impacto del ataque, causando daños tanto a tu empresa como a tus usuarios. Algunos de los males que causan incluyen el robo de datos de tarjetas de crédito, el envío de e-mails no deseados, el alojamiento de malware en tu sitio, el almacenamiento de archivos en tu cuenta, etc.

La conclusión es que todos pueden ser un objetivo y verse afectados. Por eso es importante saber cómo proteger tu sitio web. En SiteGround, somos fanáticos de la seguridad de los sitios web alojados en nuestra plataforma. Estamos adoptando un enfoque multinivel para asegurar tus sitios en los niveles de infraestructura, servidor y aplicación, pero dado que la seguridad de un sitio web también es responsabilidad de cada propietario de un sitio web, constantemente agregamos nuevas características y servicios para ayudarte en este proceso y ahorrarte tiempo, esfuerzo y dinero, porque lidiar con las secuelas de un ataque al sitio web lleva tiempo, genera pérdidas y requiere ciertas habilidades técnicas.

¿No se ocupa SiteGround de la seguridad de mi sitio web?

SiteGround ha adoptado un enfoque “la seguridad primero” en nuestros servicios y estamos cuidando de manera integral los sitios web alojados en nuestra plataforma. Estas son algunas de las cosas que hacemos:

Medidas generales de seguridad del sitio web

  • El aislamiento de la cuenta de hosting asegura que tu sitio esté protegido y no se vea afectado en caso de que otro sitio web en el mismo servidor sea hackeado. Aisla tu sitio web de todos los demás sitios web. Si el sitio web de otro cliente es hackeado, esto no afectará a tu sitio web. Sin embargo, es bueno tener en cuenta que varias aplicaciones dentro del mismo sitio web (por ejemplo, en diferentes carpetas o subdominios del mismo sitio web) necesitarán un poco más de atención, ya que comparten el mismo espacio protegido aislado. Hackear una de ellas puede llevar a la explotación de la otra aplicación. Por lo tanto, es una buena idea proteger todos tus sitios con contraseñas seguras, y nuestro plugin SiteGround Security para sitios web de WordPress, por ejemplo.
  • Las reglas de Web Application Firewall (WAF), escritas por nuestros expertos en seguridad, evitan que tu sitio sea hackeado debido a un agujero de seguridad en un plugin, tema, etc. Escribimos estas reglas inteligentes de firewall para un gran porcentaje de plugins, temas y otras aplicaciones de WordPress.
  • El sistema anti-bots inteligente de IA analiza todos los servidores, sitios web y tráfico, y bloquea las solicitudes de sitios web ilegítimos, o muestra un CAPTCHA, cuando no está 100% seguro de que las solicitudes sean legítimas. Nuestro sistema anti-bot de IA también se encarga de los ataques de fuerza bruta.
  • Copias de seguridad distribuidas geográficamente para tener tus datos disponibles de forma segura en otra ubicación, en caso de que algo le suceda a tu servidor y centro de datos.
  • Monitorización 24h de los servidores por nuestros administradores de sistemas experimentados para prevenir ataques de seguridad, mitigar DDOS y reaccionar de manera oportuna contra cualquier amenaza conocida o desconocida.

Medidas de seguridad específicas de WordPress

  • Ofrecemos actualizaciones automáticas del núcleo y los plugins de WordPress para asegurarnos de que tu sitio web esté actualizado y sea seguro.
  • Hemos desarrollado un plugin de seguridad gratuito para WordPress disponible tanto para clientes como para no clientes: el plugin SiteGround Security. Te permite añadir capas adicionales de seguridad a tu sitio web y aplicación.

¿Por qué necesitas entonces nuestro servicio de seguridad Site Scanner?

Incluso con todas las medidas de seguridad mencionadas anteriormente, siempre existe la posibilidad de que tu sitio sea hackeado por un atacante que haya encontrado una manera de acceder al mismo.

Imaginemos que estás conectado a una red wifi pública y estás accediendo a tu cuenta de FTP desde ella. Si el hacker está en la misma red wifi y es una red abierta, puede rastrear el tráfico y ver tu nombre de usuario y contraseña. Este es solo uno de los numerosos ejemplos de cómo los atacantes pueden “entrar” por la puerta trasera de tu sitio web.

Es por eso que nuestro Site Scanner es útil – incluso si algo le sucede a tu sitio, te notificará sobre el problema y podrás reaccionar, ya que:

  • Comprueba regularmente las amenazas de los sitios web y detecta malware
  • Te envía oportunamente alertas y notificaciones de amenazas 
  • Te da herramientas para reaccionar si tu sitio está siendo atacado (NUEVO)

Site Scanner es un gran complemento a todo lo demás que hacemos, porque te da visibilidad y control si algo sospechoso está sucediendo en tu sitio web, y te proporciona un mecanismo para una reacción oportuna para limitar el alcance de un ataque.

Preguntas frecuentes sobre cómo funciona Site Scanner para proteger tu sitio web

Con la última actualización de Site Scanner, ofrecemos dos planes de Site Scanner – Básico y Premium que proporcionan a tu sitio web varias características de seguridad. Aquí encontrarás las respuestas a las preguntas más frecuentes sobre estas características:

¿Con qué frecuencia se ejecuta Site Scanner?

Ambas versiones del servicio de seguridad Site Scanner ejecutan escaneos diarios de las URL rastreables, mientras que la versión Premium incluye escaneos diarios automatizados de los archivos cargados para ese sitio web.

¿Site Scanner escanea también los subdominios, o solo el sitio web principal?

La parte de Site Scanner que abre el sitio web en un navegador y navega por las páginas funciona para el nombre de dominio para el que solicitaste el servicio. Si has solicitado un Site Scanner para dominio.com, escaneará las páginas de este sitio web. Si tienes subdominios como blog.dominio.com, Site Scanner no los escaneará de esta manera. El servicio solo abrirá el sitio web principal en un navegador y lo escaneará.

En el plan Site Scanner Premium, los escaneos de archivos funcionarán para todos los subdominios que tengas como parte de este sitio web. Esto se debe a que, desde el punto de vista de la estructura de carpetas, todas las carpetas HTML públicas (las carpetas raíz web de los sitios web) están en un solo sitio.

¿Site Scanner puede escanear archivos, así como index.php, .htaccess.txt? ¿Cómo funciona con sitios HTML antiguos?

No importa si es un archivo PHP, .html, CSS, JavaScript, Python, Pearl, Go u otro tipo de archivo, el archivo se escaneará. Nuestro Site Scanner escanea y busca patrones maliciosos en todo el sistema de archivos, sin importar qué tipo de archivos hay en las carpetas.

Si tienes un sitio HTML, lo más probable es que no seas objeto de ataques con tanta frecuencia en comparación con un sitio web dinámico; sin embargo, los sitios web HTML aún pueden ser pirateados y se puede insertar código malicioso en el HTML. Por ejemplo, si tienes un index.html, alguien puede inyectar JavaScript malicioso en esas páginas html, pero Site Scanner las detectará.

¿Site Scanner afecta la velocidad del sitio web o el uso de CPU?

Site Scanner es ligero y consta de dos partes principales. La primera es el escaneo desde la perspectiva del navegador, y se ejecuta en una infraestructura diferente, no en tu servidor. Todos los días, abre tu sitio web y navega a través de algunas páginas, generando alrededor de 10 o 15 visitas por día, lo que es bastante poco y puede ignorarse. En segundo lugar, están los escaneos de archivos y los escaneos de carga de archivos. Estas son cosas que se ejecutan en tu servidor de alojamiento, pero son ligeras y consumen muy poco tiempo de CPU. Por lo tanto, ni la velocidad de carga del sitio web ni el uso de CPU se ven afectados por Site Scanner.

¿Site Scanner es marca blanca?

Si estás vendiendo servicios, tus usuarios finales verán la interfaz de Site Scanner dentro de Site Tools (es marca blanca de esa manera), pero no recibirán los informes por email. Estos informes se entregarán sólo al propietario del sitio web (el cliente de SiteGround que es propietario del sitio web). Tus clientes también podrán usar la opción de cuarentena, podrán ver el historial de escaneos, ya que estos también son marca blanca.

¿Cómo activar Site Scanner?

Puedes simplemente iniciar sesión en tu Área de Cliente de SiteGround > Marketplace > Servicios de hosting > Servicios adicionales y seleccionar Site Scanner. Luego verás la tabla comparativa entre los planes Básico y Premium para elegir, junto con sus respectivos precios.

Site Scanner versus plugin SiteGround Security para WordPress

Site Scanner protege tu sitio web detectando amenazas, ataques y vulnerabilidades, te envía notificaciones y te da herramientas para reaccionar. El plugin SiteGround Security, por otro lado, te da la capacidad de aumentar el nivel de seguridad de tu sitio web de WordPress colocando más reglas de firewall, por ejemplo, puedes habilitar 2FA, bloquear una dirección IP que está intentando acceder a tu sitio web demasiadas veces, etc. 

Si bien el plugin aumenta la seguridad de tu sitio web de WordPress, Site Scanner también funciona para sitios web que no son de WordPress. Si tienes un sitio web de WordPress, te recomendamos que consigas el plugin para aumentar la seguridad de tu sitio y que también añadas Site Scanner para tener la tranquilidad de que si algo sucede, serás notificado y serás capaz de reaccionar fácilmente y a tiempo a través de la interfaz de Site Scanner.

¿Funciona 2FA para los usuarios de contenido en WordPress?

En el plugin SiteGround Security, 2FA solo se puede habilitar para usuarios con privilegios elevados, como administradores, editores, etc. Una vez que habilites 2FA, estos usuarios tendrían que completar un token, generado en su aplicación Google Authenticator, para poder proceder con el proceso de inicio de sesión.

Definitivamente recomendamos habilitar 2FA para tus usuarios registrados. Lo único que debes tener en cuenta es que esto puede requerir que dediques más tiempo a los usuarios finales, cuando no tienen acceso a su teléfono/dirección de e-mail.

Al final del día, depende de tu negocio: si deseas que tus clientes tengan acceso fácil a tu sitio web y a la información que proporcionas, no tiene mucho sentido habilitar 2FA. Si el sitio web proporciona acceso a información confidencial que debe protegerse, entonces tiene mucho sentido habilitar 2FA para los usuarios finales del sitio web.

¿Tiene SiteGround algo similar a la función lista de bloqueo “Limitar intentos de inicio de sesión”?

Tenemos esta función en el plugin SiteGround Security y ha demostrado ser efectiva para prevenir ataques de fuerza bruta.

¿Puedes usar el plugin Site Scanner y SiteGround Security si tu sitio web está alojado en otro lugar?

Nuestro servicio Site Scanner solo se puede usar para sitios web alojados en nuestra plataforma. Sin embargo, el plugin SiteGround Security se puede usar para cualquier sitio web de WordPress, independientemente de tu proveedor de hosting web, por lo que instalarlo es lo mínimo que puedes hacer por la seguridad de tu sitio web de WordPress.

¿Cuál es la mejor manera de evitar que los visitantes o bots envíen emails que parecen provenir del dominio de tu sitio web?

Cuando los atacantes falsifican el campo ‘De’ de una dirección de e-mail, eso se llama spoofing de e-mail. No hay forma de evitarlo por completo, pero puedes limitarlo. Para hacerlo, debes especificar en la zona DNS de cada uno de tus dominios qué servidores de correo/IP están autorizados a enviar e-mails en nombre de ese dominio creando estos registros DNS: SPF, DKIM, DMARC. De esta manera, los servidores de correo de los destinatarios podrán distinguir mejor si los correos son legítimos, cuáles fueron enviados desde tus buzones, o cuáles son intentos de phishing.

Cómo configurar métodos de pago en WooCommerce

Ponte en situación … 

Has creado una flamante tienda online gracias al curso WooCommerce en YouTube de SiteGround, has configurado todo perfectamente gracias a los artículos sobre WooCommerce que hemos publicado también aquí en el blog, pones la tienda en marcha ya con productos creados y perfectamente configurados. Tus futuros clientes llegan a tu tienda en línea, añaden tus productos al carrito de compras y de repente, al ir al pago, a finalizar la compra, se encuentran con esto… 

Terrible ¿no? ¿cómo van a poder comprar tus productos los clientes si no has activado y configurado ningún método de pago?, simplemente es imposible.

Pues esto es lo que vamos a solucionar con esta guía. Aquí vas a encontrar cómo instalar, activar y configurar los principales métodos de pago para WooCommerce, cada uno con sus ventajas y desventajas, como todo. ¿Vamos?

Métodos de pago por defecto de WooCommerce

Tanto si acabas de instalar WooCommerce como si ya tienes prácticamente todo configurado debes saber que en la instalación por defecto se añaden 4 métodos de pago que no dependen de añadir más plugins, y que puedes activar y configurar para empezar a cobrar por tus productos con el mínimo esfuerzo y recursos por tu parte.

Solo tienes que ir a la pantalla de configuración, en «WooCommerce > Ajustes > Pagos» y verás que hay nada menos que 4 métodos de pago disponibles, que puedes activar y configurar.

Vamos a ver cómo son estos métodos de pago que instala WooCommerce por defecto y cómo empezar a usarlos para cobrar por tus productos.

Pagos por cheque

El método de pago por cheque, aunque en desuso en España aún es un modo de pagos muy habitual en muchos países, como en los EEUU sin ir más lejos.

Si haces clic en el nombre del método de pago o en el botón de «Configuración» accedes a los ajustes que puedes realizar con este modo de pago, que no son muchos, pero es que tampoco son necesarios.

Este es un método de pago offline, y se dice que es así, aunque tu tienda sea online, porque el pago no se realiza automáticamente en línea, sino que hay un proceso externo a tu comercio electrónico para realizar el pago.

De hecho este es el método más offline de todos porque el cliente deberá enviar físicamente el cheque a una dirección postal física, la tuya, luego debes comprobar que el cheque es válido, que tiene fondos, y solo tras cobrarlo podrás ir – ahora sí – a la administración de tu tienda online y marcar el pago como en proceso o completado.

Todo muy manual, muy offline, ¿verdad?

Bueno, volviendo a los ajustes del método de pago por cheque, simplemente tienes que activarlo, bien desde la casilla de su página de configuración, o simplemente activando el selector en la lista de métodos de pago, lo que prefieras.

A continuación debes personalizar los textos que verá el cliente, tanto el título del método de pago como la descripción, y lo que es más importante, las instrucciones detalladas que solo verá el cliente una vez que haga el pedido con este método de pago, y que se le mostrará en el resumen del pedido y en el correo electrónico de confirmación que envía automáticamente WooCommerce.

Si el pago por cheque es habitual en tu país no lo desestimes por priorizar solo sitemas de pagos en línea, hay clientes que aún no se fían de los pagos online y podrías perder ventas por no admitir un método de pago que para tus clientes sí es de confianza, y este es uno de ellos.

Transferencia bancaria directa

Otro método offline habitual es la transferencia bancaria, también conocida como BACS, pues también aquí se requieren acciones ajenas a las dinámicas online de tu tienda para comprobar si el cliente ha pagado su pedido.

En este caso el cliente, tras realizar el pedido, debe ir a su banco, o banca online, y realizar manualmente una transferencia al número o números de cuenta que indiques en los ajustes de la configuración del método de pago.

La configuración es muy parecida a la del método de pago por cheque, pues igualmente tienes que activar el método de pago para que esté disponible, y también es vital que le pongas nombre y descripción visible, así como instrucciones para que el cliente no tenga duas a la hora de realizar la transferencia.

Lo que cambia es que debes también añadir todos los datos de tu(s) cuenta(s) bancarias en las que puede hacer tu cliente el pago. Estos datos aparecerán al finalizar la compra, en la pantalla de confirmación del pedido.

Este método de pago, al contrario que con el pago por cheque, es muy popular aún en la mayoría de países, y sobre todo los clientes menos habituados a compras en línea, en muchas ocasiones será su modo de pago preferido, e incluso podría ser también un método bueno para ti, por varios motivos:

  • La transferencia bancaria es totalmente fiable y segura.
  • La transferencia bancaria es gratuita tanto para el cliente como para el comercio.
  • Las transferencia bancarias no cobran comisiones (habitualmente).

Por otra parte, este método de pago, al ser offline, tiene sus inconvenientes:

  • Necesitas confirmación de que se ha realizado la transferencia  por parte de tu cliente: extracto bancario de la transferencia, correo electrónico de confirmación, o simplemente la entrada del importe en tu cuenta bancaria.
  • Desde que el cliente hace el pago mediante transferencia bancaria hasta que se recibe en tu cuenta bancaria suele haber un periodo de procesamiento que, en Europa, puede tardar hasta tres días hábiles o más.
  • Tienes que activar el procesamiento del pedido manualmente pues como el resto de métodos de pago offline deja los pedidos en espera.

Como resumen te diría que no desestimes pronto este método de pago nunca, y que lo tengas siempre configurado por si acaso falla alguno de los otros métodos de pago. Vale que es un poco tediosa su gestión, lenta y offline, pero esto no falla, salvo que se le olvide a tu cliente hacer la transferencia, claro está.

En todas las tiendas online que gestiono o que mantengo siempre tenemos configurados los ajustes del método de pago mediante transferencia bancaria, aunque esté inactivo, por si en algún momento hay que activarlo, que solo es un clic.

Contra reembolso

El método de pago contra reembolso o de pago a la entrega es quizás el modo de pagos más querido por los clientes y, al mismo tiempo, el más odiado por los vendedores de tiendas online.

Es un sistema de pago que encanta a los clientes porque les permite comprobar físicamente que el producto enviado cumple con las expectativas y especificaciones que se muestran en la tienda online, algo que no siempre pasa y que cualquiera que haya comprado en línea alguna vez sabe y ha comprobado por desgracia.

Solo una vez comprobado por parte del cliente que los productos son los que pidió, que son tal y como se mostraban en la tienda online, y que están en buen estado, entonces realiza el pago a la persona que se lo entrega, normalmente mediante tarjeta de crédito.

Otra situación que igual no habías pensado en la que puede ser interesante este modo de pago es – cambiándole el nombre a algo como «Paga en nuestras instalaciones» – en el caso de pago de membresías a clubes, gimnasios, o incluso reservas de servicios como peluquerías, manicuras, clases de yoga, idiomas, etc. En estos casos puede ser una opción muy buena para cerrar ventas y que el cliente pague cuando asista a tu local (físico) a recibir el servicio.

En el resto de casos tengo claro que este método de pago lo evitarás siempre que puedas, por la cantidad de incidencias que pueden ir asociadas al mismo, pero habrá situaciones en las que no te quedará más remedio que ofrecerlo, como por ejemplo si tu competencia ya lo está ofreciendo, o simplemente si tus clientes son de un perfil en el que aportará valor y confianza en sus compras.

Expuestos todos sus inconvenientes, e incluso alguna de sus ventajas, si quieres, o tienes que ofrecer el pago contra reembolso, solo tienes que activarlo en los ajustes de WooCommerce y personalizar los textos que se mostrarán, tanto al finalizar la compra como en el mensaje posterior, al realizar tu cliente el pedido.  Esto es prácticamente igual que con el resto de métodos de pago offline.

Con esto ya estará disponible para tus clientes al finalizar sus compras, en la página de pago.

PayPal estándar

Y llegamos, por fin, al primer método de pago realmente online, el primero con el mérito suficiente como para poder llamarlo pasarela de pagos, pues el resto eran meros métodos de aplazamiento de pagos fuera de la tienda, para comprar en la tienda online.

Aunque en las nuevas instalaciones WooCommerce ha retirado ya este método de pago y no lo verás si acabas de instalarlo, si tienes una instalación previa de WooCommerce, aunque lo tengas actualizado, seguirás viendo este método de pago, y lo que es más importante, pudiendo seguir usándolo, pues es totalmente funcional, además de sencillo de utilizar. De hecho es el método de pago online más fácil de configurar.

Si quieres probarlo solo necesitas haberte dado de alta en PayPal, da igual si ha sido con una cuenta personal o de negocio, vale cualquiera.

Para empezar, pásate por los ajustes de pagos de WooCommerce, igual que con el resto de métodos de pago. Actívalo y configura sus opciones.

Aunque te parezcan muchos no te preocupes, ahora mismo te detallo qué debes rellenar en cada  uno de ellos, qué es importante y/o obligatorio, y qué es innecesario u opcional.

  • Activar/Desactivar – Para activar la pasarela de pago.
  • Título – El nombre visible de la pasarela de pago al finalizar la compra.
  • Descripción – Texto explicativo de la pasarela de pago, visible al finalizar compra.
  • Correo electrónico de PayPal – Tu correo electrónico con el que accedes a tu cuenta de PayPal.
  • Entorno de pruebas de PayPal – Se puede activar para hacer pagos de prueba pero nunca lo recomiendo, lo mejor es hacer tú mismo pagos reales, para comprobar que, en efecto, el pago llega a tu cuenta de PayPal.
  • Registro de depuración – Crea un archivo de registro que solo sirve si te lo pide un desarrollador o alguien de soporte de PayPal. No lo actives si no es el caso.
  • Avisos por correo electrónico de IPN – Actívalo si quieres recibir emails cuando haya cancelaciones de pagos, reembolsos, etc. Interesante, hasta que te hartes de recibir los correos, pero interesante al menos al principio para revisar que todo funciona.
  • Token de identidad de PayPal – No lo actives, puede resultar en una vulnerabilidad de seguridad, pues se salta pasos el proceso de pagos.
  • Prefijo de factura – Pon siempre un prefijo personalizado para tu tienda online, para que no se confundan con las facturas automáticas que hace PayPal.
  • Detalles del envío – Aunque no hagas envíos deja esto siempre activo, sino te quedas sin protección de derechos como vendedor de PayPal.
  • Sobreescribir la dirección – Siempre desactivado.
  • Acción de pago – Siempre en «Captura»
  • URL de la imagen – Pon la URL completa de la imagen que quieras que se muestre en la página de pago de PayPal.
  • Credenciales de la API – Estos datos son útiles para poder gestionar reembolsos y cancelacioines desde la pantalla de edición de los pedidos, pero conlleva pasos bastante técnicos que puedes evitarte, y hacer siempre estas operaciones desde tu cuenta de PayPal. Mi consejo es que si eres principiante no lo actives, no lo necesitas.

Son muchos ¿verdad? pero en realidad es fácil de rellenar, y no hay que configurar ninguna conexión, ni crear una aplicación de API ni todos esos engorrosos procedimientos que últimamente hacen falta para conectar nuestra web con servicios externos.

Y eso es lo mejor de esta pasarela de pagos, que no hay que revisar ninguna documentación de PayPal, simplemente pon tu email de PayPal, un prefijo para las facturas y del resto te olvidas, y lo mejor es que funciona perfectamente, como te dije, incluso con cuentas personales.

Cuando la tengas activa y configurada tus clientes pueden empezar a pagar con su cuenta de PayPal o tarjetas de crédito.

Ahora bien, este método de pago tiene un inconveniente importante, y es que para pagar, el cliente sale de tu tienda, pues al pulsar el botón de «IR A PAYPAL», efectivamente, la ventana del navegador cambia automáticamente a una pantalla de PayPal, en la que el cliente debe introducir sus datos de PayPal para pagar, y esto a veces genera dudas y desconfianza en ciertos clientes, cancelando la operación de pago, y dejando un carrito abandonado, y la compra sin terminar.

Otra desventaja de PayPal son las altas comisiones que cobra por cada transacción, normalmente un 2,9% más una tarifa fija que depende de la moneda utilizada (0,05 para el euro).

Y, también, es tristemente famosa la política de PayPal de favorecer siempre al comprador ante cualquier disputa, con una protección excesiva, incompatible con las legislaciones nacionales de compraventa, llegando a bloquear pagos sin pedir justificante alguno al comprador, y sin atender a los derechos del vendedor, incluso en casos en los que el cliente no tenga derecho a devolución o desestimiento de compra por legislación local.

Por otro lado, PayPal es el método preferido de pago por los internautas habituales, así que posiblemente tengas que ofrecer esta pasarela de pagos a tus clientes.

Para finalizar, un detalles sobre los pedidos realizados con todas las pasarelas de pago nativas online, como PayPal, y es que aunque el pago se haya completado y el pedido realizado, este quedará siempre en estado de procesando.

Es política de cada gestor de tienda dejarlos en este estado permanentemente, completarlos cuando se haya completado el envío o confirmado el pago, o completarlos al momento. Es tu decisión, y no afecta al proceso del pedido, salvo que configures algo diferente, como que no se mande factura hasta que no esté marcado como completado un pedido. Es decisión de tu gestión de los pedidos de tu tienda online.

Métodos de pago adicionales que puedes añadir

Además de los métodos de pago incluidos por defecto con WooCommerce, hay otros adicionales que puedes añadir a tu tienda online, como el más obvio: pago con tarjetas de crédito y débito, entre otros.

Vamos a ver los métodos de pago adicionales más populares e interesantes.

Stripe

La primera pasarela de pagos adicional en la que tienes que pensar, o plantearte su uso es Stripe Payments, que te permitirá ofrecer el pago mediante tarjetas de crédito y débito a tus clientes en tu tienda en línea.

 A Stripe bien se le puede denomimar como el PayPal de las tarjetas de crédito, pues su funcionamiento de cara al vendedor es muy similar. Igualmente, no tienes que pagar nada por usar la pasarela de pago, no hay coste de registro ni cuota fija de ningún tipo. Solo pagarás una comisión por cada venta a través de la pasarela ¿a que se parece a PayPal?

Ahora bien, hay diferencias, y la primera es ofrecer el pago mediante tarjetas de crédito y débito. Y en este sentido hay un cambio abismal, y es que mientras con PayPal al cliente se le saca de tu tienda en línea para ir a la página de PayPal, con Stripe el cliente nunca abandona tu web, tu Ecommerce, los datos de su tarjeta los rellena en tu página, integrada o como miniventana emergente, con lo que hay menos abandono de carritos y la experiencia del cliente es mucho más fluida en todo momento.

Adicionalmente, también puedes activar la posibilidad de que tus clientes paguen mediante Apple Pay o Google Pay. 

Y lo mejor de todo es que hay montones de plugins para integrar fácilmente Stripe y tu WordPress + WooCommerce.

Y, para terminar, quizás lo que más te preocupe, las comisiones. Stripe cobra un porcentaje más un fijo por cada transacción correcta:

  • 1,4 % + 0,25€ – Para pagos con tarjetas europeas
  • 2,9% + 0,25€ – Para pagos con tarjetas internacionales

Como verás, en el caso de pago con tarjetas europeas las comisiones son casi la mitad que con PayPal, a lo que hay que sumar las ventajas adicionales de esta pasarela de pagos.

El proceso para poder empezar a ofrecer el pago mediante tarjetas de crédito usando la pasarela Stripe se puede resumir en estos pasos:

  1. Crea una cuenta en Stripe, es totalmente gratuito, no hay pagos fijos de ningún tipo.
  2. Una vez creada la cuenta tienes que configurar tus datos fiscales, ofrecer algún documento que certifique que eres quién eres, y sobre todo, indicar los datos de las cuentas bancarias a donde quieres que Stripe transfiera los cobros de tus ventas en la tienda en línea, previo descuento de su comisión, claro.
  3. Con todo lo anterior hecho solo te queda obtener las claves API que te pedirán los plugins para Stripe y WooCommerce, y hay 2 tipos:
    1. Claves de pruebas
    2. Claves estándar
  4. Instalar y activar un plugin de Stripe para WooCommerce y configurarlo

La interfaz del escritorio de tu cuenta de Stripe es muy intuitivo, y está traducido al español, así que es fácil de utilizar.

Hay muchos posibles plugins para conectar WooCommerce con Stripe pero el que te recomiendo es WooCommerce Stripe Gateway, de los creadores de WooCommerce, por su facilidad de instalación y configuración, además de frecuentes actualizaciones.

Como te decía, nada más instalarlo y activarlo debes configurar la conexión y las personalizaciones de la pasarela en «WooCommerce > Ajustes > Pagos > Stripe» tras activar el método de pago.

Lo mejor de todo de estos ajustes es que, salvo tus claves API y activar el método de pago, prácticamente no tienes que cambiar nada de lo que viene por defecto, salvo que quieras probar algunas de las posibilidades de personalización de la pasarela de pagos.

Además, verás una pestaña adicional de ajustes de métodos de pago, que es donde puedes activar el pago exprés, o sea, el pago rápido mediante Google y Apple Pay, una opción muy interesante para clientes acostumbrados a las tecnologías.

Al final, cuando tengas todo configurado y probado, tus clientes podrán usar sus tarjetas de crédito, así como su cuenta de Google Pay o Apple Pay,  para los pagos en tu tienda online, todo gracias a Stripe.

PayPal

Sí, otra vez PayPal, y es que aunque el método de pago de PayPal incluido con WooCommerce es sencillo de usar, en realidad para una tienda profesional no debes usarlo, por varias razones:

  • No podrás realizar reembolsos desde la gestión de pedidos, sino que tendrás que hacerlo desde la cuenta de PayPal.
  • No ofrece métodos de pago adicionales, como tarjetas de crédito.

Dicho esto, mi consejo es que desactives el PayPal estándar que viene por defecto con WooCommerce e instales un plugin como WooCommerce PayPal Payments.

Una vez lo instales y actives, pásate por la página de ajustes de pagos de WooCommerce, que a estas alturas ya conoces de sobra, actívalo y conéctate con tu cuenta de PayPal desde la página de ajustes, tras la conexión se rellenan todos los datos técnicos y no tendrás que configurar nada manualmente.

Cuando estés conectado personalízalo a tu gusto.

Y ya dispondrás del pago con PayPal del modo más profesional, incluso con pago con tarjetas de crédito, eso sí, con las altas comisiones de PayPal, como vimos antes.

RedSys

Además de los métodos de pago anteriores, en España el método de pago por defecto de los bancos es mediante la pasarela de pago RedSys, con su propio método, una mezcla entre las ventajas del pago con tarjetas y los problemas del pago mediante PayPal.

Sus características (positivas y negativas) son las siguientes:

  • Las comisiones parten de 1,5% por transacción, pudiendo negociar a la baja con tu banco.
  • Suele haber un coste fijo por terminal virtual o TPV, a veces también negociable con tu banco.
  • Hay que hacer pruebas obligatorias, siguiendo las instrucciones de RedSyS, pensadas para programadores, no para usuarios finales.
  • El plugin oficial es malísimo, con pocos ajustes y configuración poco personalizable.
  • Su mayor ventaja es que el dinero entra en tu cuenta directamente, sin esperas de ningún tipo, el mismo día de la transacción.

Dicho todo lo anterior, y a pesar de sus inconvenientes, solo por las bajas comisiones a veces es vital usar RedSys para el pago con tarjetas de crédito y débito en tu Ecommerce.

Afortunadamente hay plugins como WooCommerce RedSys Gateway Light, que aportan mucha personalización al uso de RedSys como método de pago, así como por ejemplo integración para pagos con Bizum, el sistema de monedero digital más utilizado en España, propietario también de RedSys.

Configurar este u otro plugin de RedSys pasar por rellenar una serie de campos obligatorios en sus ajustes que te facilitará RedSys por email tras contratar el servicio con tu banco.

Una vez activo y configurado todo, al finalizar compra, el cliente verá un botón de pago con RedSys que le llevará a la página de pago de tu entidad bancaria.

Otros métodos de pago

Por supuesto, igual que RedSys en España, y Stripe y PayPal como las más conocidas a nivel global, hay otras pasarelas de pago específicas de cada país o internacionales, que a veces interesará usar, además de estas que hemos visto.

Si conoces alguna otra pasarela de pagos, mi recomendación es que al menos… 

  1. Analices sus comisiones, comparadas con las de los métodos que hemos visto
  2. Compares pros y contras, así como las vías de reclamación en caso de conflictos (muy importante)
  3. Te asegures que la pasarela de pagos tiene al menos un plugin para WooCommerce, para poder implementarla fácilmente en tu web.

Y ya estaría, no quiero ni debo extenderme más, porque en realidad este asunto de los métodos de pago para WooCommerce es infinito. Espero, eso sí, haberte mostrado cómo funcionan las principales pasarelas de pago, y que a partir de aquí, seas tú quien decida y, sobre todo, consigas muchas ventas en tu tienda online.

Cualquier duda que te surja puedes dejarla en los comentarios.

¿Cómo y cuándo usar cupones descuentos en tu sitio web para una estrategia de marketing eficaz? + Ejemplos

A nadie le amarga un dulce, y los cupones descuento, tampoco.  Por eso, hoy te voy a contar cómo utilizar esta estrategia de marketing tan golosa tanto para clientes como empresas.

Veremos qué son y cómo funcionan, cuáles son sus ventajas y riesgos y cómo este tipo de recursos te ayuda a cumplir tus objetivos. También te daré las claves para crear cupones que conviertan, pero que no te arruinen. 

¿Qué son y cómo funcionan los cupones descuento?

Los cupones descuentos son códigos o vales que se emplean con el fin de atraer y fidelizar a clientes sensibles al ahorro o a determinadas recompensas. Pero además, son una fuente muy valiosa de captación de información y datos, y un excelente incentivo que te ayudará a cumplir muchos de tus objetivos

Los vales son recursos muy versátiles y fáciles de implementar que se adaptan a todo tipo de campañas y estrategias. 

Pueden ser para todos los públicos o personalizados; para tiendas físicas o para vender online; en formato digital o papel; para B2B o B2C; para grandes y pequeñas empresas… 

Por tanto, es un elemento a tener en cuenta en tu estrategia de marketing y pricing. 

¿Por qué son tan efectivos los cupones descuentos?

La respuesta la tiene el neuromarketing, que es la ciencia que estudia el comportamiento de los consumidores. 

Aunque creamos que somos seres racionales, más del 95 % de nuestras decisiones las tomamos de forma subconsciente. 

Cuando compramos, es nuestro cerebro primitivo o reptiliano el que decide. Nosotros simplemente buscamos justificaciones lógicas a esa decisión irracional. 

El cerebro primitivo se mueve por instinto y tiene dos palancas: la aversión al riesgo o al dolor, y la búsqueda de placer. 

Y, en este sentido, los cupones descuento saben cómo activar ambas, por el miedo a perder una oportunidad y la satisfacción que supone aplicar un cupón de descuento. 

De ahí, que si entiendes lo que motiva y activa a tu buyer persona, podrás enfocar mejor tus estrategias. 

Miedo a perder una oportunidad

Hablemos de FOMO y de Cialdini. 

El FOMO (Fear Of Missing Out) o el miedo a perderte algo es un sentimiento que ha surgido en la era de la inmediatez y de la digitalización

Queremos estar al tanto de todo, y no perdernos nada que los demás puedan estar viviendo o aprovechando. 

Que nos lo digan en el Black Friday… A ver quién se queda impasible ante semejante campaña.

Por otro lado, Cialdini y su principio de escasez y urgencia es un claro ejemplo de cómo nuestro cerebro más primitivo se activa ante la posibilidad de perder una oportunidad, ya sea porque el tiempo o las unidades (descuentos, productos…) son limitados. 

Satisfacción 

Aquí se cumple “la hipótesis del comprador inteligente”, ese momento de orgullo y satisfacción que experimentamos por haber encontrado y aprovechado una oportunidad o beneficio.

La sensación de ahorro y de haberlo hecho bien provoca que liberemos dopamina, y esto nos genera un sentimiento de euforia y placer. 

Del mismo modo, resulta frustrante cuando sabes que hay posibilidad de descuento y no puedes (no tienes el vale físico o no sabes cómo conseguir el código digital). 

Pero no vamos a adelantar las objeciones. Conozcamos antes los beneficios de usar cupones en las estrategias de marketing. 

Ventajas del uso de cupones

Bien utilizados (con estrategia y planificación) los bonos descuento ofrecen múltiples beneficios:

1. Son fáciles de difundir y aplicar

La digitalización ha impulsado el uso de estas tácticas. 

Aunque el formato en papel continúa funcionando, la utilización de códigos QR y vales digitales cada vez está más extendida por su fácil aplicación, difusión y gestión. 

2. Te ayudan a cumplir tus objetivos 

Los cupones se ponen al servicio de tus objetivos de marketing: desde la captación de clientes, la retención, fidelización, referral, y así un largo etcétera que veremos en detalle. 

3. Impulsan la compra

Un bono a tiempo es capaz de derribar objeciones, recuperar carritos, aumentar el ticket medio y recuperar ese carrito abandonado. 

Puede ser el empujón que tu cliente necesita para avanzar hacia la etapa final de tu funnel de conversión: la compra.

4. Facilitan los lanzamientos

Los cupones descuento o regalos son interesantes incentivos y facilitadores en el lanzamiento de un nuevo producto o servicio. 

5.  Atraen a nuevos clientes

El mercado actual está muy saturado y competido. 

Los vales funcionan como solución y “aliciente” con el que nos desmarcamos de la competencia. 

6. Fidelización

Mantener a un cliente es hasta siete veces más rentable que captar a uno nuevo. 

Ofrecer recompensas a clientes, premios a la fidelidad o descuentos exclusivos es una excelente estrategia para trabajar la retención y la recurrencia, y por ende, la fidelización.

7. Recuperan carritos abandonados

Nada como un cupón irresistible para rescatar a ese cliente dejó el carrito abandonado. 

El abandono puede suceder por diferentes motivos: sufre una interrupción durante el proceso, solo estaba curioseando, no lo tiene claro y pospone la decisión, etc. 

En casos como estos, los bonos descuentos reactivan el interés por el producto o servicio y motivan al usuario para que retome la compra

Si añades en el copy unos toques de urgencia y de escasez (quedan pocas unidades…) será difícil que se resista. 

8. Aumentan el ticket medio

Los cupones te facilitan el incremento del ticket medio de compra.

Por ejemplo, un cupón de 3X2 pretende que compres una unidad más de la que tenías previsto, para poder disfrutar de la promoción. 

9. Rompen objeciones

Los vales descuento te permiten derribar algunas de las barreras que impiden que se cierre la venta: por precio, indecisión… 

La urgencia que genera un código descuento con una oferta limitada en el tiempo, provoca la compra por impulso.  

10. Potencian el referral

Los cupones aumentan la probabilidad de que te recomienden a familiares o amigos, por lo que impulsa tu estrategia de referral o marketing de referidos, con todo lo que ello conlleva: nuevos clientes y CAC bajo. 

Inconvenientes del uso de cupones

El uso de vales de descuento o de regalo no está exento de ciertos riesgos o desventajas.  De ahí, que debes usarlos con estrategia y criterio. 

1. Afecta a tu branding

Tu imagen de marca puede verse afectada si recurres habitualmente a esta estrategia, ya que tus clientes percibirán tu marca como poco deseable o barata. 

2.  Condiciona a tus clientes

La existencia de cupones puede influir en los hábitos de compra de tus clientes, y que pospongan la transacción porque tienen la certeza de que conseguirán un cupón.

O bien, que finalmente no la lleven a cabo por la frustración que les genera saber que hay un cupón y no poder aplicarlo. De hecho, esta es una de las principales causas de abandono de carrito. 

3.  Atrae a compradores de una sola vez

Son clientes que se mueven por precios o promociones. 

Acuden atraídos por una campaña en concreto, pero que no sienten ningún compromiso hacia tu marca y no valoran realmente los beneficios de tu producto o servicio. 

No te compran por ser tú, sino por el descuento o el regalo que ofreces.

En realidad, no son tu verdadero público objetivo y solo merman tu ROI.

Esto suele ocurrir cuando la campaña de cupones no está bien segmentada y no se ha delimitado el campo de actuación. 

4. Corres el riesgo de rotura de stock o de morir de éxito

Una campaña de códigos descuento mal planteada podría poner en peligro tu stock y, por tanto, tu capacidad de atención a tus clientes e imagen de marca

Si tu táctica funciona mejor de lo que eres capaz de asumir, morirás de éxito. 

5. Pones en peligro tu cuenta de resultados

Cuando plantees una estrategia de marketing con cupones has de tener presente en todo momento la rentabilidad de la estrategia porque tu margen se resiente. 

Veamos un ejemplo sencillo.

Imagina que lanzas una promoción con un código de descuento de 10€. 

Aquí has de tener presentes tres conceptos claves:

1. Coste de Adquisición de Clientes (CAC)

El CAC es el coste de adquisición de un cliente nuevo. 

 Por ejemplo, CAC=20 €  (10 € de descuento + 10 € en ads y otros costes indirectos)

2. Life Time Value (LTV)

Es el tiempo que se va a quedar contigo ese cliente y cuánto dinero te va a dejar. 

Por ejemplo, de media te va a comprar tres veces y se gastará en total unos 60 €

LTV=60€

3. Rentabilidad

La rentabilidad es la diferencia entre el LTV y el CAC. 

RU=LTV – CAC

RU= 60-20= 40 € en el supuesto de que compre las tres veces. 

RU=20-20=0 € si solo te compra una vez.

RU=10-20=-10 € te compra una vez menos de lo esperado. 

En ocasiones, es posible lanzar una estrategia de cupones a pérdidas, sabiendo que obtendrás una rentabilidad y un cliente a futuro. 

En cualquier caso, si lanzas una campaña de vales tienes que controlar el coste que esto supone, valorar las posibilidades de recurrencia, y en definitiva, la rentabilidad que obtendrás de ello. 

Es imprescindible delimitar las condiciones de las campañas, para que todas estas variables estén controladas; y como no, hacer pruebas y analizar los resultados para comprobar si, efectivamente, los cupones están cumpliendo su función. 

 ¿Cómo usar los cupones para cumplir tus objetivos de marketing?

Algunos de los beneficios que hemos visto coinciden con los objetivos de marketing que los cupones pueden ayudarte a cumplir:

1. Captación de nuevos clientes

Aquí tienes varias opciones:

  • Que seas tú quien lance el cupón de descuento o regalo para la primera compra y trates de alcanzar a nuevas audiencias
  • Por recomendación: en un programa de referidos son los propios clientes los que recomiendan tu producto y a cambio, tanto el recomendante como el recomendado reciben una bonificación.
  • Gracias a la acción y colaboración de terceros como en el caso del marketing de afiliados o de influencers. 

2. Recopilación de datos e información 

Ya sea para fomentar la suscripción a tu newsletter, la participación en programas de fidelización o encuestas, feedback posventa, etc., los cupones son una excelente forma de captar datos de tus clientes e información relevante para tu negocio. 

3. Potenciar las compras de un determinado producto o servicio

Por ejemplo, una agencia de viajes utiliza cupones para promover la contratación en temporada baja; o una cafetería, para incentivar la afluencia en horas menos habituales. 

Cuando hay demasiados productos en stock, tienen baja rotación, están descatalogados, o a punto de caducar, emplea códigos descuento para darles salida. 

También aprovecha esta estrategia para impulsar la venta cruzada: compras un producto y obtienes un descuento por otro relacionado. 

4. Compensación para clientes descontentos

En el caso de que tengas una incidencia con un cliente ofrece un vale como compensación y disculpa por las molestias causadas

5. Promover el UGC (User Generated Content) o la generación de reseñas

Incentiva a tus usuarios para que generen contenido de tu marca o que dejen reseñas y así, trabajar tu Social Proof. 

UGC

El User Generated Content es muy valioso para tu estrategia de contenidos porque no eres tú quien crea el contenido, sino tus propios usuarios. 

De esta forma, estás obteniendo contenido de valor a coste cero. Pero además, es contenido relevante para tu marca por la confianza y autoridad que supone publicar algo que ha sido generado de primera mano por tu público objetivo. 

Por tanto, si con una estrategia de vales descuentos o regalos potencias el UGC e invitas a tu comunidad a compartir contenido de tu marca, merecerá la pena la inversión. 

Generación de reseñas

La prueba social es un factor clave para generar credibilidad en el mundo digital, y tiene un alto poder de influencia en la toma de decisiones. Y en este sentido, la valoraciones y opiniones de otros usuarios es oro para tu negocio. 

Hay un método infalible para conseguir reseñas: pedirlas. 

Pero como los usuarios sufren de pereza digital, hay que ponérselo fácil y de vez en cuando, ofrecer una recompensa a su esfuerzo. 

¿Qué tal un vale de descuento para su próxima compra a cambio de una reseña? 

Así, matas dos pájaros de un tiro: trabajas tu prueba social y fomentas la repetición de compra. 

6. Reactivar clientes

Despierta a esos clientes habituales que parece que se han desconectado de tu marca. 

7. Promover la recurrencia

Ofrece un cupón descuento que premie la recurrencia y que te asegure unas compras en el futuro. 

8. Recuperar carritos abandonados

Como hemos visto, un carrito puede abandonarse por diferentes circunstancias.

Si envías un cupón descuento con validez limitada las posibilidades de éxito aumentan. 

9. Aumentar el ticket medio de compra

Motiva a tus clientes para que añadan más productos a la cesta de la compra para conseguir el cupón deseado

Mostrar cuánto le queda para obtener ese beneficio es una técnica infalible. 

10. Fidelizar clientes

Premia a tus clientes habituales. 

Aquí jugamos con el principio de reciprocidad de Cialdini. Si haces algo por alguien, esa persona siente la necesidad de compensarte o devolverte el favor. 

De forma que si ofreces un cupón descuento por su fidelidad, es probable que en las siguientes ocasiones te compre a ti porque “te lo has ganado” (y porque te lo debe…). 

Y si, además, juegas con el efecto sorpresa, teniendo un detalle que no se espera, habrás ganado un cliente por mucho tiempo. 

11. Fomentar la descarga de una app

Cada vez son más las marcas que tienen su propia app. 

La cuestión es convencer a los clientes para que te lleven en tu móvil. Y, en este sentido, los cupones descuento son el “empujoncito” que necesitan. Eso, y un onboarding fácil e intuitivo. 

Además, al descargarse la aplicación podrán enviarse notificaciones push con nuevos bonos. 

¿Qué tipos de cupones puedes usar en tu estrategia de marketing? Ejemplos

1. Cupones de bienvenida 

Incluir un vale en el email de bienvenida es un bonito detalle y un incentivo para promover la compra. 

2. Cupón de envío gratis 

Los gastos de envío son una de las barreras en el proceso de compra. Un cupón para obtener la entrega gratuita rompe esta objeción. 

3. Códigos promocionales para disfrutar de alguna recompensa o regalo

Son vales por productos o servicios gratuitos. 

Por ejemplo, pides a domicilio la comida y te regalan el postre. 

O regalos, por ejemplo, suscribirte…

4. Cupones de descuentos adicionales 

Son cupones que están condicionados a un importe o compra mínima. 

Por ejemplo, 5 € de descuento para compras mínimas de 40 €. Código: 5PARAMI

Llévate dos y obtén un 15 % de descuento. Código: 2X15

De esta forma, se aumenta el ticket medio de compra. 

5. Cupones descuento por porcentaje o fijo

Por ejemplo, un vale con 5 % de descuento en tu pedido, o 10 € de descuento directo.

Eso sí, es recomendable condicionarlo a un importe mínimo. 

6. Códigos para ofertas de lanzamiento 

Cuando lanzas un nuevo producto o servicio no está de más incentivar a los early adopters. 

7. Cupón de prueba gratis 

Puedes ofrecer una prueba gratuita para que tu buyer conozca tu producto.

Cuanta más personalización implique esa prueba más posibilidades tendrás de que se queden contigo. 

Por ejemplo, en Spotify un usuario configura sus preferencias, sus listas… Si el producto le convence, será difícil que se eche atrás después del esfuerzo realizado para personalizar su cuenta. 

8. Cupón de fidelización y recurrencia

Al mismo tiempo que el cliente recibe su pedido, también obtiene un cupón con descuento para su siguiente compra. 

9. Cupón para referidos

Son cupones con beneficios tanto para la persona que recomienda como para la recomendada. 

Tener embajadores de tu marca es una de las formas más efectivas y económicas de captar clientes. Aprovecha los cupones descuento para que sean tus propios usuarios los que te recomienden. 

10. Cupón de afiliados

Es el cupón que ofrecen en tu nombre personas afiliadas a tu marca a cambio de una comisión. 

Aquí has de tener en cuenta tanto el descuento como la afiliación. 

¿Dónde y cómo incorporar los cupones en tu estrategia de marketing?

Una vez tienes claro tu objetivo y la estrategia de cupones que vas a seguir. Ahora, ¿cómo los más a distribuir?

Una de las bases en la estrategia de cupones es la segmentación, por tanto, tendrás que difundir los códigos en aquellos canales en los que se encuentre tu público objetivo. 

Al final, todo es cuestión de prueba y error, y ver en qué medios funcionan mejor y hay mayor tasa de canje. 

1. Tienda online

En tu tienda online puedes tener a la vista el cupón descuento. 

En este ejemplo hay un cupón de gastos de envío gratuitos en la cabecera de la web, con una cuenta atrás para apelar al sentimiento de urgencia. 

2. Email marketing 

El email marketing es una estrategia que combina a la perfección con los cupones descuentos. Una de sus principales ventajas es que permite una personalización total del mensaje.

Ya sea un cupón de bienvenida, de fidelización, de promoción, recuperación del carrito, etc., el email es uno de los canales con mejor CTR.

3. Redes Sociales

Si publicas un cupón en las redes sociales (ya sea de forma orgánica o de pago) define bien las condiciones de uso porque será un vale “para todos los públicos”. 

Una fórmula que funciona muy bien en redes son los códigos descuento y el marketing de influencers.

Encuentra personas afines de tu marca que den visibilidad a tu marca y refuerza la acción con algún tipo de incentivo o regalo. 

Aprovecha el poder de las redes sociales y trabájalas desde distintos frentes para dar alcance a tu marca. 

4. Marketing de afiliación

En la misma línea de los influencers encontramos el marketing de afiliación. Son personas que promocionan tu marca en sus medios a cambio de una comisión. 

En estos casos tienen un código de descuento asociado a su cuenta de afiliado que facilita la medición de resultados, como hemos visto en el ejemplo anterior. 

5. Portales o plataformas especializadas en descuentos

Estas páginas son una oportunidad para llegar a otros públicos que buscan un producto o servicio similar al que ofreces. 

Aquí puedes encontrarte con uno de los inconvenientes de los cupones: que sean compradores de una sola vez porque van a precio. Por eso, valora bien si te interesa o no aparecer en estas páginas y qué estrategia de retención seguirás después de la venta.

6. SMS

Los SMS tienen un porcentaje de apertura del 98 % por lo que es un canal realmente interesante para explotar tu estrategia de marketing con cupones.

7. Banners y pop-ups

Utiliza banners y pop-ups en tu web o blog para dar a conocer el regalo o el descuento que estás ofreciendo y el código para disfrutarlo. 

8. Notificaciones push

Conseguir que se descarguen tu app es todo un logro. Ya estás en el bolsillo de tu cliente. 

Las notificaciones push con códigos descuento es una forma de mantener activa la relación con tu usuario. 

Envíale cupones para envíos gratis, promociones de productos, descuentos en lanzamiento, vales exclusivos, etc. 

9. Formato físico

Flyers, cupones impresos, aparición en periódicos, merchandising…

Piensa bien cuáles son los principales puntos de contacto con tu cliente (tanto físico como online) y valora si tiene cabida una estrategia de cupones. 

Claves para crear cupones descuentos que conviertan (y que no te den quebraderos de cabeza)

A la hora plantear una estrategia de cupones descuentos, es importante que tengas en cuenta estos consejos:

  • Presenta el cupón con un diseño atractivo que refleje la identidad de tu marca
  • Haz tests A/B, pequeñas pruebas, analiza e itera.
  • Los cupones descuentos se caracterizan por ser breves y directos. Para exprimirlos al máximo utiliza el poder de las palabras: el copywriting
  • Que sea fácil de copiar o de canjear. 
  • Es fundamental que fijes una fecha fin o una cantidad limitada de cupones. ¿Te suena “hasta fin de existencias” o solo para los 100 primeros?

Además, desde el punto de vista del cliente estás generando un sentimiento de urgencia y escasez, lo cual resulta un estímulo muy persuasivo para la venta. 

  • Limita el número de veces que se puede usar ese código para evitar abusos y fraudes. 
  • Deja bien reflejados los términos y condiciones del vale: qué productos tienen descuentos y cuáles no, si se requiere un pedido mínimo, si los descuentos son acumulables o no, si es válido tanto en tienda física como online. 
  • En los programas de referral crea un código único por usuario. 
  • Incluye un CTA con las instrucciones de lo que tiene que hacer. 
  • Controla el comportamiento de los cupones para detectar cualquier movimiento sospechoso. 
  • Prueba los cupones antes de lanzarlos. 
  • También rastrea los códigos para poder identificar la promoción y el canal y medir los resultados. 

¿Cuántos cupones se han canjeado y qué canal ha sido más efectivo?

Es esencial hacer una atribución precisa del éxito de la estrategia. 

Analiza los resultados en función de tus objetivos perseguidos: aumento del ticket medio, el volumen total de compras, productos en lanzamientos comprados, clientes captados, carritos recuperados, etc.  

Lo bueno de los cupones es que siempre puedes medir su efectividad, tanto online como offline. 

Conclusión

El uso de cupones en tu estrategia de marketing te facilita el cumplimiento de tus objetivos: desde la captación de clientes, fidelización, aumento del ticket medio, etc. 

Es fundamental que definas bien las condiciones de uso de estos cupones y que dosifiques la estrategia para no deteriorar la imagen de tu marca.  

Como a nadie le amarga un dulce, los cupones son una estrategia a tener muy en cuenta si quieres llevarte parte del pastel.

Redes de distribución de contenido y SiteGround CDN (Preguntas frecuentes del webinar + Video)

CDN

La velocidad de tu sitio web es una parte crucial de tu éxito online. Para ayudarte a optimizar aún más el tiempo de carga de tu sitio web, recientemente hemos lanzado nuestra propia CDN de SiteGround para nuestros clientes. Dado que muchos de vosotros teníais curiosidad sobre esta solución interna, organizamos un webinar en vivo (en inglés) con nuestro líder de productos y tecnología para responder las preguntas más comunes sobre nuestro último servicio de CDN de aumento de velocidad, disponible de forma gratuita con cada uno de nuestros planes de hosting en su versión Básica y como mejora de pago en su versión Premium. Aquí están las respuestas a las preguntas más frecuentes de nuestra audiencia del webinar, así como a las que no tuvimos tiempo de responder durante la sesión online.

¿Qué es una CDN?

Cada sitio web vive en un servidor en algún lugar del mundo. Por ejemplo, SiteGround ofrece varias ubicaciones de centros de datos en los EE. UU., Europa, Asia y Australia, entre los que puedes elegir al comprar nuestros servicios de hosting web. Cuando los visitantes de tu sitio web abren tu sitio, se conectan al servidor que aloja tu sitio web. Cuanto más cerca estén tus visitantes de tu servidor host, más rápido se cargará tu sitio web y mejor será su experiencia de usuario. Sin embargo, el propósito de un sitio web es ser accesible y rápido desde cualquier punto del mundo, 24/7/365. Para este propósito, existe una CDN.

¿Qué significa CDN? Es una red de distribución de contenido que almacena en caché partes de tu sitio web o todo el sitio web y lo distribuye en servidores que están más cerca de tus visitantes. Básicamente, mantiene copias de tu sitio web en muchos lugares del mundo. Por lo tanto, si tienes una CDN activa, cada vez que un usuario visita tu sitio, se cargará desde una ubicación que sea la más cercana a ellos en lugar de cargarlo desde el servidor de origen. Como resultado, un servicio de CDN reduce enormemente los tiempos de carga de la página y acelera tu sitio web.

¿Cuáles son los beneficios de usar una CDN para tu sitio web?

Sitios web con visitantes internacionales

Si tu sitio web tiene mucho tráfico internacional, se distribuirá bien entre diferentes ubicaciones de CDN. Por ejemplo, cuando lanzamos nuestra CDN de SiteGround en ubicaciones donde no teníamos centros de datos, el tiempo de respuesta para los usuarios finales mejoró drásticamente, entre 6 y 8 veces para algunos sitios web, e incluso 10 veces para otros. Actualmente, SiteGround tiene 14 ubicaciones de CDN en todo el mundo (incluida la ubicación de CDN más nueva en Sao Paulo, Brasil, así como nuestro nuevo centro de datos y ubicación de CDN en Madrid, España) que optimizan el rendimiento del sitio web para los visitantes internacionales. En SiteGround cambiar la ubicación de tu centro de datos es muy sencillo.

Sitios web con usuarios en áreas remotas

En muchos lugares del mundo, las personas no tienen acceso a Internet rápido. Por lo tanto, una CDN es muy beneficioso para los usuarios en áreas remotas, donde la conexión a Internet no es tan buena. Cuando quieran cargar un sitio web, se conectarán a un servidor que esté más cerca de su ubicación y, por lo tanto, el sitio web cargará más rápido.

Sitios web que cambian de contenido con frecuencia

Una CDN almacena en caché el contenido de tu sitio web en un servidor cerca de los visitantes de tu sitio y les entrega esta versión en caché cada vez que visitan tu sitio. Por lo tanto, el período en el que deseas que la CDN mantenga la caché de tus archivos es importante. Si configuras tu CDN para mantener las copias en caché durante demasiado tiempo, por ejemplo, un mes, pero realizas cambios en tu sitio con frecuencia dentro de este período de tiempo, entonces no se mostrarán en vivo hasta que limpies la caché manualmente. Del mismo modo, si configuras el tiempo de caché para que sea demasiado corto, entonces no funcionará como debería, porque la idea principal es almacenar una versión en caché durante un período de tiempo particular. Por lo tanto, es bueno elegir un período de tiempo que se adapte a tu sitio dependiendo de la frecuencia con la que pretendes hacer cambios en él. Por ejemplo, el tiempo de vida de la caché de SiteGround CDN está configurado por defecto en 12 horas, y puedes personalizar fácilmente el tiempo de vida útil de la caché según tus propias necesidades en la versión Premium.

También debes considerar la aplicación de software de tu sitio web. Por ejemplo, para los sitios web de WordPress, tenemos el plugin SiteGround Optimizer que se conecta a WordPress de tal manera que cuando realizas cambios en tu sitio (por ejemplo, cambias una publicación o tema, instalas un plugin, etc.), el plugin detecta estos cambios en tiempo real, se conecta a nuestra CDN y vacía la caché solo de las respectivas páginas que se han cambiado. ¡Esto es muy útil! Para cualquier otro tipo de CMS/aplicación que puedas usar en tu sitio, respetamos los encabezados de caché estándar de tu aplicación. Si tu aplicación te permite establecer una cierta cantidad de tiempo para almacenar en caché tus páginas y recursos, entonces nuestro CDN respetará ese tiempo.

Beneficios de la CDN para sitios web sin tráfico internacional

Incluso los sitios web sin tráfico internacional se beneficiarán del uso de una CDN. Por ejemplo, si tu negocio está en los EE. UU., es posible que tengas visitantes en el sitio web de la costa este, de la costa oeste y los estados centrales. Si tienes un sitio web con sede en EE. UU., se alojará en nuestro centro de datos en Iowa. En este caso, un visitante de Nueva York, por ejemplo, tendrá que esperar un poco más de tiempo en comparación con otros usuarios, si no tienes una CDN habilitado. Activar nuestro servicio de CDN que ofrece varias ubicaciones de CDN en los EE. UU. hará que tu sitio web cargue mucho más rápido para todos los usuarios de EE. UU. Situaciones similares se aplican a casi todos los demás continentes del mundo.

¿Cómo se compara SiteGround CDN con los servicios de terceros?

En comparación con un proveedor externo, SiteGround CDN ofrece muchos beneficios para tu sitio web, porque es un servicio desarrollado en torno a tres pilares principales:

Fácil de usar

Supongamos que estás utilizando un proveedor de CDN externo que no está integrado con los servicios de tu proveedor de hosting. Entonces necesitarás administrar el hosting desde un lugar y configurar la CDN desde otro lugar, lo que a menudo puede causar problemas. Además, tendrás que aplicar diferentes configuraciones por tu cuenta, dependiendo del proveedor de CDN que uses. Por ejemplo, en ciertos casos, cuando habilitas un proveedor de CDN específico, necesitas reconfigurar todas tus imágenes para que se carguen desde URLs específicas, para que esas imágenes se carguen desde la CDN.

Por lo tanto, hemos construido nuestro SiteGround CDN de una manera que no necesita mucha configuración para ser habilitado. De hecho, simplemente haces clic en un botón y comienza a funcionar. Además, es súper fácil de usar. Te hemos proporcionado los valores predeterminados y, a partir de entonces, puedes cambiar algunas de las cosas según las necesidades de tu sitio web con solo unos pocos clics. Nuestra CDN te permite habilitarlo sin necesidad de conocimientos técnicos, así como usar y cambiar sus funcionalidades sin problemas, con solo hacer clic en un botón.

Increíblemente rápido

Otro beneficio de nuestra CDN es que hace que tu sitio web cargue increíblemente rápido porque está basado en la misma red en la nube en la que se basan nuestros servicios de alojamiento: la red de Google Cloud. Además, al utilizar esta red, los datos viajan de forma segura a través de ella. Usar la misma red privada nos permite mejorar el rendimiento del sitio web y ofrecer una rápida velocidad de carga.

Construido internamente

  • Red de seguridad para problemas  

Por lo general, muchos propietarios de sitios web usan un servicio CDN. Si algo sale mal con este servicio, todo su sitio web y/o negocio depende de ello. Por lo tanto, creemos que es importante que tengamos control total sobre cualquier problema potencial que pueda surgir y, por lo tanto, hemos construido nuestro SiteGround CDN internamente. Dado que es un producto construido internamente, nuestro equipo de soporte podrá solucionar un posible problema, ya que es un servicio principal que ofrecemos.

  • Espacio para expansión 

Siempre hay margen de mejora y cuando llega el momento de una nueva función o nuestros clientes requieren una nueva funcionalidad, podremos añadirlas, ya que hemos construido el servicio nosotros mismos y conocemos sus especificaciones técnicas. Consideraremos y evaluaremos las solicitudes de funciones en función del caso comercial y el tipo de función. Además, podremos hacerlo de manera oportuna, ya que hemos construido toda la CDN durante un año y medio (incluida la fase de investigación). Esto nos da la confianza de que podemos ampliar el servicio tanto como queramos.

¿Necesitas desactivar primero otras CDNs?

En una situación general, es suficiente con tener el dominio apuntado al DNS central de SiteGround y habilitar SiteGround CDN. De esta manera, las DNS enrutarán las solicitudes a nuestra CDN, incluso si tienes Cloudflare habilitado, por ejemplo. Sin embargo, en algunos casos, las aplicaciones están configuradas para usar subdominios de CDN para recursos estáticos, por ejemplo, o en otras configuraciones de CDN personalizadas, sería mejor deshabilitar la otra CDN y habilitar solo SiteGround CDN.

¿Puedes usar SiteGround CDN con nuestro plugin SiteGround Optimizer para WordPress?

Muchos de vosotros ya usáis nuestro plugin SiteGround Optimizer para vuestros sitios de WordPress. Dado que el plugin ofrece múltiples beneficios de almacenamiento en caché de sitios web, lo que resulta en un rendimiento optimizado del sitio web de WordPress, recibimos muchas preguntas sobre cómo funcionaría eso con nuestra CDN. Una de las ventajas de que ambas herramientas hayan sido desarrolladas internamente por nuestro equipo, es que están diseñadas para ser compatibles y complementarse entre sí. Por ejemplo, si tienes SiteGround CDN habilitado, vaciar la caché de SiteGround Optimizer vaciará la caché tanto en el CDN como en tu servidor de origen. Esto es cierto para todas las versiones de nuestro plan CDN. Ten en cuenta que esto no funcionará para combinaciones con otros proveedores de CDN, es decir, el plugin SiteGround Optimizer no vaciará la caché en otro proveedor de CDN.

Caché web y SiteGround CDN

¿Es mejor usar varias de tus opciones o es suficiente con solo CDN?

Tu sitio web se optimizará para obtener el mejor rendimiento, si tienes una CDN Premium con las siguientes características habilitadas: almacenamiento en caché dinámico avanzado y modo “Siempre online” para asegurar que las CDN perimetrales servirán copias en caché de tus páginas, en caso de que haya un problema con el sitio en el servidor de origen. Además, cuando estás alojado con nosotros, nuestra función de caché dinámica estará habilitada por defecto para tu sitio. Si estás utilizando WordPress para tu sitio web, también puedes aprovechar nuestro plugin SiteGround Optimizer que ofrece potentes opciones de almacenamiento en caché que complementan el resto de las características mencionadas anteriormente.

¿El contenido dinámico se almacena en caché estáticamente o se calcula en la CDN perimetral?

La caché dinámica significa que después de que el PHP en el servidor de origen procese la solicitud de PHP y genere el HTML, el servidor de origen envía este HTML como una respuesta y el HTML en si se almacena en caché en los servidores perimetrales de CDN. El tiempo de vida de caché predeterminado (TTL) en las CDN perimetrales se establece en 12 horas. Sin embargo, siempre puedes cambiar el TTL de la caché desde tu aplicación o archivo .htaccess. Alternativamente, si tienes SiteGround CDN Premium, puedes personalizar el TTL de tu caché con solo unos pocos clics.

¿Qué sucede con los sitios que introducen datos en el sitio en tiempo real, por ejemplo, un sitio de bienes inmuebles?

La respuesta a esa pregunta dependerá de si deseas extraer los datos cada vez, o extraer los datos y luego almacenarlos en caché. Si deseas extraer y almacenar en caché los datos, es mejor usar nuestra CDN Premium con caché dinámica. Sin embargo, si deseas extraer los datos de la fuente remota en cada solicitud sin almacenarlos en caché, y entregar los datos recién extraídos a tu cliente, entonces no necesariamente necesitas caché dinámica.

¿Qué entrega y qué no entrega el nodo local de CDN?

Si usas la CDN gratuito, solo tus archivos estáticos se entregarán desde la caché perimetral de CDN. Si usas CDN Premium, también puedes tener caché dinámica. Esta lógica de caché es similar a la lógica de caché del servidor de hosting de SiteGround. Al igual que en el servidor de hosting de SiteGround, los usuarios registrados, los carritos, las páginas de pago y otros son omitidos por la caché. Además, si estás utilizando WordPress, también puedes descargar el plugin SiteGround Optimizer para excluir páginas específicas de la caché.

¿Importa para la CDN, si el sitio web está basado en WordPress o no?

La respuesta simple a esta pregunta es no, la CDN respeta los encabezados de control de caché y puedes pasar dichos encabezados de control de caché de CDN, sin importar qué aplicación estés utilizando. La generación y manipulación de archivos de caché funciona de la misma manera para todas las aplicaciones.

Sin embargo, para los sitios de WordPress hacemos más y automatizamos el vaciado de caché, por ejemplo. Ciertas páginas de WordPress también están excluidas por defecto. Recomendamos a los usuarios de WordPress que opten por la CDN Premium combinado con el plugin WordPress Optimizer.

¿Qué tan rápido se actualiza una página almacenada en caché a través de la CDN cuando se actualiza una página?

Si estás utilizando WordPress con nuestro plugin SiteGround Optimizer, puedes aprovechar todas las funciones de caché y opciones de vaciado, como “Vaciar caché” o “Vaciado automático” desde el plugin. Si no eres un usuario de WordPress+SiteGround Optimizer, no habrá un vaciado automático, por lo que tendrás que vaciar la caché desde tu Site Tools > CDN. El vaciado de caché generalmente ocurre de inmediato, pero en algunos casos, es posible que debas esperar 30 segundos para que se vacíe la caché en todas las CDN perimetrales.

Cómo elegir entre la CDN gratuita de SiteGround con cada plan de hosting y la versión CDN Premium

¿Puedes abordar la diferencia entre la versión gratuita y la versión premium?

Nuestra CDN de SiteGround es una solución interna que viene con cada uno de nuestros planes de alojamiento de forma totalmente gratuita. El plan gratuito te permite aprovechar diferentes funcionalidades, como el almacenamiento en caché del contenido estático de tu sitio web; tráfico CDN de ancho de banda de hasta 10 GB por mes; inicio inmediato del vaciado de todos los recursos almacenados en caché para tu sitio web (el vaciado de caché generalmente ocurre de inmediato, pero en algunos casos puede que necesites permitir que pasen 30 segundos para que se vacíe la caché en todos los servidores perimetrales); modo de desarrollo para suspender temporalmente el almacenamiento en caché, realizar cambios en el contenido que se puede almacenar en caché y ver esos cambios de inmediato.

​​Además, SiteGround CDN también viene con una versión Premium que ofrece aún más beneficios para tu sitio web. El plan Premium permite el almacenamiento en caché dinámico avanzado; tráfico CDN ilimitado; activación de la CDN para todos tus dominios (incluidos los subdominios y dominios aparcados); tiempo de vida personalizado para que elijas durante cuánto tiempo se almacenan en caché los recursos del sitio web; función “siempre en línea” que seguirá entregando las páginas ya almacenadas en caché, en caso de que tu sitio web comience a mostrar errores.

¿Qué sucede si excedes la cuota de tráfico en el plan básico?

Como se mencionó anteriormente, la cuota de tráfico en el plan básico está limitada a 10 GB por mes. Si alcanzas ese límite, el CDN gratuito dejará de funcionar automáticamente. Sin embargo, 10 GB es suficiente para todas las pequeñas y medianas empresas alojadas con nosotros, porque esa fue una de las conclusiones durante el período beta de la CDN de SiteGround. Si tu sitio web genera más tráfico, definitivamente necesitarás actualizar a la versión Premium.

¿Cómo configurar la CDN de SiteGround?

La configuración de SiteGround CDN es fácil  –  puedes habilitarlo con el clic de un botón desde tu Site Tools > Velocidad > CDN.

¿Cómo afectará este proceso a las entradas DNS existentes?

Para usar nuestra CDN, debes usar nuestro servicio de DNS central. Para hacerlo, debes asegurarte de que tu dominio apunta a nuestros servidores de nombres: ns1.siteground.net y ns2.siteground.net. Lee más información sobre cómo cambiar los servidores de nombres de tu dominio. ¿Por qué necesitamos tener el control de toda la zona DNS de tu nombre de dominio? Para que sepamos exactamente cómo configurar el servicio sin romper nada más, como Microsoft Office 365, o Google Workspace, o un servicio similar.

¿Qué haremos? Solo cambiaremos los registros A en la DNS para tu nombre de dominio y para www.tudominio.com. Por lo tanto, al habilitar el CDN, cambiaremos la dirección IP a la que se resuelve tu nombre de dominio, pero aparte de eso, no habrá ningún otro cambio. Todo el tráfico de tu nombre de dominio y de www.tudominio.com se enrutará a la ubicación CDN más cercana, pero ningún otro servicio relacionado debería verse afectado. Esa es la ventaja de que controlemos todos estos servicios, como el alojamiento web, la parte DNS y la parte CDN; podemos garantizar hasta cierto punto que no romperemos otros servicios conectados.

Nota: si estás migrando la administración de DNS a las DNS centrales de SiteGround, asegúrate de crear manualmente todos los registros DNS necesarios a través de la interfaz de Site Tools antes de apuntar tu nombre de dominio a ns1.siteground.net y ns2.siteground.net.

¿Tengo que convertir mi sitio a www o puedo hacerlo sin www?

No es necesario convertir tu sitio web a una versión www (si no lo es), ya que SiteGround CDN funciona de cualquier manera.

¿La CDN te da recursos adicionales del servidor?

Si usas SiteGround CDN, te permitirá utilizar mejor los recursos existentes de tu plan de alojamiento. Esto significa que no se agregarán recursos adicionales, pero tu plan de alojamiento actual probablemente podrá manejar un poco más de tráfico.

¿Cuál es la mejor manera de configurar SiteGround CDN para los sitios de los clientes?

El proceso de configuración es muy sencillo. Como se mencionó anteriormente, siempre que el dominio esté usando nuestros servidores de nombres, es cuestión de unos pocos clics en tu Site Tools.

¿Puedes habilitar la CDN una vez para todos los sitios que ejecutas?

Si tienes más de un sitio web, SiteGround CDN debe habilitarse por separado para cada sitio web individual desde el panel Site Tools de SiteGround.

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.

Nuevo centro de datos y CDN en Madrid

Estamos encantados de anunciar que hemos añadido un nuevo centro de datos y ubicación CDN en Madrid, España. Este ha sido uno de los servicios más solicitados por nuestros clientes en España pero nos tomó algo de tiempo tomar este paso, intentando buscar un equilibrio entre ubicación y rendimiento real. Cuando Google Cloud, donde nuestra plataforma es creada, anunció finalmente el lanzamiendo de la nueva ubicación en Madrid, sabiamos que era la oportunidad perfecta y comenzamos el proceso de añadir también esta ubicación a nuestra red.

Centro de datos en Madrid

A lo largo de los años, hemos hecho crecer nuestra red de centros de datos eligiendo ubicaciones que no solo estaban cerca de la ubicación de nuestros clientes, sino que también revisamos una larga lista de requisitos como una rápida conexión, alta disponibilidad, seguridad, eficiencia energética y soporte. Esa es la razón por la que comenzamos a trabajar con Google Cloud y actualmente, todos nuestros centros de datos son parte de su moderna infraestructura que cumple con todos nuestros requisitos.

Al elegir que centro de datos es mejor para ti, tienes que tener en cuenta desde donde viene la mayoría de tu tráfico web. Si tu web es visitada predominantemente desde España, el centro de datos en Madrid es la mejor opción para ti, ya que acorta la distancia entre tu web, tus visitantes y el alojamiento. Si de lo contrario eres un cliente que vive España pero vendes de manera internacional, te puedes aprovechar de cualquiera de las otras ubicaciones de centros de datos.

Mejoras de rendimiento

Con nuestro nuevo centro de datos, webs alojadas en Madrid y que son visitadas por usuarios en la misma zona tendrán una velocidad de carga mucho más rápida. Esta drástica reducción de latencia, beneficiada por la proximidad geográfica que combinada con la inigualable red de Google, resulta en una velocidad de carga de página mucho más rápida si todas las demas condiciones, como la conexión a internet, se mantienen iguales.

Eficiencia energética

Es importante remarcar que gracias a la adopción de las energías renovables en España, la región de Madrid está clasificada como zona de bajas emisiones de dioxido de carbono, lo que maximiza la eficiencia energética y la sostenibilidad. Como ya hemos comentado anteriormente en repetidas ocasiones, la energía verde y la reducción de nuestra huella de carbono son retos en los que trabajamos continuadamente.

Nuestro nuevo centro de datos en Madrid está ya disponible para todos los planes de alojamiento compartido y cloud. Desde ahora, todas las nuevas cuentas de clientes en España utilizarán por defecto el centro de datos en Madrid, mientras que clientes existentes pueden pedir la migración al centro de datos a través del Área de cliente.

CDN en Madrid

Nuestro servicio de CDN es utilizado por miles de webs con tráfico desde distintas zonas geográficas para optimizar la velocidad de carga global. La CDN se asegura de que una copia de tu web es accesible desde una localización cercana a tus visitantes alrededor del mundo.

Con el lanzamiento de nuestra nueva ubicación de CDN en Madrid proporcionamos una opción para webs con tráfico desde España y alrededor del mundo para aumentar la velocidad de carga tan solo con activar la CDN. Recomendamos a todos nuestros clientes activar el servicio de CDN. Esto se puede realizar completamente gratis desde Site Tools > Velocidad > CDN.

SiteGround lanza nuevos planes de Site Scanner

Desde su lanzamiento en 2011, nuestro servicio de seguridad web Site Scanner ha ayudado a cientos de miles de administradores web a proteger sus webs de hackeos, robo de datos y daños a su reputación con la detección temprana de código malicioso. Hemos mejorado constantemente el servicio para aumentar más aun la seguridad web añadiendo más funcionalidades, como escaneo de archivos hecho directamente desde el servidor en su actualización del año pasado. Ahora hemos mejorado el servicio existente de Site Scanner añadiendo la funcionalidad Site Protect y hemos introducido también un nuevo plan premium que incluye dos tipos más de escaneos automáticos y cuarentena archivos maliciosos.

Qué es Site Scanner

Nuestro herramienta Site Scanner es un servicio de seguridad creado para proteger tu web:

  • Detectando malware y las últimas amenzas que pueden afectar a tu web;
  • Avisandote de tales amenazas potenciales en una etapa temprana y de manera oportuna;
  • NUEVO: Proporcionandote herramientas con las que reaccionar si tu web está bajo ataque.

Para hacer lo anterior, Site Scanner ejecuta una variedad de escaneos y controles en su sitio web en busca de signos de malware diariamente. Si identifica una amenaza, se te envía una notificación por correo electrónico, lo que te proporciona tiempo suficiente para reaccionar en caso de peligro para la seguridad de tu sitio web. Con nuestra última actualización de la versión de Site Scanner, también estamos agregamos herramientas que te permiten reaccionar y minimizar el impacto cuando tu sitio web es atacado.

El servicio ahora ofrece dos planes: Site Scanner Básico, que es una versión mejorada de nuestro actual SG Site Scanner, y Site Scanner Premium, que incluye un nuevo conjunto de funcionalidades. Sigue leyendo para aprender más sobre estos planes.

Qué está incluido en nuestro plan básico de Site Scanner

Site Scanner Básico incluye muchas funcionalidades que detectarán y te avisa sobre malware de manera temprana pero ahora también hemos añadido una nueva funcionalidad que te permite minimizar el daño en caso de un ataque y medidas para proteger aún más tu web.

NUEVA FUNCIONALIDAD: Site Protect

Si recibes una notificación de malware o sospechas que tu sitio web se vio comprometido, ahora puedes administrar cuatro opciones diferentes que podras activar sencillamente desde la interfaz de Site Protect. Te permitirá deshabilitar temporalmente la cargas de archivos a tu web mediante tres métodos diferentes: deshabilitar las transferencias FTP y/o SSH, y deshabilitar la carga de archivos a través de PHP. La cuarta opción evita la ejecución de scripts maliciosos en el servidor. Mientras cualquiera de estas opciones esté activada, puedes revisar de forma segura el estado de la web y asegurarte de que no hay ninguna amenaza adicional. Esto te da algo de tiempo para evaluar la situación, tomar medidas para limpiar cualquier código malicioso en tu sitio y minimizar el daño. Una vez que estés seguro de que tu sitio está limpio, puedes desactivar la opción desde la interfaz de Site Protect y reanudar la carga de archivos nuevamente.

Escaneo de URLs

Los escaneos automáticos de URLs revisan las URLs de tu web de forma diaria en busca de malware público en tu web.

Revisión de listas negras de dominios

Revisamos automáticamente si tu dominio ha sido incluido en listas negras por malware por alguno de los motores de búsqueda más populares, navegadores y bases de datos de antivirus. La revisión de listas negras toma en consideración la información de Google, Yandex, Chrome, Firefox, Norton, McAfee y más.

Escaneo manual bajo demanda (URLs, dominios y archivos)

Con Site Scanner Básico puedes realizar escaneos avanzados para tu web que no solo revisarán las URLs de tu web y la lista negra de dominios, sino que también revisarán todos los archivos alojados en nuestro servidor.

Reportes por correo electrónico

Recibirás notificaciones automáticas si nuestro escaneo automático detecta algo sospechoso en tu web. Adicionalmente, recibirás un resumen semanal del estatus de tu web.

Historial de 30 días de escaneos

Puedes acceder al historial de 30 días de escaneos para tu web desde la interfaz de Site Scanner con los resultados de escaneo e información detallada sobre las amenzas y malware (si lo hubiese).

NUEVO: Plan Premium con fantásticas funcionalidades adicionales

Ahora ofrecemos un plan Premium de nuestro servicio Site Scanner que incluye todas las funcionalidades anteriores del plan Básico y algunas funcionalidades exclusivas para proteger aún más la seguridad web.

Escaneo diario de archivos automático

Mientras que nuestro plan básico escanea solo tus URLs y dominios en busca de amenzas públicas, nuestro plan Premium va más allá. El plan incluye nuestro escaneo más detallado, el cual accede a cada archivo de tu web en el servidor, lo revisa en busca de malware y código sospechoso que podría ser indetectable.

Escaneo de archivos en el momento de carga

Con el escaneo de archivos en el momento de carga revisaremos cualquier nuevo archivo que se carga en tu web a través del Administrador de archivos, cuentas FTP, el panel de administración de WordPress y más. Esta es una de nuestras mejores herramientas de prevención que puede detectar malware tan pronto como aparece y te lo notifica inmediatamente a través de correo electrónico.

Cuarentena de archivos cargados

Site Scanner Premium te permite activar la cuarentena automática. Si decides hacerlo, cualquier nuevo archivo que se detecta como malicioso será automáticamente puesto en cuarentena (directorio separado, fuera del documento raíz), para que no se afecte a tu web. Podrás entonces gestionar de manera individual los archivos en cuarentena, con la opción de restaurar el archivo a su localización original o eliminarlo. La cuarentena de archivos cargados es una herramienta poderosa que puede proteger tu web en momentos de ataque.

Activa o mejora Site Scanner para tu web ahora

Si todavía no estás seguro de utilizar el servicio de Site Scanner, te recomendamos encarecidamente que lo actives para mantener tu web libre de malware. Para activar la versión Básica o Premium de seguridad de Site Scanner, accede a tu Área de usuario > Marketplace > Servicios de hosting > Servicios adicionales.

Si ya estás utilizando nuesto servicio de Site Scanner, recibirás automáticamente el plan Básico y todas sus nuevas funcionalidades disponibles para tu uso. Cómo parte de la oferta especial para nuestros usuarios de Site Scanner, ofrecemos una mejora gratuita al plan Premium hasta el final del período actual de servicio. (Tu Site Scanner debe de haber sido activado ants de la fecha de este blog post para poder acceder a esta oferta, los precios de Site Scanner Premium regulares se aplicarán una vez finalice el período actual)

Puedes obtener la versión Premium de Site Scanner accediendo a tu Área de Cliente.

¿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.

Las mejores prácticas de diseño web para PYMES ¡Conquista a tus usuarios y a Google!

Si como PYME tienes una web o estás pensando en tenerla, lo primero que debes saber es que… En internet, no basta con estar, hay que “saber estar”.  

Y para “saber estar” has de trabajar el diseño de tu página web desde tres frentes: tu marca, tu usuario y Google

Solo así tendrás una presencia digital consistente y una marca que genere confianza. Y cuando hay confianza, hay ventas. 

Hoy te mostraré algunas prácticas y estrategias de diseño web que te van a ayudar a construir un sitio de confianza y, en definitiva, a cumplir tus objetivos de negocio. 

Los tres pilares del diseño web

Antes de nada, aclaremos algunos conceptos: ¿qué no es una web?

  • No es solo una página bonita
  • No es un catálogo de productos y servicios
  • No es un cúmulo de palabras claves 

Una página web es la oportunidad para que tu cliente potencial te conozca, para construir significados en torno a tu marca, para diferenciarte y posicionarte en el mercado y en los buscadores.  

Es un punto de contacto donde puedes ganarte la confianza de tus usuarios y conquistarlos. 

Por esta razón, debes trabajar el diseño de tu web desde una perspectiva global que abarque los tres pilares que te avanzaba: tu marca, tu usuario y Google. 

Pilar 1: tu marca

Tu sitio web es la tarjeta de presentación de tu empresa, tu oficina, tu local comercial, tu escaparate digital, un punto de venta, de conversación con tus clientes reales y potenciales. Es tu “todo digital”. 

Por tanto, has de aprovechar este espacio para mostrar tu propuesta de valor y tu universo de marca (valores, personalidad, identidad visual, identidad verbal…) y demostrar tu Know-How.

Usuario

Tu usuario, tu buyer persona debe estar en el centro de tu estrategia.       

Todo lo que digas o hagas has de hacerlo pensando en él. 

La web de tu pequeña o mediana empresa ha de ofrecer una experiencia de usuario satisfactoria y plasmar a la perfección lo que puedes hacer por él, cómo le vas a ayudar, y cuáles son los siguientes pasos que tiene que dar para seguir contigo. 

Google

En realidad, satisfacer a Google es tan simple como satisfacer a los usuarios.  Sencillamente complejo. 😉

Si juegas bien tus cartas del posicionamiento SEO y aportas valor a tus visitas a través de tus contenidos ganarás puntos ante el gran buscador. 

Tu diseño de tu web ha de respirar tu identidad de marca, reflejar tu propuesta de valor y factor de diferenciación, y trabajar el posicionamiento orgánico, para que cuando tus usuarios te busquen, te encuentren. 

Veamos ahora cómo trabajar cada uno de estos aspectos. 

1. Branding: construye una marca coherente 

En el diseño web hay dos factores claves que debes trabajar en tu marca, independientemente del tamaño de tu empresa.

  • La identidad visual: la proyección visual de tu marca
  • La identidad verbal: lo que dices y cómo lo dices

Identidad visual

Es la identidad gráfica de tu marca y está compuesta por el logo, las tipografías, paleta de color, elementos gráficos y tratamiento fotográfico.

Todo ello conforma el universo visual de la marca.

Identidad verbal

¿Cómo habla tu marca? ¿Qué va a decir y cómo lo va a decir? 

¿Eres un negocio cercano, divertido, formal, técnico, disruptivo?

Los elementos que conforman la identidad verbal son: 

  • El naming: el nombre de tu marca
  • El tono de voz: la forma en que te expresas y comunicas con tu entorno
  • El mensaje de marca: qué quieres transmitir y cómo adaptas este mensaje a tus diferentes audiencias y canales
  • El territorio verbal: es un resumen de la identidad verbal que recoge recursos lingüísticos, palabras claves, qué se puede decir y qué no…

Con la identidad verbal son las palabras las que ayudan a construir tu marca, a conectar con tu audiencia y a diferenciarte. 

2. Usuario: aporta valor, una buena experiencia, y conquista a tu audiencia

Antes de crear contenido para tu web has de tener claro qué quieres contar en ella y a quién se lo vas a contar. 

¿Quién es tu buyer persona?

El usuario debe estar en el centro de tu estrategia, y, por tanto, las temáticas de tus contenidos deben responder a sus necesidades. 

A su vez, el tono de voz y tus valores de marca han de estar alineados a los suyos. 

El diseño, los contenidos, y los productos o servicios que ofreces…  Todo ha de estar pensado para que tu usuario navegue con facilidad, consuma contenido relevante y encuentre en tu empresa la solución que necesita. 

¿Cuál es el objetivo de cada página?

Cada página que construyas en tu sitio web debe responder a un objetivo.

Por ejemplo:

  • La home es un buen punto de partida para ir guiando al usuario en función de sus necesidades

Un objetivo podría ser que haga clic en uno de los CTA (que estratégicamente has colocado) o dirigirlo a una página más específica. 

  • Con tu página de servicios quieres comunicar cuál es tu propuesta de valor

En este caso, un objetivo puede ser la consideración: despertar el interés del usuario para que te considere como opción. 

El tiempo de permanencia, el número de páginas vistas, entre otros KPIs, te darán pistas de si vas por buen camino. 

  • Otra meta puede ser invitarle a descargarse un e-book o a una sesión de consultoría gratuita, o que se suscriba a tu newsletter.
  • En la página de contacto, tu objetivo está claro, que se dirijan a ti 

Aquí puedes usar la clásica página de contacto (e-mail con mensaje, teléfono o dónde estamos) o bien, que agenden directamente una reunión o llamada. 

  • Si tienes un e-commerce, lo que quieres es vender online. Sin embargo, puedes marcarte otros subobjetivos a cumplir: aumento del ticket medio, recurrencia, carritos abandonados, etc.

En cualquier caso, cada objetivo ha de tener asociado un KPI, para que puedas valorar si tu planteamiento funciona o no. 

¿Qué vas a contar? Marketing de contenidos y copywriting

Una vez has respondido a estas dos preguntas, entran en juego dos estrategias claves para llenar de valor tu sitio, comunicar tu propuesta y mostrar tu Know-How: el content marketing y el copywriting.

Marketing de contenidos

El marketing de contenidos es la estrategia para atraer y conquistar tu público objetivo ofreciéndole contenido relevante en el momento en el que lo necesita. 

El famoso “contenido de valor” ha de cumplir una doble función: dar respuesta a las necesidades de tus usuarios, y al mismo tiempo, facilitarte el cumplimiento de tus objetivos. 

Aplicados al diseño web, los contenidos pueden ser de dos tipos: estáticos y dinámicos. 

Contenido estático

El contenido estático son las páginas de tu web que apenas varían: home, contacto, quiénes somos, servicios, etc. 

Es decir, lo creas una vez, y aunque pueda requerir alguna actualización, en general, dura bastante tiempo. 

De hecho, es importante que analices cómo está funcionando este tipo de contenido y que hagas diferentes pruebas para optimizarlo al máximo y mejorar tus conversiones. 

Contenido dinámico

El dinámico es el contenido vivo de tu web, que se produce con recurrencia. Es el caso del blog. Generas contenido relevante para tus usuarios. 

El estático es el núcleo central de la marca. Este tipo de contenido se pone al servicio de la estrategia para generar autoridad, tráfico y posicionamiento.

Aquí, como veremos más adelante, es fundamental definir la estructura de la web para valorar cómo vas a distribuir el peso del contenido entre tus páginas de la web y el blog, es decir, entre el contenido estático y dinámico. 

¿Quieres aprender más sobre marketing de contenidos? 

Descárgate gratis este e-book en el que 12 profesionales han compartido generosamente su experiencia y conocimientos. 

Escritura persuasiva

El copywriting es el arte de escribir para convencer, y cuando hablamos de copywriting web, se trata de persuadir a los usuarios que visitan tu sitio

¿Cómo?

  • Con una propuesta de valor única e irresistible
  • Céntrate en los puntos de dolor de tu buyer y preséntate como solución
  • Prioriza beneficios vs. características: no hables de tu producto o servicio, sino de lo que puede hacer por tu cliente
  • Enriquece tus textos con verbos de acción: di adiós a verbos comodines como “hacer” o “decir” y utiliza power words. Por ejemplo: aprender, descubrir, controlar, imaginar…
  • Aprovecha el poder de un CTA y dile a tu usuario lo que quieres que haga

A grandes rasgos podríamos decir que el marketing de contenidos es la estrategia que te ayuda a atraer y conquistar a tu audiencia, y el copywriting a convencerla de que pase a la acción y se quede contigo

Por tanto, a la hora de trabajar el diseño de tu web has de trabajar su contenido desde dos perspectivas: aportando valor y mostrando tu autoridad en el tema (estrategia de contenidos) y, por otro, persuadiendo a tu usuario (copywriting). 

En cualquier caso, el tándem de “contenido de valor y persuasión” no debe faltar en tu web. 

¿Cómo lo vas a contar? ¡Jerarquía visual al poder!

La forma en que presentes tu contenido puede marcar la diferencia en la experiencia de usuario y en su tiempo de permanencia. Y en esto tiene mucho que ver la jerarquía visual.

La jerarquía visual consiste en organizar y priorizar los elementos de la interfaz para que esta resulte intuitiva, fácil de usar y atractiva. 

Aquí tienes algunos elementos de diseño con los que puedes “jugar” para mejorar la experiencia de tus usuarios. 

1. Tamaño

Cuanto mayor sea el tamaño de un elemento, más atención atrae. 

Por ejemplo: en los encabezados (títulos y subtítulos), el tamaño de la tipografía variará en función de su relevancia. A mayor importancia, mayor tamaño de letra. 

2. Contrastes, sombras y colores

Utiliza los contrastes, sombras, colores o degradados para destacar los puntos importantes y guiar al usuario en su navegación. 

3. Deja que tus textos respiren. 

Utiliza espacios en blanco

Concede al usuario pequeños espacios de descanso visual. 

Combina párrafos largos y cortos

Y juega con ellos para dar ritmo al texto.

Alterna tus textos con imágenes

Para hacer más agradable la navegación. 

Pon títulos y subtítulos.

Además, de contribuir al SEO On Page, facilitará la comprensión de la página y la navegación del usuario. 

Usa cursivas y negritas

Para destacar conceptos y dinamizar tus textos.

Con estos pequeños detalles tus visitas se moverán cómodamente por tu web. Y ya sabes: usuarios felices, Google contento. 😉

4. Utiliza imágenes de calidad y representativas

Sigue las pautas marcadas en la identidad visual y no eches a perder tu web con malas fotografías, o imágenes sin sentido (si no aporta, sobra).

Y, por supuesto, y como veremos a continuación, todas las imágenes que subas han de estar optimizadas y bien dimensionadas. 

5. Ten en cuenta los patrones de lectura de tus usuarios

En el territorio digital los usuarios antes de leer, escanean.

De ahí que sean importantes los detalles de usabilidad que hemos mencionado. 

Pero, además, existen unos patrones de lectura muy marcados que representan el recorrido visual que una persona hace por la web:

El patrón Z (Z-pattern) 

Es el recorrido que hacemos habitualmente al leer, y nos da pistas sobre cuáles son las zonas y el contenido que debemos destacar y priorizar. 

  • Comenzamos en la esquina superior izquierda y vamos dibujando una línea imaginaria hacia la derecha 

En la parte superior es donde debe aparecer el logo y el menú. 

  • Luego bajamos en diagonal hacia la izquierda y volvemos a recorrer la línea imaginaria de izquierda a derecha

El usuario recorre los contenidos en diagonal y aterriza de nuevo en la parte inferior izquierda de la página. 

  • La parte inferior es el final del recorrido

Es aquí donde debes terminar de conquistar al usuario y dar tus últimos argumentos o dejar tu Call To Action. 

Patrón F (F-pattern)

Cuando una página tiene más texto que imagen, el patrón F es el más habitual. 

En el patrón F, el usuario centra la atención en el primer párrafo y después recorre la web en horizontal desde el lado izquierdo, concentrándose en las primeras palabras de cada párrafo.  Los elementos de la derecha prácticamente se ignoran. 

¿Qué aprendizajes puedes extraer para el diseño de tu web teniendo en cuenta estos patrones?

  • “Lo importante” siempre arriba. Es probable que tu visita no te lea hasta el final
  • Cuida la usabilidad según hemos comentado: títulos, subtítulos, espaciado, etc. 
  • Juega con imágenes, colores, tamaños, sombras, contrastes para destacar elementos
  • Redacta textos concisos y directos
  • Dile al usuario lo que quieres que haga
  • En lo que se refiere a diseño web, menos es más: no redundes, no distraigas. Aporta claridad al usuario

¿Quieres saber más? No te pierdas este webinar de Max Camuñas y aprende a crear una web con gancho. 

Insertar video: https://youtu.be/4VfmVqEiiAw

3. Posicionamiento SEO y diseño web

Has construido una marca coherente y consistente. Es hora de que te vean.

El SEO es una estrategia a largo plazo cuyo objetivo es que aparezcas de forma natural en los primeros resultados de búsqueda.

En este sentido, tu web tiene que estar preparada para dar a los usuarios las respuestas que buscan; y que Google entienda que tu marca es la candidata perfecta para responder y aparecer en los primeros resultados de la SERP. 

Como puedes intuir, el marketing de contenidos y el SEO funcionan como un “matrimonio” perfecto. 

Los contenidos aportan valor al usuario, y el SEO trabaja para posicionarlos. 

Al hablar de posicionamiento y de diseño web nos centraremos sobre todo en el SEO On Page

¿Cómo trabajar el SEO On Page en tu diseño web?

El SEO On Page es el conjunto de acciones que se realizan en una web para mejorar el posicionamiento. Por tanto, todo lo que hagas depende de ti y está bajo tu control. 

1. Arquitectura web 

La arquitectura web se centra en organizar, jerarquizar los contenidos y cómo se van a relacionar entre ellos (enlazado interno).

Su objetivo es que tanto los usuarios como las arañas de Google se muevan cómodamente por el sitio web y encuentren la información que buscan con facilidad. 

Aquí unos pequeños tips adicionales:

  • Al trabajar el enlazado interno destaca el color de los enlaces para que el usuario entienda que puede ampliar información
  • No olvides ponerlos para que se abran en una ventana nueva
  • Los enlaces deben ser naturales
  • Presta atención al anchor text (el texto destacado del hipervínculo)
  • No sobrecargues tus páginas con demasiados enlaces
  • Aprovecha el footer para trabajar el link juice de tu sitio

2. Palabras claves e intención de búsqueda

Las keywords son palabras estratégicas para tu negocio con la que te van a buscar tus clientes potenciales. 

Sin embargo, en SEO, detectar las “palabras claves objetivo” va más allá.

No solo tendremos en cuenta las keywords, sino también la intención de búsqueda de los usuarios

Existen varios tipos de intención de búsqueda:

Informacional (Know)

El usuario busca información específica.

  • Puede ser un dato concreto

Por ejemplo: ¿En qué año se hundió el Titanic?

  • O necesitar una explicación más amplia

Por ejemplo: ¿Cómo hacer crepes?

Comercial o informativa/ transaccional (Know/Do)

La persona ya está informada y ahora necesita valorar las diferentes alternativas para tomar una decisión

La consulta será tipo “los X mejores, comparativas, opiniones, etc.”

Transaccional (Do)

El usuario tiene claro lo que quiere hacer: comprar, descargar, etc. 

Por ejemplo: “comprar ordenador HP”, “descargar Hay Day”

De acción (Device action)

Es una variación de la intención de búsqueda “Do”.  

La persona quiere realizar una acción mediante control de voz: llamar a alguien, poner música, una alarma, buscar en Maps, ver videos de gatitos…

Navegacional (Website)

El usuario escribe el nombre de la marca directamente en el buscador. 

Por ejemplo: Nike, Facebook, SiteGround 

De localización (Visit in person)

El valor de la búsqueda está en la geolocalización del usuario

Tanto el contenido como el diseño web ha de estar optimizado teniendo en cuenta las palabras claves de tu negocio y la intención de búsqueda de tus usuarios. 

 3. Encabezados H1, H2, H3…

Como decíamos al principio es importante que los textos respiren, y en este sentido, los títulos y subtítulos van a facilitar la lectura de la página al mismo tiempo que trabajas el posicionamiento. 

  • Que tus títulos contengan siempre la palabra objetivo o su alternativa semántica
  • Mantén una jerarquía para estructurar la información de tus páginas
  • La etiqueta H1 es el título de la página (que no el título SEO)
  • Después están las H2 que son los apartados destacados
  • Los H3 son subapartados de H2 y los H4, a su vez, de los H3

3. Title o Título SEO y Meta descripción

Tienes un sitio trabajado y contenido de valor. Google decide apostar por ti y te muestra en la SERP. 

¿Qué es lo que ve el usuario? Aún no ve tu web ni tu contenido. Lo que ve es la URL, el título y la meta descripción. 

Urls amigable

Crea URLs amigables y semánticas

Es decir, que sean fáciles de recordar y en las que se intuya su contenido. 

Por tanto, debe ser corta, descriptiva y, por supuesto, incluir la palabra clave. 

Otros consejos a tener en cuenta son:

  • Siempre en letras minúsculas
  • Evita los signos de puntuación, excepto el guion medio para separar las palabras de la URL
  • Salvo que sea relevante para la keyword, no utilices artículos, preposiciones o conjunciones. 
Título SEO 

El title es lo primero que ve el usuario en los resultados de búsqueda. Por tanto, ha de ser lo suficientemente persuasivo para que el usuario quiera saber más. 

Asegúrate de que aparezca la palabra clave y que no supere los 60 caracteres. 

La meta descripción 

Es un resumen del contenido, y de nuevo, ha de tentar al usuario. 

Ha de contener también la palabra clave y no superar los 150 caracteres. 

4. Optimizar imágenes 

Las imágenes de calidad y representativas de tu negocio son un must en el diseño web. 

Pero, además, este tipo de contenido visual ha de estar optimizado y bien dimensionado para que la página cargue rápido y el peso o el tamaño no afecte a la experiencia de usuario, y a tu crawl budget (el tiempo que pasa el bot en tu sitio).

Renombra tus imágenes

No subas los archivos con nombre tipo 1254.png.

Renombra la imagen con un texto que explique brevemente su contenido. 

Optimización del peso

Procura que las imágenes pesen menos de 100 KB. 

Para ello, cuentas con herramientas online para reducir el tamaño sin perder calidad, como tinypng. com o plugins especiales para WordPress como Smush o EWWW Image Optimizer.

Optimización del tamaño

Tu web tiene unas dimensiones máximas. Lo ideal es que no supere los 1200 px. de ancho. 

Por tanto, las imágenes que subas no deben sobrepasar esa dimensión. 

Si, por ejemplo, subes una imagen de 1950 px. de ancho, para mostrarse al usuario se va a tener que redimensionar. Esto supone mayor tiempo de carga y además, es probable que la imagen redimensionada sea más pesada. 

Añade el Alt Text 

El Alt Text es una etiqueta HTML que describe la imagen.

Es información adicional y muy valiosa para los bots de Google, para los usuarios con discapacidad visual, y para describir la imagen si, por circunstancias, la página no carga bien. 

5. Velocidad 

Los usuarios esperan que tu sitio cargue en menos de dos segundos. ¿Estarás a la altura de sus expectativas?

La velocidad de carga es un aspecto del diseño web que debes cuidar, ya que influye tanto en la experiencia de usuario como en el posicionamiento. 

6. Diseño responsive 

Y, por supuesto, el diseño debe ser responsive y adaptarse a los diferentes dispositivos.

También asegúrate de que funciona bien desde distintos navegadores como Chrome, Firefox o Safari; y con diferentes sistemas operativos como Windows, Linux o MAC.

Otros factores que aportan confianza a tu sitio web

Textos legales 

Si queremos ganarnos la confianza de nuestros clientes, los textos legales son una forma de aportar tranquilidad. 

Los textos mínimos que debe tener un sitio son: el aviso legal y la política de privacidad. 

A partir de aquí, y según la peculiaridad del proyecto, debes contar con la política de cookies (si utilizas cookies propias o de terceros), o los términos y condiciones de ventas en un e-commerce.

Seguridad

Del mismo modo, la web ha de cumplir todos los protocolos y certificados que garanticen una navegación segura: 

  • El certificado SSL tiene por objetivo garantizar una conexión segura entre el servidor de la web y el usuario, mediante la encriptación de datos.
  • El protocolo HTTPS ofrece garantías al usuario de que está navegando por un lugar seguro.  
  • También es importante alojar la web en un hosting seguro, que incluya activamente medidas de ciberseguridad y proteja a los propietarios de los sitios de cualquier ataque. 
  • Por tu parte, utiliza contraseñas robustas y plugins de seguridad que mantengan a los hackers alejados de tu sitio. 

Social Proof

Trabajando en otra línea de confianza, nos encontramos el social proof o la prueba social. 

Incorpora un bloque en tu diseño que muestre testimonios y opiniones de clientes satisfechos. 

Conclusión

El diseño web forma parte de un engranaje perfecto que aúna diferentes estrategias con el objetivo de ofrecer al usuario una experiencia satisfactoria, memorable y convincente. 

✔ Cuida la estructura y navegación de tu sitio para que tus visitas se muevan con comodidad y entiendan fácilmente lo que ofreces. 

✔ Crea contenidos relevantes para atraer y educar a tu buyer, y ganarte el beneplácito de los buscadores y los primeros puestos en los resultados. 

✔ Utiliza el copywriting para “movilizar” a tu cliente potencial

✔ Sírvete del diseño para guiar a tus usuarios, destacar lo importante y que sepan siempre dónde están y a dónde ir.

✔ Adapta tu web a cualquier dispositivo, navegador o sistema operativo.

✔ Crea un sitio seguro y confiable. 

Si quieres que tu web venda y convierta, construye un sitio de confianza y trabaja todo tu ecosistema digital: marca, usuario y Google

La CDN de SiteGround está oficialmente aquí

Nos alegra anunciar que la CDN de SiteGround ha superado el período beta y ahora está oficialmente disponible para todos nuestros clientes. La CDN de SiteGround es un servicio de optimización de velocidad del sitio web desarrollado internamente específicamente para nuestros clientes que reciben tráfico de diferentes ubicaciones geográficas. Miles de usuarios han habilitado la CDN durante la fase beta y ya la están usando activamente. Estamos contentos y agradecidos por los comentarios positivos y las aportaciones que nos ayudaron a dar los toques finales a nuestra CDN antes de su lanzamiento oficial.

¿Cuáles son los beneficios de la CDN de SiteGround?

La CDN de SiteGround es una solución interna que ofrece un servicio de activación sencillo con valores predeterminados inteligentes y rendimiento nativo del servidor. Está cuidadosamente desarrollada para incorporar todos los servicios necesarios para obtener los mejores resultados. Estos son algunos de sus principales beneficios:

Velocidad web ultrarrápida

Nuestra CDN de SiteGround asegura la velocidad de carga más rápida para tus sitios web y visitantes desde diferentes partes del mundo, gracias a:

  • Nuestro servicio de CDN está alojado completamente en la nube, donde el contenido se almacena en caché y se replica en múltiples ubicaciones en 4 continentes y, por lo tanto, se muestra a los visitantes de tu sitio web con una latencia mínima.
  • Nuestra CDN garantiza una velocidad de carga ultrarrápida para tus sitios web porque utiliza una red privada súper rápida entre las ubicaciones de CDN específicas de nuestros clientes y nuestros servidores de alojamiento.

Sin configuración y fácil gestión

La configuración de tu CDN de SiteGround y la administración de sus funciones se realizan con unos pocos clics desde Site Tools -> Velocidad -> CDN, gracias al hecho de que cada capa de nuestro sistema está construida internamente. La activación de la CDN se realiza con un solo clic y NO se necesita una configuración adicional, independientemente de la configuración de tu sitio web. No importa si tu sitio se abre con o sin www, o si usa SSL o no, el CDN simplemente funciona.

Planes y características de la CDN de SiteGround

La CDN de SiteGround incluye un plan gratuito y premium, que puedes elegir, según las necesidades de tu sitio web. Más información sobre los dos planes en las siguientes secciones:

Características del plan CDN gratuito

Si eliges utilizar el plan de CDN gratuito, puedes aprovechar las siguientes funcionalidades, de forma totalmente gratuita:

  • Activación de CDN para los dominios principales con solo un clic
  • Almacenamiento en caché del contenido estático de tu web en los servidores de la CDN
  • Hasta 10 GB de tráfico de ancho de banda de CDN por mes
  • Inicio inmediato de la purga de contenidos almacenados en caché para tu web
  • Modo de desarrollador para verificar los últimos cambios en el sitio web en tiempo real y rápidamente para garantizar que todo se vea bien

Funcionalidades en el plan de CDN Premium

El plan CDN Premium incluye todas las funciones mencionadas anteriormente en el plan gratuito y, además, te da acceso a la lista completa de funcionalidades de CDN premium:

  • Activación de CDN para todos los dominios, incluidos subdominios y dominios aparcados
  • Caché dinámica avanzada, entregando copias en caché de las páginas generadas dinámicamente de tu sitio web de forma predeterminada
  • Tráfico CDN ilimitado
  • TTL personalizado (tiempo de vida) que te permite elegir el tiempo de vida deseado de la caché 
  • Funcionalidad ‘siempre online’ que sigue entregando las páginas ya almacenadas en caché de nuestros servidores CDN, en caso de que tu sitio web comience a mostrar errores

Cómo empezar

Puedes activar la CDN gratuita para tu sitio web con un solo clic desde la sección Site Tools > Velocidad > CDN. Si quieres acceder a las funciones premium de la CDN, debes comprar el servicio CDN Premium desde Área del cliente > Marketplace > Servicios de alojamiento > Servicios adicionales.

Prueba nuestro nuevo servicio de CDN y no dudes en dejarnos un comentario, comparte tu opinión o deja tus sugerencias.