Tutorial WPO, factor clave SEO para optimizar tu web

WPO

WPO o Web Performance Optimizatión, un concepto de marketing digital que cada día toma más y más relevancia.

¿Por qué será?

Os vamos a dar unas pistas iniciales antes de entrar a explicaros en detalle todo lo que necesitas saber para dejar optimizado el rendimiento de tu web a nivel velocidad de carga y caché.

– El WPO o Web Performance Optimización tiene mucho que ver con el SEO.

– Es un factor relevante para Google.

– Está directamente relacionado con la experiencia final del usuario.

– Asociado a conceptos como la caché o velocidad de carga o velocidad web.

– Afecta a cada página, cada URL y no solamente a la home.

– Con el aumento del consumo móvil, se ha convertido en un factor crucial.

Con todas estas premisas podemos prever que nunca podremos tener un proyecto digital viable. Ya sea web o App. Sino trabajamos de manera profesional y seria esta parte crucial de dentro de cualquier estrategia de marketing digital.

Os dejamos este tutorial con todo lo que necesitas sabes. Y al final os contamos como mejoramos el WPO de LCMK con la ayuda de Webempresa.

¿Qué es el WPO o Web Performance Optimization?

Podemos empezar afirmando que el WPO o Web Performance es una disciplina dentro del marketing digital, y más concretamente dentro del área de SEO; responsable de analizar un sitio web para detectar cambios o errores a mejorar que faciliten la optimización de la velocidad de carga.

Es otras palabras:

“hacer todo lo que esté en nuestras manos para que toda la web cargue lo más rápido posible.”

Y cuando decimos toda la web, nos estamos refiriendo a cada una de las URL que conforman el site.

A cada archivo, cada código, cada byte de información.

El Web Performance Optimization o WPO, afecta directamente a la experiencia del usurario. Si carga rápido, el usuario tendrá una navegación satisfactoria. Si carga lenta lo más seguro es que pierdas visitas cada día.

Y ojo porque ya no vuelven jamás!!!

Además es un factor clave que afecta al posicionamiento de cualquier web en los buscadores.

Porque en nuestra Estrategia SEO debemos trabajar 4 áreas diferenciadas:

  • SEO on page
  • SEO off page
  • Keywords
  • WPO

Checklist con 10 factores WPO a tener en cuenta

Con la definición dada, entendemos que queda claro el concepto. Pero cómo se concreta la WPO.

¿Cómo empiezo a trabajar para optimizar el rendimiento web?.

Os dejamos una mini guía con 10 factores WPO para ir directos al grano:

1. El tiempo de carga del primer byte o TTFB. Factor muy importante para Google. No olvidemos que los retrasos en las peticiones entre navegador y servidor pueden incrementar este tiempo de respuesta. Lo que nos ocasionará penalizaciones.

2. La configuración del servidor y el tipo de hosting contratado.

3. El peso total de la web: todos los archivos; como imágenes, videos, infografías…

4. El número de carga de archivos. Hay que activar la memoria caché que es la que almacena los datos en el disco para que luego sean de nuevo utilizados.

5. La combinación de archivos como imágenes, CSS o JS.

6. Minimizar las redirecciones que ralentizan la carga total del site. Mucho cuidado aquí para no crear bucles o sobrecargar los sites.

7. Uso de CDNS para agilizar las peticiones. Los CDN reducen la carga del servidor al permitir tener los recursos en otros servidores en diferentes localizaciones.

8. Optimización del código: minificación, compresión del código y cada lenguaje único (no escribir por ejemplo en html y seguido en php).

9. Cuidado con la instalación de plugins o programas muy pesados.

10. La compresión GZIP de archivos ayuda a reducir el pesa de carga.

Si solucionas estos 10 puntos os garantizamos una mejora considerable de WPO.

Herramientas Web Performance Optimiation para medir velocidad página web

Hemos dado un paso más para ir trabajando toda la parte WPO de la web. Pero ahora nos faltan herramientas que ayuden a la detección de estos errores.

En este sentido tenemos suerte porque tenemos 3 herramientas, con opciones gratuitas, que nos ayudarán en este proceso de optimización.

Vamos a hacer los test con el propio blog LCMK .Y luego os detallaremos más adelante y paso a paso como optimizamos el blog con la ayuda de Webempresa.

