SEO: Exprime tu sitio web para rankear en Google. Ponencia X BetaBeers - Zaragoza

SEO: Exprime tu sitio
web para rankear en
Google.
VÍCTOR M. GUERRERO – VGS TECNOLOGÍAS WEB

SOBRE MI
• 
• 
• 
• 
• 
• 
• 

Ingeniero Téc. En Informática de Sistemas.
CEO en VGS tecnologías web.
CEO en The Hackership.
Emprendedor de vocación.
SEO de fortuna.
Formador.
Entusiasta de internet.

VGS tecnologías web – Víctor M. Guerrero - @vm_guerrero

X BetaBeers Zaragoza – 2013 2

LA CONSULTORA
•  Agencia especializada en desarrollo web & marketing online.
•  Nuestros puntos fuertes:
–  Desarrollo web optimizado para dispositivos móviles y
buscadores.
–  Posicionamiento en buscadores SEO.
–  Marketing online.
–  Desarrollo de aplicaciones móviles.
–  Servidores web de alto rendimiento.



THE HACKERSHIP
•  ¿Qué es THS? Espacio de trabajo enfocado a empresas y
profesionales del sector tecnológico.
•  Disponibilidad de hasta 48 puesto de trabajo.
•  Catapulta hacia clientes y proyectos de mayor envergadura que
por separado sería imposible alcanzar.
•  Instalaciones de última generación.
•  Costes muy reducidos.
•  http://thehackership.com


¿EMPEZAMOS?



CONCEPTO DE RAPIDEZ

“Que se mueve, se hace o
sucede a gran velocidad, muy
deprisa.”


¿SOMOS RÁPIDOS EN ESPAÑA?
•  La verdad es que en España la calidad de los
servidores no es la mejor o bien es muy cara…
•  Existe gran cantidad de proveedores que
ofrecen mucho por poco. Hay truco…
•  Si tu servidor/proveedor es lento, por mucho
que optimices existirá una barrera física
insalvable, cambia de proveedor.


RECOMENDACIÓN DE PROVEEDORES
•  Dos opciones, servidor dedicado alquilado
o servidor propio alojado en CPD.
•  Alquilado:
–  Dinahosting(€€€)
–  Hispaweb(€€)
–  OVH(€)


RECOMENDACIÓN DE PROVEEDORES
•  Propio(housing):
–  Hispaweb (€€)
–  Dinahosting (€€€)
–  Colt (€€)

•  Recomendación: Escoger el proveedor que
consideríes, pero os recomiendo que la
máquina esté dentro de Interxion.


ALGUNAS VERDADES
•  Si el sitio es grande, el tiempo de carga aumentará
independientemente de tu CMS.
•  WordPress, de facto, viene mejor preparado para
obtener un rendimiento mayor que otros CMS(esto
no quiere decir que este sea el mejor CMS).
•  Escoger la plantilla equivocada puede ser nefasto
para el rendimiento en cualquier CMS.


¿POR QUÉ UN SITIO RÁPIDO?
•  El tiempo de carga es directamente
proporcional a la tasa de rebote de los
usuarios.
•  A mayor tiempo de carga, mayor tasa de
rebote y por tanto peor CTR.
•  No hagas que tus usuarios se “reboten”.


¿POR QUÉ UN SITIO RÁPIDO?
•  Aumenta el % de conversiones dentro de
un e-commerce, Ej.: Amazon pierde un 1%
de ventas por cada 100ms de retraso en la
carga.
•  Ser rápido significa llegar el primero y es
uno de los factores SEO más importantes
en 2013.


¿PERO QUÉ ES SER RÁPIDO?



SITIO RÁPIDO



¿CONVENCIDOS?



SITIO LENTO



CONSECUENCIAS DE UN SITIO LENTO
•  Un sitio lento consume mayor ancho de
banda y por tanto transferencia. La
transferencia no es gratis.
•  Tus usuarios te lo agradecerán con ventas.
•  Google no es tonto y premia la velocidad
para ofrecer “lo mejor” a sus usuarios.


¿CONVENCIDOS? POR LA GLORIA…



FACTORES QUE INTERVIENEN EN EL TIEMPO DE CARGA

• 
• 
• 
• 
• 
• 

Velocidad del servidor.
Tiempo de respuesta DNS.
Tamaño de la página.
Cantidad y tamaño de archivos JS.
Cantidad y tamaño de archivos CSS.
Cantidad y tamaño de imágenes.



