Mostrando entradas con la etiqueta ux. Mostrar todas las entradas
Mostrando entradas con la etiqueta ux. Mostrar todas las entradas

Acelera tu WordPress. Parte III: Trucos para W3 Total Cache

Instalar el plugin W3 Total Caché para WordPress, incrementa el rendimiento de nuestro sitio hasta 10 veces, es decir, disminuye significativamente el tiempo de respuesta, mejora la experiencia de usuario y el aumenta rendimiento del servidor de hosting.

Podríamos decir que instalado y configurado este sistema de cache, el sitio ya está optimizado, y es así. Pero los sistemas de caché tienen intervalos de actualización, que crea archivos estáticos cada cierta cantidad determinada de tiempo. W3 Total Cache utiliza segundos para estos intervalos y por defecto tiene 180 y 900 segundos, es decir 3 y 15 minutos.

El tiempo necesario para no "estresar" al usuario ni al servidor dependerá de la característica de nuestro sitio web, que puede ser un sitio corporativo o personal, un blog, una tienda virtual o ecommerce, entre otros.

El tiempo utilizado por defecto en este plugin, a mediano plazo, no hace posible reflejar las bondades de un sistema de caché, es por eso que el tiempo que fijemos está directamente relacionado a nuestro sitio web. Por ejemplo, si realizamos actualizaciones o cambios semanalmente, el sistema de caché debiera tener intervalos de 7 días, y como podemos deducir, este ciclo está directamente relacionado a los cambios que realicemos. Pero también, si queremos priorizar el uso de los archivos estáticos, para mejorar la experiencia de usuario, podemos aumentar el tiempo a 45 días o más.

Además, independiente del tiempo fijado para los intervalos de creación de caché, si queremos limpiar o crear el caché cuando queramos, W3 Total Cache tiene la opción para hacerlo en cada página o a todo el sitio de una vez, en la opción Purge Cache.

Los tiempos recomendados para fijar los intervalos de creación de cache o archivos estáticos son los siguientes:
  • 7 días: 604800 segundos.
  • 14 días: 1209600 segundos.
  • 21 días: 1814400 segundos.
  • 45 días: 3888000 segundos.
Y si queremos ser extremos, podemos dejarlo cada 3 meses (7889400 segundos) o 6 meses (15778800 segundos). Dependerá de nuestras necesidades.

Una vez elegido el intervalo de tiempo para nuestro sitio, es momento de ir a la configuración del plugin. Para esto debemos ir a las siguientes secciones.

Caché de página

Ir al parámetro: Intervalo de recolección de basura y cambiar por el tiempo elegido.



Caché de Base de Datos

Ir a los parámetros: Máximo tiempo de vida para los objetos almacenados en caché y Intervalo de recolección de basura.



Caché de Objetos

Ir a los parámetros: Duración por defecto de la caché de objetos y Intervalo de recolección de basura.



Utilizando estos trucos ya podremos estar tranquilos de tener un sitio veloz para nuestros visitantes, y como nos podremos dar cuenta, este plugin posee cientos más de parámetros y configuraciones, que luego podremos ir conociendo a medida que lo utilicemos.

Acelera tu WordPress. Parte II: Configuración de W3 Total Cache

Luego de instalar W3 Total Cache siguiendo las recomendaciones de su Setup Guide, nuestro sitio está optimizado para acelerar su carga y mejorar la experiencia de usuario. En este artículo revisaremos la  configuración de cada capa de cache que se puede activar en este plugin.

Como aclaración, las recomendaciones de configuración que veremos a continuación considera la versión gratuita de W3 Total Cache y un sitio en un servicio de hosting compartido.

Page Caché (Caché de página)

Habilita el almacenamiento en caché de la página para disminuir el tiempo de respuesta del sitio.

Recomendación
  • Estado: Activado
  • Método de caché: Disk: Enhanced.
Optimiza: El rendimiento en el uso de ancho de banda.













Minify (minificar)

Reduce el tiempo de carga disminuyendo el tamaño y la cantidad de archivos CSS y JS. Elimina automáticamente datos innecesarios de CSS, JS, feed, página y publicación HTML.

Recomendación
  • Estado: Desactivado
Optimiza: El rendimiento en el uso de ancho de banda.

Solo se recomienda para administradores avanzados.


Database Cache (Caché de base de datos)

Habilita el almacenamiento en caché de la base de datos para reducir el tiempo de creación de publicaciones, páginas y fuentes.

Esta capa de caché es la que más impacta en el rendimiento de nuestro sitio web, ya que WordPress hace bastante abuso uso de Mysql.

Recomendación
  • Estado: Activado
  • Método de caché: Disk.
Optimiza: El rendimiento en el uso de la base de datos y carga del servidor.


Object cache (Caché de objetos)

