Este documento resume los principales códigos de estado HTTP y su significado, incluyendo 200 (OK), 301 (redirección permanente), 302 (redirección temporal), 304 (sin modificación), 404 (no encontrado) y 500 (error de servidor). También cubre temas como migraciones de sitios web, variables de sesión, etiquetas avanzadas como canonical y expires, y optimización de la velocidad de carga de páginas web.

1. Bloque III:
Rendimiento técnico
Ricardo Tayar Miguel Monreal
ricardotayar@gmail.com monreal.miguel@gmail.com
Twitter: @rtayar Twitter: @monrealista
www.ricardotayar.com

2. LA WEB Y EL PROTOCOLO HTTP
arraysblog.blogspot.com

3. CÓDIGOS DE RESPUESTA
Cada elemento que forma una página (imagen, css, js)
es solicitado al servidor a través de una petición.
El servidor en cada caso nos devolverá un código de
respuesta.

4. CÓMO CONOCER LA RESPUESTA
A través de un plugin, como Firebug.
Utilizando un rastreador de cabeceras http.
Ej: http://livehttpheaders.mozdev.org/

6. 200 - OK
Cada elemento que forma una página (imagen, css, js)
es solicitado al servidor a través de una petición.
El servidor en cada caso nos devolverá un código de
respuesta.

7. 301 - REDIRECCIÓN PERMANENTE
Indica que se ha asignado una url nueva al recurso que
se ha solicitado, por lo que todas las propiedades SEO
van a transferirse a la nueva dirección.
Este tipo de redirecciones son muy útiles para
migraciones o para evitar urls duplicadas.

8. 301 - REDIRECCIÓN PERMANENTE
http://www.aprendeo.com/cursos-ingles/
-> HTTP = 301 ->
http://www.aprendeo.com/cursos-ingles

9. 302 - REDIRECCIÓN TEMPORAL
Indicamos que el contenido a indexar es el solicitado,
pero con la url a la que redirigimos.
Por tanto, sólo debería existir una única redirección 302
hacia una url.

10. 302 - REDIRECCIÓN TEMPORAL
DOMINIO A (fútbol)
-> HTTP = 302 ->
DOMINIO B (baloncesto)

11. 304 - SIN MODIFICACIÓN
Indica que el contenido no ha sido modificado, con lo
que puede mostrarse el contenido guardado en la caché
del navegador del usuario, ganando velocidad.
Es necesario un buen uso de etiquetas expires

12. 404 - NO ENCONTRADO
Indica que el recurso no ha sido encontrado
Un nº elevado de peticiones no encontradas, además de
perjudicar en la experiencia de usuario, produce que
nuestro sitio sea catalogado como de mala calidad.

13. 500 - ERROR DE SERVIDOR
Indica que se ha producido un error en el servidor y que
no se ha podido recuperar el elemento solicitado.
Es uno de los errores más graves.

14. LISTADO DE CÓDIGOS HTTP
Estándar W3C
http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html

15. MIGRACIONES DE SITIOS WEB
• Revisar páginas principales de destino (Analytics)
• Realizar todos las redirecciones 301 posibles para
que continúen funcionando y transfieran la fuerza
SEO.
• Importante planificación

16. FALLOS TÍPICOS
Publicar el nuevo sitio antes de hacer las redirecciones
301 pertinentes:
Peligro de que las nuevas urls caigan en contenido
duplicado

17. FALLOS TÍPICOS (II)
Realizar redirecciones sólo a la raíz del sitio, no de
página a página:
Pérdida de relevancia en páginas internas

18. FALLOS TÍPICOS (III)
Dar de baja el dominio antiguo antes de que se
complete la redirección:
Se perderá el beneficio de las redirecciones

19. TIPOS DE DOMINIO
Existen distintos tipos de dominio en función de la
localización asociada.
Cada proyecto requerirá de una estrategia distinta en
función de su alcance.

20. TOP LEVEL DOMAINS (TLDs)
Son dominios de caracter general:
Ej: www.midominio.com
www.midominio.net
www.midominio.org

21. COUNTRY CODE TOP LEVEL DOMAINS
ccTLDs son dominios enfocados por país:
Ej: www.midominio.es - España
www.midominio.co.uk - Reino Unido
www.midominio.de - Alemania

22. OTROS DOMINIOS
Enfocados por actividad
Ej: www.midominio.mobi - Móvil
www.midominio.fm - Radio
www.midominio.tv - Televisión

23. LA IMPORTANCIA DEL DOMINIO
El tipo de dominio utilizado indica a los buscadores que el
dominio debería ser más relevante para búsquedas desde
un determinado páis.
Ej: Una web en España debería utilizar un dominio .es o
en su defecto uno genérico (.com, .net, etc)

24. ANTIGUEDAD DEL DOMINIO