VELOCIDAD DEL SERVIDOR
•  Tu página web debería de cargar en menos de 1.5
segundos.
•  Utiliza herramientas como http://tools.pingdom.com
o http://gtmetrix.com para medir el tiempo de carga
de tu sitio web, son gratis!
•  Solución: busca un proveedor de confianza, con
servidores de alta disponibilidad, ubicados en
España y respuesta inmediata en caso de incidentes.


TIEMPO DE RESPUESTA DNS
•  El tiempo de respuesta DNS es el que transcurre entre la
petición de una URL y la respuesta de dónde está albergada la
misma.
•  Utilizar proveedores de registro de dominio económicos tiene
sus riesgos, Ej.: recientemente cierta empresa de registro de
dominios dejó tirados a cientos de clientes por que su servicio
DNS dejó de funcionar.
•  Solución: busca proveedor español con servidores DNS
nacionales, mejorará tu tiempo de respuesta.


TAMAÑO DE LA PÁGINA
•  Depende directamente de nosotros y podemos conseguir
grandes resultados con poco esfuerzo.
•  Lo principal para “adelgazar” el tamaño de la página es
la compresión de todo el contenido enviado al usuario.
•  Además de comprimir, podemos cachear las peticiones,
de tal menera que en vez de realizar consultas a BBDD
las hacemos sobre disco => mucho más rápidas!!


HERRAMIENTAS PARA ADELGAZAR JOOMLA!
•  JCH Optimize, plugin open source y gratuito. Combina,
minifica y comprime CSS y JS.
•  Activar cache del sistema, si el sitio varía poco, establer
tiempos de vida de caché altos. Config. Global > Sistema >
Cache
•  Activar compresión Gzip, Config. Global > Servidor >
Compresión Gzip.
•  Algunas plantillas disponen de la opción combinar y
minificar integradas.


HERRAMIENTAS PARA ADELGAZAR WORDPRESS

•  WP Minify, plugin gratuito que combina,
minifica y comprime CSS y JS.
•  Hyper Cache, permite activar la cache del
sistema, gratuito y fácil de configurar.
•  W3 total cache, más completo y potente
que el anterior, pero requiere tiempo y
paciencia para configurarlo correctamente.


¿PROBAMOS?



PÁGINA DE EJEMPLO SIN OPTIMIZAR
• 
• 
• 
• 
• 
• 
• 
• 

Estado, página inicial, sin optimizar.
Peso inicial, 1.6 MB aprox.
Número de peticiones: 84
Ficheros CSS: 27
Ficheros JS: 11
Imágenes: 29
CMS: Joomla
Tiempo primera carga: 3.71 s



ACTIVACIÓN GZIP Y CACHE JOOMLA!
• 
• 
• 
• 
• 
• 
• 
• 

Estado, página inicial, optimizada Gzip + Cache
Peso, 1.6 MB aprox.
Número de peticiones: 84
Ficheros CSS: 27
Ficheros JS: 11
Imágenes: 29
CMS: Joomla
Tiempo primera carga: 3.41 s



CONCLUSIONES GZIP Y CACHE JOOMLA!
•  Activar la cache de Joomla mejora el
tiempo de carga de la página.
•  Activar la compresión Gzip de Joomla
apenas supone diferencia.
•  Siguiente paso, reducir número de
peticiones para conseguir un “efecto de
renderizado” más rápido en el navegador
del usuario.


MINIFICACIÓN Y COMBINACIÓN JS + CSS JOOMLA!
•  Estado, página inicial, Gzip + Cache + min JS + min
CSS.
•  Peso, 1.6 MB aprox.
•  Número de peticiones: 77
•  Ficheros CSS: 27
•  Ficheros JS: 7
•  Imágenes: 29
•  CMS: Joomla
•  Tiempo primera carga: 3.16 s


CONCLUSIONES MIN Y COMBINE JS + CSS JOOMLA!
•  Combinar los ficheros del sistema en uno solo
mejora el tiempo de carga puesto que se
reducen el número de peticiones.
•  La plantilla de ejemplo genera gran cantidad
de CSS + JS propios.
•  Siguiente paso, reducir el número de ficheros
de la plantilla, bien manualmente, bien
mediante utilidad del Framework del tema.


MINIFICACIÓN Y COMBINACIÓN JS + CSS THEME
•  Estado, página inicial, Gzip + Cache + min JS + CSS
=> Joomla & min JS + CSS theme.
•  Peso, 1.6 MB aprox.
•  Número de peticiones: 44
•  Ficheros CSS: 2
•  Ficheros JS: 7
•  Imágenes: 22
•  CMS: Joomla
•  Tiempo primera carga: 4.04 s !!!!