Page Insigth de Google.

Es un test de velocidad de página web gratuito que nos ofrece Google dentro de las soluciones que tiene para desarrolladores. Es muy sencillo de usar, simplemente copiamos la URL principal del site y la pegamos en el buscador.

WPO, medir velocidad web

Después nos dará resultados de visualización de la web en mobile y en laptop, detectando errores a solucionar.

WPO, medir velocidad web

Pingdom Tools

Es una herramienta de pago que nos deja analizar cualquier web de manera gratuita dándonos bastantes datos interesantes sobre la parte de WPO.

Es muy sencillo de usar, simplemente copiamos la URL principal del site y la pegamos en el buscador. Luego debemos elegir en que punto analiza, en este caso elegimos Estocolmo, al ser un blog en España.

WPO, medir velocidad web

Nos proporciona muy buenos datos como el tiempo de carga por URL, el tiempo de carga total, el peso total de la web, nos compara con la media del sector, nos dice el tipo de contenido, que peso tiene y qué tiempo carga….

WPO, medir velocidad web

GT Metrics

Es una herramienta que nos deja analizar cualquier web también de manera gratutia y así complementamos las ya citadas anteriormente.

Mismo procedimiento: copiar la URL principal del site y pegar

WPO, medir velocidad web

Nos da 2 performance scores, uno del Page Speed y otro el Yslow (s una extensión de desarrollo para el navegador web Mozilla Firefox, destinada a analizar el rendimiento de páginas web). Nos da un resumen del tiempo total de carga, peso total y respuestas.

WPO, medir velocidad web

En esta parte gratuita también nos ofrece el muro de carga donde veremos el tiempo individual que cada elemento de la web tarda en cargar en una línea temporal. Muy útil e interesante.

WPO, medir velocidad web

Caso práctico WPO: La Cultura del Marketing

Como no hay nada mejor que poner un ejemplo con uno mismo para acreditar todo lo explicado con anterioridad. Vamos al lío.

Cuando cambié de empresa de Hosting con Webempresa, fue el momento de darle un giro a toda la parte WPO del blog. Así como la securización.

El equipo de profesionales que hay detrás me convenció en pocos segundos. Da gusto tanta profesionalidad.

Os contamos los principales pasos que llevamos a cabo.

Situación inicial del blog a nivel web performance optimización

Lo primero realizar una auditoria con las 3 herramientas que os hemos comentado anteriormente para tener el status WPO real.

Empezamos con Pingdom Tools. Vemos que la puntuación total es de 66 sobre 100. Un peso total web de 2,3 MB y un tiempo de carga de 1,92 segundos

WPO

Si nos vamos a auditar con Page Insights de Google. Apreciamos en laptop una puntuación de 64 sobre 100.

Y en mobile una puntuación de 71 sobre 100.

Web Performance Optimization

Había que mejorar muchos aspectos para optimizar aún más la velocidad de la web.

Elección del plan de hosting para WPO

Lo primero fue la elección del nuevo Hosting. Elemento fundamental para optimizar toda la parte de WPO.

En este caso elegimos el hosting elegido fue WordPress 5GB que incluye factores WPO tan importantes como:

– Discos SSD Máxima Velocidad

– 200 GB. Transferencia Mensual

– Optimizador de Imágenes

– Magic Caché

– SSL

Nuestra recomendación WPO cuando vayas a adquirir un servidor es mirar siempre estos 5 puntos:

• Discos SDD: este tipo de discos agilizan la velocidad de carga de la web.

• Caché: un buen servicio de hosting tiene un sistema de caché propio para servir la misma información al usuario ahorrando velocidad.

• Certificado SSl: teniendo instalado el certificado lents encrypt podemos usar el sistema HTTP/2 (usado en nuevos navegadores para agilizar la carga)

• Enjaulado de cuentas: este sistema permite que la velocidad de tu web no se vea afectada si otro cliente cuente con muchas visitas en ciertos momentos.

• PHP7: si tu hosting no ofrece el software PHP7 implantado es mejor que uses otro.

Recuerda:

Un alto porcentaje que hará que tu web sea más o menos veloz o más o menos lenta, dependerá del hosting que contrates.

Primeros pasos: migración del hosting

Con el hosting comprado con tan solo un clic, realizamos la migración de todo el blog.