Habilita el almacenamiento en caché de objetos para reducir aún más el tiempo de ejecución de operaciones comunes.

Recomendación
  • Estado: Activado
  • Método de caché: Disk.
Optimiza: El rendimiento en el uso del CPU del servidor.



Browser Cache (Caché de navegador)

Reduce la carga del servidor y disminuye el tiempo de respuesta utilizando la caché disponible en el navegador web del visitante del sitio.

Recomendación
  • Estado: Activado
Optimiza: El rendimiento en el uso de ancho de banda y carga del servidor.


User Experience - Lazy Load (Carga diferida)

Carga diferida de imágenes.

Esta es una de las optimizaciones más recientes que se han implementado y es bastante útil, ya que solo carga las imágenes de una página cuando el usuario las puede ver.

Recomendación
  • Estado: Activado (Lazy Load Images)
Optimiza: El rendimiento en el uso de ancho de banda.


Fragment Caché (Caché fragmentado)

Habilita el almacenamiento en caché de fragmentos reduce el tiempo de ejecución de operaciones comunes.

Recomendación
  • Método de caché: Disk.
Optimiza: El rendimiento en el uso del CPU del servidor.



Con estas recomendaciones ya tenemos más control del sistema de caché de nuestro sitio. Podemos ver que hay otras opciones que podemos utilizar como:
  • Opcode cache.
  • CDN.
  • FSD CDN.
  • Reverse Proxy (Proxy inverso)
  • Estadísticas de cache
  • Panel para Google Page Speed widget
  • Debug
Que sin duda optimizarían más nuestro sitio. En el siguiente artículo veremos algunos trucos para optimizar aún más W3 Total Cache y el rendimiento de nuestro sitio.

Acelera tu WordPress. Parte I: Instalación de W3 Total Cache

El plugin para WordPress, W3 Total Cache, es una herramienta que crea contenido estático, lo que permite acelerar la carga de un sitio web, mejorar la experiencia de usuario, optimizar el SEO, disminuir el uso de ancho de banda, disminuir la carga del servidor, entre otras cosas más.

Elegimos esta herramienta por las opciones de configuración que posee, ya que podemos administrar el cache en distintas capas:
  • Caché de navegador.
  • Caché de páginas web (minizar html, js y css).
  • CDN.
  • Caché de objetos.
  • Caché de base de datos.
  • Carga diferida de imágenes.
Además, es compatible con distintos métodos de caché: Disco, Redis, Memcached, APC, APCu, eAccelerator, XCache, and WinCache.

Podemos ver más características de este plugin en el siguiente link.


Instalación de W3 Total Caché

Paso 1

Ingresar al administrador de tu WordPress.


Paso 2

Ir a añadir nuevo plugin.


Paso 3

Buscar el plugin: w3 total cache





Paso 4

Instalar y activar w3 total cache


Configuración inicial de w3 total cache

Una vez instalado el plugin, vamos a la configuración de este (settings) y veremos el asistente de configuración (TOTAL CACHE: Setup Guide).

Se recomienda seguir la configuración indicada de acuerdo a los resultados del test según tu sitio.



Estas recomendaciones básicas acelerarán tu sitio de forma inmediata, pero podremos optimizar aún más el sitio.

El triángulo del SEO

¿En qué debemos preocuparnos cuando queremos posicionar nuestro sitio?

Para esto, podemos encontrar varias respuestas, según el tipo de sitio que tengamos y la estrategia que tenemos planteada, pero deben basarse en contenido, estructura y experiencia del usuario o UX.


Triángulo del SEO

Contenido

Ya es sabido que el contenido de nuestro sitio debe ser original. Además debe enfocarse en nuestro potencial cliente, y debemos preocuparnos en cómo respondemos a sus necesidades.

Una manera es, preguntarnos:

¿Qué es lo busca mi potencial cliente, en el contexto de mi negocio?
¿Cuáles son sus inquietudes?
¿Tiene algún problema no resuelto?

Al leer las preguntas, nos damos cuenta de que es cercano a cuando estamos desarrollando la estrategia de negocio; esto, nos sirve para saber que no debemos ir muy lejos para hacernos las preguntas correctas; una llevará a otra, hasta que demos con el contenido que sea valioso, para nuestros clientes.

La fuente de inspiración

Ya, tenemos las preguntas ¿Y ahora qué? Bueno, debemos responderlas y generar el contenido para publicarlo en nuestro sitio, página, tienda, blog, o lo que estemos trabajando.

Para responderlas, no solo nos servirá el análisis interno que hagamos, sino que también deberemos buscar fuentes de información, que nos ayudarán a encontrar patrones y enfocar nuestro resultado. Para esto, es recomendable, buscar el término en los buscadores directamente, y ver qué tipo de páginas lo abordan y cómo. También, buscar en redes sociales, unirnos a grupos y observar; participar también es una buena idea.