25. REGISTRO DEL DOMINIO
De igual manera, el tener registrado un dominio por un
periodo de tiempo largo suma relevancia de cara a
buscadores, ya que no se trata a priori de un dominio
pasajero.

26. INFO DEL DOMINIO
http://whois.domaintools.com
http://nic.es (Para dominios .es)

27. GEOLOCALIZACIÓN DEL SERVIDOR
Los buscadores valoran que el contenido desde donde fue
servido el contenido sea cercano a la ubicación del
usuario que ha realizado la consulta
http://wmtips.com/tools/info

28. ¿CÓMO SE ESTABLECE LA GEOLOCALIZACIÓN?
1.- Existencia de un dominio ccTLD
2.- Localización del servidor
3.- Tipo de dominios desde donde reciben más enlaces.
http://wmtips.com/tools/info

29. GEOLOCALIZACIÓ DE USUARIO

30. ETIQUETAS AVANZADAS: CANONICAL
http://coches.com
http://www.coches.com
http://www.coches.com?marca=bmw
http://www.coches.com?marca=marca&n=100
Etiqueta para establecer url original

31. ETIQUETAS AVANZADAS: CANONICAL
SOLUCIÓN: Entre las etiquetas <head> se establece una
etiqueta canonical
<link rel=”canonical” href=”http://www.coches.com”/>

32. VARIABLES DE SESIÓN
• Son variables para identificar de una manera
inequívoca la navegación de un usuario.
• Ej: Guadar preferencias, login, cesta compra, etc.
• Suelen guardarse en la url o en una cookie

33. VARIABLES DE SESIÓN (II)

34. VARIABLES DE SESIÓN (III)
http://www.misitio.com?jsessionid=21321321321
http://www.misitio.com?jsessionid=89992323343
http://www.misitio.com
DISTINTAS URLS, MISMO CONTENIDO = CONTENIDO DUPLICADO

35. VARIABLES DE SESIÓN (IV)
• Uso de etiqueta canonical.
• Forzar sesión por cookie o solo tras logueo
• Eliminar parámetro de Google Webmaster Tools

36. ETIQUETAS AVANZADAS: CHARSET
Charset: Establece la codificación de la página. Se
recomienda el uso de UTF-8
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">

37. ETIQUETAS AVANZADAS: RSS
Fuente de datos para lectores RSS (Really Simply Sindicate)
<link rel="alternate" title="RSS de la portada de EL PAÍS"
href="http://ep01.epimg.net/rss/elpais/portada.xml"
type="application/rss+xml" />

38. ETIQUETAS AVANZADAS: EXPIRES
Indica una fecha concreta en la que los buscadores deberían
eliminar dicha página del índice.
Por ejemplo un evento
<meta http-equiv=”expires” content=”Wed, 20 Nov 2012”>
Se desaconseja su uso para páginas html

39. WEB PAGE OPTIMIZATION (WPO)
Optimizar técnicamente la página web para maximizar el
tiempo en el que los robots están en el sitio.

40. OBSESIÓN POR LA VELOCIDAD
Google ha admitido que la velocidad de carga es un
factor importante a la hora de valorar un sitio web.
Aumentando la velocidad del sitio conseguiremos
además una buena experiencia de usuario.

41. MIDIENDO LA VELOCIDAD
Existen distintos medios para medir la velocidad de un
sitio web y ver los puntos de mejora:
YSlow (Plugin para Firebug)
http://developer.yahoo.com/yslow/
Page Speed
https://developers.google.com/speed/pagespeed/

42. MIDIENDO LA VELOCIDAD
Existen distintos medios para medir la velocidad de un
sitio web y ver los puntos de mejora:
YSlow (Plugin para Firebug)
http://developer.yahoo.com/yslow/
Page Speed
https://developers.google.com/speed/pagespeed/

43. EJEMPLO MENEAME.NET
17 peticiones. 77,3KB cargados en 6.15sg

44. EJEMPLO 20MINUTOS.ES
34 peticiones. 138,2 KB cargados en 17.73sg

45. PARALELIZACIÓN

47. CONTENIDO

48. COOKIES

49. CSS

50. UNIFICAR

51. IMÁGENES

52. JS

53. UNIFICAR Y PONER ANTES </BODY>

54. SERVIDOR

55. VALIDACIÓN W3C
Aunque no es absolutamente necesario, tener un sitio
web que cumpla con las validaciones W3C asegura la no
existencia de errores como etiquetas inválidas o
desbalanceadas, etc.
En ocasiones resulta difícil tener una web con 0 errores.

56. VALIDACIÓN W3C (II)
http://validator.w3.org/

57. Fin del Bloque III
Muchas gracias
¿preguntas?
Ricardo Tayar Miguel Monreal
ricardotayar@gmail.com monreal.miguel@gmail.com
Twitter: @rtayar Twitter: @monrealista
www.ricardotayar.com