Se revisó el listado completo de plugins instalados y activos para analizar realmente cuales debían seguir y cuales había que desinstalar.

Estos eras los plugins activos en ese momento en LCMK:

– Redux Framework
– Accelerated Mobile Pages
– Advanced Category Template
– Akismet Anti-Spam
– AMP
– Anti-spam
– Better Search Replace
– CMB2
– Contact Form 7
– Cookie Notice
– Display Widgets
– Anti-Malware Security and Brute-Force
– Jetpack by WordPress.com
– WPBakery Visual Composer
– MailChimp
– QK Import
– QK Register Post Type
– Sossy (Social Profile for WordPress)
-SumoMe
– Wordfence Security
– WordPress Importer
– WP Simple Adsense Insertion
– Yoast SEO
– WP-PostRatings
– WP Smush
– WP Super Cache

Al final a medida que pasa el tiempo vamos instalando plugins, para diferentes funcionalidades y muchas veces se nos olvida desisntalar o desactivar plugins que ya no tienen uso.

En el caso de LCMK analizamos uno a uno y borramos los no necesarios.

Nuestra recomendación:

Quedarse solamente con los que sean totalmente necesarios y desactivar el resto. Todas las funciones que realicen estos plugins de las que puedas prescindir, mejor prescindir de ellas, ya que la suma de todos, al final interfieren en la carga de la web.

Backup de seguridad

Es muy importante que siempre que vayamos a hacer modificaciones sustanciales en la web realicemos copias de seguridad. Para en caso de liarla, poder restaurar sin problemas.

Optimizando el blog a nivel WPO

Certificado SSL

Una vez limpiado los plugins; el equipo de Webempresa se puso con la instalación del Certificado SSL.

Para que no afecte al SEO de la web y no genere contenido duplicado, hay que redirigir toda la web hacia los nuevos enlaces con https.

Así cuando cualquier usuario entre desde:
http://laculturadelmarketing.com o http://www.laculturadelmarketing.com se redirecciona automáticamente hacia la misma URL pero con https.

Optimización de imágenes.

En este caso hemos utilizado el plugin: imgoptimizer para optimizar las imágenes.

En el momento de la optimización tenía 4147 imágenes, ocupando 213mb. Se ha reducido un 52% el tamaño total de las imágenes, pasando a ocupar 103mb.

Magic Cahé

La velocidad de carga es uno de los factores clave para el posicionamiento en Google.

Se procedió a la activación del plugin Magic Caché, basado en Varnish + Nginx con microcache.

Junto con este, instalamos otro denominado We_varnish para poder controlar la caché y borrarla desde el propio WordPress.

Se sustituyó el plugin WP Super Caché por W3 Total Caché totalmente configurado.

Este sistema de Cache a nivel de Servidor permite asumir un número de visitas mucho más elevado debido a que se cachea todo el contenido de la web en memoria RAM.

Con la caché de Varnish conseguimos:

– Que la web cargue mucho más rápido, con unos tiempos de respuesta del servidor de entre 60 y 140 milisegundos.

– Qué la cuenta de hosting no supere los límites de recursos que tienes asignados.

– Qué la web se mantenga en pié sin que el sistema límite por alto consumo de recursos.

Activación HTTP2

También se activó el HTTP2 para que funcione más rápida la carga de la web.

Versión PHP7

Se configuró la versión de PHP 7 , que es la más rápida que hay actualmente.

Resultados optimización WPO

Aquí os dejamos la mejora en el trabajo de optimización realizado y detallado mas arriba.

Vemos que después de todas las acciones realizadas la puntuación global mejoré en 23 puntos, pasando de 66 a 83. El peso total se redujo 1MB.

WPO

Según la herramienta de Google, subimos la puntuación a 80, aunque ha bajado un punto.

Esto nos indica que la parte de WPO requiere de un trabajo constante de optimización. No podemos bajar la guardia!!!

0 comentarios

Deja un comentario

Este sitio usa Akismet para reducir el spam. Conoce cómo se procesan los datos de tus comentarios.

Login

¡Bienvenido! Inicia sesión en tu cuenta

Recuérdame ¿Perdiste tu contraseña?

Lost Password

Optimization WordPress Plugins & Solutions by W3 EDGE