Otra opción son las herramientas estadísticas de búsqueda, como Google Trends. Acá, podremos ingresar varios términos de búsqueda, ver su comportamiento y compararlos.

También podemos analizar a la competencia, con herramientas como SimilarSites, woorank, entre otros.

Con toda esta información, podremos encontrar las brechas de nuestro sitio y las necesidades de los clientes, para publicar un contenido original.


Estructura

En este punto, entramos un poco más a fondo, y acá hay un post especialmente para esto. Pero, en resumen, debemos también considerar la estructura interna de una página (No confundir con esta otra estructura).

Acá el "jefe" es Google, y debemos estar actualizados según sus exigencias y nuevas formas de presentar nuestras páginas a este gigante. Como por ejemplo, lo nuevo son las páginas HTML AMP, que son páginas optimizadas para móviles.

Una herramienta útil para seguir los lineamientos sobre la estructura, es, la consola de búsqueda de -sí, de nuevo- Google.

Experiencia de Usuario o UX

Todo lo anterior no serviría de nada si no logramos satisfacer a nuestros visitantes. Si el diseño, la navegación o la forma en la que está presentada la información no convencen al lector, no tendremos mucho que hacer.

Para evitar este riesgo, debemos considerar lo siguiente:
  • Utilizar un estilo acorde al negocio.
  • Proveer una buena relación entre contenido y multimedia.
  • Tener disponible los canales de contacto.
  • El contenido debe ser legible y adaptable a diferentes dispositivos.
  • No abusar de la publicidad.
  • No obligar al usuario (registro, suscripción, etc.)
  • Manejar el concepto de Landing Page.
  • Considerar un link para cada contenido.
  • No olvidar la accesibilidad.

En resumen, debemos preocuparnos de la forma y fondo de nuestra portada y cada sección de nuestro sitio, otorgando a cada publicación, un propósito.


Herramientas para analizar visitas al sitio web. Parte III: Yandex.Metrica

En está última parte de la revisión a algunas de las más potentes herramientas para analizar visitas, hablaremos de Yandex.Metrica.

En primera instancia podemos pensar que con las herramientas de análisis que hemos venido revisando sería suficiente para conocer el comportamiento del sitio y sus visitantes. Y es probable que utilizando Webalizer, Awstats y Google Analytics ya tengamos una visión bastante amplia para saber qué camino se debe seguir para mejorar nuestra estrategia.

Pero Yandex.Metrica viene a cubrir un par de datos muy relevantes que son indispensables para obtener información de calidad y así mejorar la experiencia de los visitantes y la estructura del sitio.

No vemos el (not provided)
A diferencia de Google Analytics, acá veremos todas las palabras claves y también los otros buscadores que los usuarios utilizan.

Dominios alias
Si poseemos varios dominios para un mismo sitio, con Metrica es más claro ver cual es el que mejor rendimiento tiene, por ejemplo.

Mapas de clics, scroll y análisis de formularios
Podremos ver qué sección de alguna página posee más interacción, qué link tiene más clics, cuanto scroll hace el usuario, cómo son utilizados los formularios: Cuantos ingresan datos y cuantos de éstos los envían.

Mapa de clics


Mapa de conversión de formularios


Mapa de scroll


Simulación de interacción del visitante (Session Replay)
Y si lo anterior no fuera poco, tenemos la herramienta más valiosa de esta herramienta de análisis de visitas. A esto me refería a que es casi como si estuviéramos viendo por sobre el hombro del visitante, ya que recrea casi de la misma forma cómo interactuó con el sitio, mostrando la posición y movimiento del cursor, el tiempo utilizado al visitar la página, qué escribió y cómo utilizó los formularios, en qué lugar del link hizo clic; todo esto hasta el momento en que el usuario hace el abandono o conversión.

Es una muy buena herramienta para que veamos si el sitio es apto para nuestro mercado objetivo y/o si tiene algunas falencias en cuanto a experiencia de usuario. Algunas cosas que podemos obtener son:

  • Validar si los formularios son accesibles.
  • Si los botones de acción (CTA) son visibles y llaman realmente a la acción.
  • Verificar si la estructura del sitio no interfiere con lo que necesita el usuario y/o los objetivos de conversión.
  • Ver cuanto tarda un visitante en encontrar o hacer clic en algo.
Y varios datos más que muy probablemente encontremos necesarios, de acuerdo al negocio del sitio y los objetivos de éste.

Con este artículo finalizamos la serie de herramientas para analizar visitas al sitio web:

Herramientas para analizar visitas al sitio web. Parte II: Google Analytics

Siguiendo con nuestro post sobre herramientas para analizar visitas al sitio continuaremos con Google Analytics.

