SEO Avanzado Día II
David Cerdá @dacerfer
Urbalab Gandía, 23 Septiembre 2013
Módulo IV: Leyendas urbanas sobre SEO.
Módulo...
¡Hola..!
David Cerdá -Consultor de Marketing Online-David Cerdá -Consultor de Marketing Online-
info@seomar.es
@dacerfer
f...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Módulo IV: realidades y leyendas SEO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
White hatVS Black Hat
Módulo IV: realidades y leyendas SEO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Penalizaciones I
● Redirecciones invisibles.
● Texto oculto.
● Te...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Penalizaciones I
● Enlaces externos repetidos en exceso.
(Pinguin...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Nuevos factores
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Redes sociales/ SMO
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Redes sociales/ SMO
● Crean comunidad a la marca.
● Fidelizan.
● ...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Tiempos de carga
● Internet es límitado. Tu banda ancha es
limita...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Tiempos de carga II
Optimicemos.Optimicemos.
MóduloV: nuevos fact...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Tiempos de carga IV
Vuelve a optimizar.Vuelve a optimizar.
Módulo...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
SEO local
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
SEO local: Google Places
● Cualquier negocio tiene relevancia loc...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
● Se indexa muy bien.
● Permite interactuar muy facilmente.
● Trá...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
SEO local: Google Places
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
SEO local: Google Places
● Algoritmo universal search de Google
●...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
SEO local: Google Places factores positivos
● Categoría OK.
● Can...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
SEO local: Google Places >> Go
http://www.google.es/business/plac...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WEB adaptable/ responsive design
● Optimizados para una realidad ...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WEB adaptable/ responsive design
¿Funciona?¿Funciona?
MóduloV: nu...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WEB adaptable/ responsive design
● Mejora el tiempo de rebote.
● ...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WEB adaptable/ responsive design
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WEB adaptable/ responsive design
Responsive design
dominio.es
Sub...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos/ microdata
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: ejemplos
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: ejemplos
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: ejemplos
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: ejemplos
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: definición
Elementos del lenguaje de marcado, qEle...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: beneficios
● Mejoran el CTR.
● Fáciles de implemen...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: desventajas
● Vocabulario reducido.
● No se usa co...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: desventajas
● Vocabulario reducido pero en aumento...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: ejemplo prácticos
<div>
<span>Antonio</span>
<span...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: ejemplo prácticos
Resultado práctico.Resultado prá...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: ejemplo prácticos
Resultado práctico.Resultado prá...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: aportan valor al SEO
● rel=”nofollow”
Control de e...
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: “croqueta de bacalao”
MóduloV: nuevos factores
MóduloV: nuevos factores
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
Microformatos: referencias
http://www.w3...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
● Factor directo d...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
● Firebug.
– Pages...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
● http://tools.pin...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
TimeTo First Byte:...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
● Habilitar Keep A...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
● Sie el Keep Aliv...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
● Mejora entre un ...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
3- Cachés.3- Caché...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
4- CDN.4- CDN.
● M...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
En los contenidos ...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
1- CSS sprites.1- ...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
2- Reducir peso im...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
3- Minificar y com...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
4- Recursos asíncr...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
Bonus track: Algor...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
Bonus track: Algor...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
Bonus track: Algor...
MóduloVI:WPO
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
WPO: web performance optimisation
Bonus track: Algor...
Práctica II: optimización del tiempo de carga de una página web
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
P...
Upcoming SlideShare
Loading in …5
×

Seo avanzado día II

414 views
296 views

Published on

Seo avanzado I: white hat VS black hat, penalizaciones, factores posicionamiento web I, Redes sociales, optimización del tiempo de carga WPO, posicionamiento local, web adaptable/ responsive design.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
414
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Seo avanzado día II

  1. 1. SEO Avanzado Día II David Cerdá @dacerfer Urbalab Gandía, 23 Septiembre 2013 Módulo IV: Leyendas urbanas sobre SEO. MóduloV: Nuevos factores de posicionamiento. MóduloVI:WPO, mejora de la carga de laWeb Práctica II: Mejora del rendimiento de la página.
  2. 2. ¡Hola..! David Cerdá -Consultor de Marketing Online-David Cerdá -Consultor de Marketing Online- info@seomar.es @dacerfer facebook.com/PosicionamientoWebValencia linkedin.com/in/dacerfer www.factoresPosicionamientoWeb1.com www.seomar.es www.davidcerda.pro Módulos III, IV,V yVI SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 673297056
  3. 3. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Módulo IV: realidades y leyendas SEO
  4. 4. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 White hatVS Black Hat Módulo IV: realidades y leyendas SEO
  5. 5. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Penalizaciones I ● Redirecciones invisibles. ● Texto oculto. ● Texto enano. ● Texto repetido. ● Saturación de palabras clave. Módulo IV: realidades y leyendas SEO
  6. 6. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Penalizaciones I ● Enlaces externos repetidos en exceso. (Pinguin) ● Estructura pobre en contenido. (Panda) ● Estructura favoreciendo anuncios y no contenido. ● Enlaces desde sitios con reputación dudosa. (dime con quien andas y te diré cómo eres) Módulo IV: realidades y leyendas SEO
  7. 7. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Nuevos factores MóduloV: nuevos factores
  8. 8. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Redes sociales/ SMO MóduloV: nuevos factores
  9. 9. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Redes sociales/ SMO ● Crean comunidad a la marca. ● Fidelizan. ● Necesitan contenidos igual que una web. ● Tienen un impacto en el SEO grandisimo. ● Pueden generar nuevas oportunidades. ● SEO + SMO = buena combinación MóduloV: nuevos factores
  10. 10. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Tiempos de carga ● Internet es límitado. Tu banda ancha es limitada. ● El robot de Google es potente pero limitado. ● Menos tiempo de carga = sensatez. MóduloV: nuevos factores
  11. 11. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Tiempos de carga II Optimicemos.Optimicemos. MóduloV: nuevos factores
  12. 12. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Tiempos de carga IV Vuelve a optimizar.Vuelve a optimizar. MóduloV: nuevos factores
  13. 13. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 SEO local MóduloV: nuevos factores
  14. 14. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 SEO local: Google Places ● Cualquier negocio tiene relevancia local. ● Casi el 50% son búsquedas locales. ● Las búsquedas móviles locales aumentan. MóduloV: nuevos factores
  15. 15. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 ● Se indexa muy bien. ● Permite interactuar muy facilmente. ● Tráfico y llamadas casi instantáneas. SEO local: Google Places MóduloV: nuevos factores
  16. 16. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 SEO local: Google Places MóduloV: nuevos factores
  17. 17. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 SEO local: Google Places ● Algoritmo universal search de Google ● Año 2010. MóduloV: nuevos factores
  18. 18. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 SEO local: Google Places factores positivos ● Categoría OK. ● Cantidad de citas positivas 'reales'. ● Proximidad en la geolocalización. ● Dirección en la landing page. ● Calidad y autoridad de citaciones. ● Contenidos. ● Teléfonos y datos correctos. ● La landing page por supuesto. MóduloV: nuevos factores
  19. 19. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 SEO local: Google Places >> Go http://www.google.es/business/placesforbusiness/http://www.google.es/business/placesforbusiness/ MóduloV: nuevos factores
  20. 20. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WEB adaptable/ responsive design ● Optimizados para una realidad imparable. MóduloV: nuevos factores
  21. 21. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WEB adaptable/ responsive design ¿Funciona?¿Funciona? MóduloV: nuevos factores
  22. 22. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WEB adaptable/ responsive design ● Mejora el tiempo de rebote. ● Mejora la expriencia del usuario en la página. ● Mejora los resultados entre móviles. ● Mejora tiempos de carga. Sí.Sí. ¿Es SEO todo esto?¿Es SEO todo esto? MóduloV: nuevos factores
  23. 23. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WEB adaptable/ responsive design MóduloV: nuevos factores
  24. 24. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WEB adaptable/ responsive design Responsive design dominio.es Subdominio optimizado m.dominio.es Concentran trust y page rank en la misma página. Se comportan más como una web diferente. Apaptable al tipo de dispositivo. Diferencia según dispositivo. No genera contenidos duplicados. Son dos webs diferentes. Ojo. Ejemplo: Davidcerda.pro Ejemplo: Seomar.es MóduloV: nuevos factores
  25. 25. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos/ microdata MóduloV: nuevos factores
  26. 26. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: ejemplos MóduloV: nuevos factores
  27. 27. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: ejemplos MóduloV: nuevos factores
  28. 28. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: ejemplos MóduloV: nuevos factores
  29. 29. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: ejemplos MóduloV: nuevos factores
  30. 30. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: definición Elementos del lenguaje de marcado, qElementos del lenguaje de marcado, que aumentaue aumenta la información a un humano mientras que para lala información a un humano mientras que para la máquina sigue siendo texto plano.máquina sigue siendo texto plano. MóduloV: nuevos factores
  31. 31. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: beneficios ● Mejoran el CTR. ● Fáciles de implementar y rápidos. ● Fáciles de usar y entender. ● Permiten usar el contenido existente. ● Son la avanzadilla de la web semántica 3.0 ● Enriquecen el código. ● Google los muestra. ● Hay mercado, no todas las webs los usan. MóduloV: nuevos factores
  32. 32. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: desventajas ● Vocabulario reducido. ● No se usa como el truco del almendruco. ● No sustituye a las buenas prácticas. MóduloV: nuevos factores
  33. 33. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: desventajas ● Vocabulario reducido pero en aumento. ● No se usa como el truco del almendruco. ● No sustituye a las buenas prácticas. MóduloV: nuevos factores
  34. 34. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: ejemplo prácticos <div> <span>Antonio</span> <span>Machado</span> </div> HTML plano.HTML plano. Microformatos. (ejemploVcard)Microformatos. (ejemploVcard) <div class="vcard"> <span class="given-name">Antonio</span> <span class="additional-name">Machado</span> </div> MóduloV: nuevos factores
  35. 35. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: ejemplo prácticos Resultado práctico.Resultado práctico. <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="me" href="https://plus.google.com/u/0/108015361468647791168/about" /> <link rel="author" href="https://plus.google.com/u/0/105903429555564821325/about" /> <link href="https://plus.google.com/u/0/b/108015361468647791168/" rel="publisher" /> Microformatos. (ejemplo Author)Microformatos. (ejemplo Author) MóduloV: nuevos factores
  36. 36. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: ejemplo prácticos Resultado práctico.Resultado práctico. <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="me" href="https://plus.google.com/u/0/108015361468647791168/about" /> <link rel="author" href="https://plus.google.com/u/0/105903429555564821325/about" /> <link href="https://plus.google.com/u/0/b/108015361468647791168/" rel="publisher" /> Microformatos. (ejemplo Author)Microformatos. (ejemplo Author) MóduloV: nuevos factores
  37. 37. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: aportan valor al SEO ● rel=”nofollow” Control de enlaces. Hay más alternativas. ● rel=“next”, rel=“canonical”, rel=“prev Control de los elementos duplicados de la páginación de webs dinámicas. ● Breadcrumbs. ● Events. ● Reviews. MóduloV: nuevos factores
  38. 38. SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: “croqueta de bacalao” MóduloV: nuevos factores
  39. 39. MóduloV: nuevos factores SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Microformatos: referencias http://www.w3.org/TR/rdf-primer/#rdfmodel ● http://es.wikipedia.org/wiki/RDF_Schema ● http://www.w3.org/TR/2004/REC-owl- semantics-20040210/ ● http://microformats.org/wiki/Main_Page
  40. 40. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation
  41. 41. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation ● Factor directo de mejora de posicionamiento. ● 57% de los clientes abandonarán el sitio antes de 3 seg. de espera. No volverán probablemente. ● Por cada segundo de esper se pierden conversiones, satisfacción del cliente y páginas vistas.
  42. 42. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation ● Firebug. – Pagespeed. – Yslow. ● PageSpeed Insights para Chrome. La rapidez importa. ¿somos rápidos?La rapidez importa. ¿somos rápidos?
  43. 43. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation ● http://tools.pingdom.com/ ● http://www.woorank.com/es/ ● http://developers.google.com/speed/pagespeed/insights/ ● http://www.webpagetest.org La rapidez importa. ¿somos rápidos?La rapidez importa. ¿somos rápidos?
  44. 44. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation TimeTo First Byte: aquí empieza todoTimeTo First Byte: aquí empieza todo
  45. 45. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation ● Habilitar Keep Alive. ● Habilitar compresión GZIP. ● Especificar cachés. ● Habilitar CDN, carga paralela de archivos. En el servidor es crítico:En el servidor es crítico:
  46. 46. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation ● Sie el Keep Alive está habilitado el navegador puede descargar más archivos a la vez. – <ifModule mod_headers.c> Header set Connection keep-alive </ifModule> 1- Keep alive.1- Keep alive.
  47. 47. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation ● Mejora entre un 30% y un 70%. – http://stackoverflow.com/questions/12367858/how-can- i-get-apache-gzip-compression-to-work 2- GZIP.2- GZIP.
  48. 48. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation 3- Cachés.3- Cachés. ● Activar mod_expires en Apache. – Mejora sucesivas cargas y peticiones.
  49. 49. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation 4- CDN.4- CDN. ● Mejora la latencia. ● Subdominio o dominio adicional= 2 descargas paralelas + ● Imágenes, JS y CSS en un subdominio adicional. ● Utilizar librerías de Google. – https://developers.google.com/speed/libraries/devguide
  50. 50. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation En los contenidos es importante.En los contenidos es importante. ● CSS sprites. ● Reducir peso imágenes. ● Minificar JS y CSS. ● Activar los recuros asíncronos posibles. ● Enviar JS posibles al footer.
  51. 51. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation 1- CSS sprites.1- CSS sprites. ● Un CSS sprite pesa casi igual que todas las imágenes juntas que sustituye. Pero solo realiza una llamada. ● www.spriteme.org
  52. 52. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation 2- Reducir peso imágenes.2- Reducir peso imágenes. ● Eliminar EXIFs. ● Indicar dimensiones en el HTML. ● Reducir peso. ● No redimensionar la imagen, y cargarla al tamaño que es. ● Herramientas: – Pagespeed for Chrome. – http://smush.it/
  53. 53. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation 3- Minificar y combinar JS y CSS.3- Minificar y combinar JS y CSS. ● Herramientas: – Pagespeed for Chrome. – Firebug Firefox
  54. 54. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation 4- Recursos asíncronos.4- Recursos asíncronos. ● <script async type="text/javascript" src="archivo.js"></script>
  55. 55. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation Bonus track: Algoritmo Base64 AsciiBonus track: Algoritmo Base64 Ascii
  56. 56. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation Bonus track: Algoritmo Base64 AsciiBonus track: Algoritmo Base64 Ascii ● Permite generar una imagen o recurso sin latencia. ● No hay nada más rápido que no haya llamada ninguna. ● Ejemplo de una llamada en el archivo CSS: /* inline CSS usage example*/ <style type="text/css"> .logo { background: url("<?php echo base64_encode_image ('img/logo.png','png'); ?>") no-repeat right 5px; } </style>
  57. 57. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation Bonus track: Algoritmo Base64Bonus track: Algoritmo Base64 ● Se puede generar la función en ASP, PHP. ● Ejemplo del algoritmo para PHP: <?php function base64_encode_image ($filename=string,$filetype=string) { if ($filename) { $imgbinary = fread(fopen($filename, "r"), filesize($filename)); return 'data:image/' . $filetype . ';base64,' . base64_encode($imgbinary); }} ?>
  58. 58. MóduloVI:WPO SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 WPO: web performance optimisation Bonus track: Algoritmo Base64Bonus track: Algoritmo Base64 ● Ejemplo de la carga de una imagen de un archivo PHP haciendo la llamada al algoritmo base 64: <div id="header-picture"> <img src="<?php echo base64_encode_image ('wp- content/themes/theme1342/images/header-pic.jpg','jpg'); ?>" alt="" /> </div>
  59. 59. Práctica II: optimización del tiempo de carga de una página web SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013 Práctica II individual ● Utilización de las técnicas descritas en el móduloWPO. – CSS sprites. – Reducir peso imágenes. – Minificar JS y CSS. – Activar los recuros asíncronos posibles. – Enviar JS posibles al footer. ● Herramientas: – Utilización de Pagespeed Chrome. – Firebug

×