CONCLUSIONES MIN Y COMBINE JS + CSS THEMA
•  Aplicar doble combinación y minifación de
ficheros junto con la compresión del tema
más la del propio Joomla tiene efectos
debastadores sobre el rendimiento, ya que
existen colisiones entre lo sistemas.
•  Siguiente paso, trabajar a mano los
ficheros.


¿Y SI LO HACEMOS A MANO?



SMALLER APP: MINIFICA Y COMBINA JS + CSS
•  Herramienta manual que
permite minificar y combinar
tanto archivos JS como CSS. Muy
útil.
•  Inicialmente teníamos 27
archivos CSS, tras el trabajo
manual de combinación los
hemos reducido a tan solo 5.
•  Objetivo en sitio real: cargar un
solo fichero CSS para el sitio.



IMAGEOPTIM: OPTIMIZADOR DE IMÁGENES JPG Y PNG
•  Herramienta muy útil y
gratuita para optimizar el
peso de los archivos PNG y
JPG sin perder calidad.
•  Herramienta open source y
gratuita.
•  Realmente buena con
imágenes PNG.



JPEGMINI: OPTIMIZADOR DE IMÁGENES JPG



JPEGMINI: OPTIMIZADOR DE IMÁGENES JPG
•  Hemos conseguido reducir un 340% el tamaño
de la imagen original sin pérdida visual.
•  300KB de peso en internet supone pasar de
cargar lento a rápido.
•  JPEGmini tiene unas tasas de compresión muy
altas.
•  Herramienta altamente recomendada.


RESULTADOS
•  Se han minificado y combinado todos los
ficheros que genera la plantilla a mano
mediante la aplicación Smaller APP.
•  Se han reducido todas las imágenes PNG
mediante ImageOptim.
•  Se han reducido todas las imágenes JPG
mediante JPGEmini


OBJETIVO CONSEGUIDO!



OBJETIVO CONSEGUIDO!
•  Hemos reducido el número de peticiones 84 a
44.
•  Hemos reducido el peso de la página web en
un 25% sin haber trabajado la plantilla a
fondo.
•  Hemos reducido el tiempo de carga de >3.5 a
<< 1 seg!!



TABLA COMPARATIVA
Inicial

Reducción 1 Reducción 2 Reducción 3

Manual

Nº Peticiones

84

77

77

44

44

Ficheros CSS

27

27

27

2

5

Ficheros JS

11

7

7

7

8

Nº Imágenes

29

29

29

22

29

Peso en MB

1.6 MB

1.6 MB

1.6 MB

1.6 MB

1.2 MB

Tiempo carga

3.71 seg

3.41 seg

3.16 seg

4.04 seg

726 ms



EL TITO MATT… ;)



¿SE PUEDE ENGAÑAR A GOOGLE?

SI


¿ALGUIEN ME DEJA UN UA?
¿Algún voluntario en la sala que
nos preste su identificador de
Analytics para un experimiento?



¿ALGUIEN ME DEJA UN UA?

¿NADIE?
si alguien nos lo deja nos reiremos de esta diapo ;)



SIN CÁMARAS POR FAVOR

Esto es solo para vosotros por
haber venido, no lo difundaís
en Internet.
GRACIAS



MORALEJA

Nunca le dejes a un SEO
una cuenta de Analitycs,
perfil de Google+, blog…



FIN

GRACIAS


¿PREGUNTAS?



SEGURO QUE TE PODEMOS AYUDAR
VGS tecnologías web
www.vgsystems.es
contacto@vgsystems.es
976 472 539
Vía Hispanidad 13, 50.009, Zaragoza


¿ME AYUDAS?
Si te ha gustado, ¿por qué no pones
un link o haces una mención?
www.vgsystems.es
@vm_guerrero & @vgs_zaragoza
GRACIAS



SEO: Exprime tu sitio web para rankear en Google. Ponencia X BetaBeers - Zaragoza

SEO: Exprime tu sitio web para rankear en Google. Ponencia X BetaBeers - Zaragoza

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (8)

Similar a SEO: Exprime tu sitio web para rankear en Google. Ponencia X BetaBeers - Zaragoza

Similar a SEO: Exprime tu sitio web para rankear en Google. Ponencia X BetaBeers - Zaragoza (20)

SEO: Exprime tu sitio web para rankear en Google. Ponencia X BetaBeers - Zaragoza