Google Analytics
Es una de las herramientas más potentes del mercado, aunque también hay otras que podemos encontrar con contadores exclusivos para sitios móviles, aplicaciones móviles y de escritorio, otorgando información adecuada en cuanto a analíticas del producto que tenemos publicado. Pero Google Analytics constantemente se va mejorando otorgando utilidades valiosas al momento de analizar las visitas del sitio.

A continuación veremos algunas utilidades que nos servirán para comprender a nuestros usuarios utilizando esta herramienta.

Página de destino
Ruta: Adquisición->Visión general->Organic search

Utilidad vital para comprender cómo y a dónde llegan nuestros visitantes dentro del sitio. Si vamos a Organic Search en Dimensión secundaria podemos elegir la opción Página de destino, con esto podremos ver a qué páginas llegan los visitantes para una misma palabra clave, y mejor aún conocer el comportamiento del infame (not provided).



Adsense
Ruta: Comportamiento->Visión general->Adsense->Página

Si usamos Adsense en el sitio podemos ver qué página tiene mejores resultados en cuanto a ingresos. Generalmente es la página más visitada, pero siempre es mejor verificar ya que el contenido de la página también es un factor a considerar en los ingresos por publicidad.


Tiempo real
Ruta: En tiempo real->Visión general

Acá podemos ver en tiempo casi real los visitantes del sitio con información relacionada a fuente de tráfico, palabras claves, páginas activas y ubicaciones principales. Esta utilidad se hace importante por ejemplo cuando realizamos campañas publicitarias en Adwords o televisión y podemos cruzarlo con la subsección Conversiones según lo que hayamos definido como estrategia.


Flujo de usuarios
Ruta: Audiencia->Flujo de usuarios

Acercándonos más al comportamiento de nuestros visitantes tenemos el flujo de usuarios que muestra la tendencia de las rutas o flujos seguidos dentro del sitio que nos puede servir para mejorar las páginas que tengan salidas y disminuirlas, por ejemplo.



Objetivos
Ruta: Conversiones->Objetivos->Visión general

Cuando fijamos nuestra estrategia definimos objetivos que podemos configurar en Google Analytics y medir su cumplimiento. Esta sección es una de las más valiosas a mi parecer de este contador de visitas ya que podemos visualizar los objetivos de diferentes perspectivas: Gráfico de embudo de conversión de objetivos, Flujo de objetivos, Embudos multicanal, entre otros.



Hemos visto algunas utilidades de esta poderosa herramienta, e indagando más podremos conocer más al sitio y visitantes siguiendo la estrategia definida. Y si esto no fuera poco, en el siguiente post veremos que existen otras herramientas que prácticamente es como si estuviéramos viendo por el hombro del visitante su pantalla, que es vital para la experiencia de usuario (UX).

Qué debe tener un sitio web para lograr conversión

Lo que sea que estemos publicando en Internet es -generalmente- para que alguien más lo vea y lo utilice o consuma. Esa es una de las cosas que debemos tener siempre en cuenta al momento de publicar un sitio: alguien más está buscándonos, aunque aún no nos conozca. Suena raro, pero nos daremos cuenta de que es cierto, al momento de medir nuestras visitas.

Para hacer más fácil ésta tarea pensemos en nuestro sitio como un local o sucursal de nuestro negocio o proyecto. Mientras más fácil sea llegar a él, más posibilidades tendremos de lograr una venta.

Entonces lo que debemos tener en cuenta es lo siguiente:

Un dominio de Internet
Para que sea indexado por los buscadores y recordado por nuestros visitantes.

Un hosting estable y seguro
Si logramos muchas visitas, que no nos pase el error más común cuando crecemos: La caída de nuestro sitio.

Portada o Landing Page
En donde logremos captar el interés de nuestros potenciales clientes.

Formulario de contacto
recibiremos las necesidades e inquietudes de nuestros visitantes.

Buscador interno
Dando libertad al usuario de seguir su camino.

Botones de redes sociales
Lograremos seguidores desde el comienzo.

Blog o Ayuda
Escencial para aumentar visitas según el interés de nuestros visitantes o ayudarlos cuando estén en el sitio.

Ubicación geográfica
Muy olvidado e igual de importante, ayuda a acercarnos a nuestros clientes dentro de la zona geográfica de impacto.

Video e imágenes
Utilizar varios formatos para presentar nuestro servicio o producto aumenta la posibilidad de llegar diferentes tipos de perfiles de usuarios.

Chat online
Ideal para otorgar respuestas en tiempo real y concretar ventas.

Teléfono y horario de atención de tu negocio
Demuestra que hay disponibilidad inmediata y comunicamos en qué momentos sí vamos a contestar.

Promociones y ofertas
Incentivando la visita recuerrente o retención (después hablaremos de funnel).


Esto es lo que debemos tener en cuenta cara al visitante. Luego veremos cómo preparar tu sitio para los buscadores.