Presentación utilizada por Alvaro Fontela de Raiola Networks en la ponencia sobre WPO y crawl budget (SEO) ofrecida en el evento Smart Talks de INESDI el día 27 de Enero de 2017 en la cámara de comercio de Valencia.
En la ponencia se explica como y que técnicas de WPO (Web Performance Optimization) debemos utilizar para aprovechar al máximo el crawl budget (presupuesto de rastreo) que asigna Google a nuestro sitio web.
Puedes ver el articulo completo de la temática de la ponencia en la siguiente dirección URL en el blog de Raiola Networks: https://raiolanetworks.es/blog/crawl-budget-wpo-wordpress-mejorar-posicionamiento-seo/
3. Un estudio de Kissmetrics dice que 1 se-
gundo de retraso en el tiempo de carga
al navegar, supone una bajada del 7% en
la tasa de conversión.
Existen estudios que dicen que la mayo-
ría de los usuarios no esperan a que una
web cargue más de 3 segundos INDE-
PENDIENTEMENTE DE LA VELOCIDAD DE
SU CONEXIÓN A INTERNET.
01
@raiolanetworks @alvarofontela
VENTAJAS DE TENER UNA WEB RÁPIDA ( I )
@alvarofontela | @raiolanetworks#SmartTalks
4. Google ha publicado en una oca-
sión que ralentizar su buscador 1
segundo provocaría una bajada de
8 millones en el volumen de bús-
quedas diario.
Amazon publicó un estudio en 2008
dónde decía que un retraso de 0,1
segundos en la velocidad de carga
bajaba sus ventas un 1%.
VENTAJAS DE TENER UNA WEB RÁPIDA ( II )
@alvarofontela | @raiolanetworks
02
#SmartTalks
5. Velocidad de carga mas rápida y menor
tiempo de respuesta es igual a mejor po-
sicionamiento SEO y una optimización del
crawl budget asignado por Google a nuestro
sitio web.
Velocidad de carga más rápida y menor
tiempo de respuesta es igual a mejor usa-
bilidad para el usuario o cliente que navega
por la web.
VENTAJAS DE TENER UNA WEB RÁPIDA ( III )
@alvarofontela | @raiolanetworks
03
#SmartTalks
7. Es conocido popularmente entre los SEOs como “presupuesto de rastreo”.
El crawl budget es el tiempo máximo que le va a dedicar el crawler de
Google a una web a la hora de rastrearla.
El crawl budget asignado a una web varía dependiendo de la autoridad y
de otros factores.
CRAWL BUDGET ¿QUÉ ES Y PARA QUE SIRVE?
@alvarofontela | @raiolanetworks
04
#SmartTalks
8. Mejorar la arquitectura de la web e incluso eliminar el contenido inútil.
Bloqueo de todas las partes de la web que no queramos indexar.
Utilización de los códigos de respuesta HTTP 304.
Reducir el tiempo de respuesta de la web con técnicas WPO.
Existen distintas formas de optimizar el crawl budget, realmente se trata
de facilitarle al crawler de Google el paso por la web.
•
•
•
•
OPTIMIZAR EL CRAWL BUDGET
@alvarofontela | @raiolanetworks
05
#SmartTalks
9. Una buena velocidad de carga nos ayudara a aprovechar al máximo el
crawl budget.
No todas las técnicas WPO y de optimización sirven para optimizar el
crawl budget.
Las técnicas WPO que sirven para optimizar el crawl budget se basan en
reducir los tiempos de respuesta y reducir al máximo las peticiones reali-
zadas.
CRAWL BUDGET Y WPO
@alvarofontela | @raiolanetworks
06
#SmartTalks
11. APROVECHANDO EL CRAWL BUDGET CON WPO
@alvarofontela | @raiolanetworks
07
Aplicando las técnicas ade-
cuadas se pueden conseguir
mejoras en el rastreo por
parte del crawler de Google
como estas:
#SmartTalks
12. Nginx puede funcionar como servidor web o proxy cache.
Varnish puede funcionar como proxy cache.
El rendimiento de Nginx o Varnish al servir peticiones es superior al de
Apache, y con esto se consigue mejorar el tiempo de respuesta.
NGINX O VARNISH ( I )
@alvarofontela | @raiolanetworks
08
#SmartTalks
13. En esta gráfica podemos ver la diferencia entre el rendimiento de Nginx y
Apache como servidores webs:
El cache de Nginx es más eficiente que el cache implementado por un
plugin de cache en Wordpress.
@alvarofontela | @raiolanetworks
09
FOTO 3
NGINX O VARNISH ( II )
#SmartTalks
14. En estas gráficas podemos ver las diferencias entre el cache de Varnish
funcionando como proxy cache y un plugin de cache para Wordpress
NGINX O VARNISH ( III )
@alvarofontela | @raiolanetworks
10
#SmartTalks
15. Usando Nginx o Varnish en el servidor podremos reducir los tiempos de
respuesta y facilitarle al crawler de Google el paso por nuestro sitio web,
permitiéndole rastrear más paginas en el mismo tiempo.
Puedes encontrar más información sobre Nginx en esta dirección:
http://raiola.es/nginx
NGINX O VARNISH ( IV )
@alvarofontela | @raiolanetworks
11
#SmartTalks
16. Un plugin de cache es necesario para obtener siempre unos buenos
tiempos de carga en Wordpress.
Nosotros en Raiola Networks siempre recomendamos WP Rocket como
alternativa Premium y W3 Total Cache o WP Fastest Cache como alterna-
tivas gratuitas
PLUGIN DE CACHÉ PARA WORDPRESS ( I )
@alvarofontela | @raiolanetworks
12
#SmartTalks
17. No todos los plugins de cache para Wordpress ofrecen los mismos tiem-
pos de respuesta, y eso lo demostramos en el siguiente benchmark:
Puedes ver el artículo completo del benchmark en esta URL:
http://raiola.es/rendimientocachewp
PLUGIN DE CACHÉ PARA WORDPRESS ( II )
@alvarofontela | @raiolanetworks
13
#SmartTalks
18. No existe una formula exacta para reducir el número de peticiones, sino
que es necesario aplicar varias técnicas o simplificar el contenido del si-
tio web eliminando elementos.
Cuantas menos peticiones se reali-
cen, menos complejas van a ser las
paginas y más rápido se cargaran,
por lo tanto mas rápido las ras-
treara el bot de Google, pudiendo
rastrear más paginas en el mismo
tiempo.
REDUCIR EL NÚMERO DE PETICIONES ( I )
14
@alvarofontela | @raiolanetworks#SmartTalks
19. Combinar el CSS y el JS puede ser una buena técnica para reducir las
peticiones, siempre y cuando los elementos y el theme lo permitan téc-
nicamente.
Revisar qué plugins o elementos necesitamos y cuales son también pue-
de ser una buena técnica para reducir peticiones.
REDUCIR EL NÚMERO DE PETICIONES ( II )
15
@alvarofontela | @raiolanetworks#SmartTalks
20. Cuando combinamos los archivos JavaScript o CSS podemos combinar
varios archivos del mismo tipo en un solo archivo CSS o JS.
El combinado de archivos podemos hacerlo manualmente o con plugins
como Autoptimize o WP Rocket.
COMBINAR Y OPTIMIZAR EL JS Y CSS ( I )
16
@alvarofontela | @raiolanetworks
La forma automática no siempre funciona y la forma manual nos exige
tener conocimientos de programación para modificar el código.
#SmartTalks
21. Cuando hablamos de optimizar los archivos JS y CSS hablamos de re-
ducir el peso de los archivos sacando los saltos de línea, los espacios en
blanco innecesarios, los comentarios, etc…
También podemos optimizar el código HTML generado por Wordpress
para reducir el peso general de la página.
COMBINAR Y OPTIMIZAR EL JS Y CSS ( II )
17
@alvarofontela | @raiolanetworks
Al optimizar el CSS y el JS le facilitaremos a Google la tarea de interpretar
estos archivos cuando el bot pasa por nuestra página.
#SmartTalks
22. Al configurar el javascript para que cargue de forma asíncrona conse-
guiremos agilizar la carga. Puedes ver el concepto mejor en la siguiente
imagen:
CARGA ASÍNCRONA DE JAVASCRIPT ( I )
18
@alvarofontela | @raiolanetworks
El concepto es que varios elementos se carguen a la vez, pero no siempre
es posible o viable por temas técnicos ya que algunos elementos pueden
no permitirlo por tema de dependencias.
#SmartTalks
23. Esta gráfica muestra como aumenta el tiempo de respuesta al añadir un
script javascript bastante pesado cargando en SÍNCRONO:
WW
CARGA ASÍNCRONA DE JAVASCRIPT ( II )
19
@alvarofontela | @raiolanetworks
ESTADÍSTICAS DE RASTREO
Esta imagen fue sacada de un articulo del blog de Natzir Turrado: http://raiola.es/natzir
#SmartTalks
24. No todos los servicios de CDN son iguales, ni todos tienen la misma con-
figuración ni la misma infraestructura.
Aunque normalmente todos los CDN mejoran el WPO de una web, no to-
dos los CDN son buenos para aprovechar mejor el crawl budget.
SERVICIOS DE CDN ( I )
20
@alvarofontela | @raiolanetworks
Nosotros para obtener buenos tiempos de respuesta ante el bot de Goo-
gle recomendamos KeyCDN o Amazon CloudFront.
#SmartTalks