Seminario 100% práctico realizado para Escuela IT donde se explica el proceso de migración de un Blog realizado con programación a medida a la plataforma Wordpress, para la cadena hotelera Hoteles RH. Aquí se detalla todo el proceso de definición de arquitectura, adecuación previa al lanzamiento y revisiones posteriores al día de la inaguración. 1. Arquitectura. Estudia muy bien antes de comenzar a trabajar. 2. Construyendo el sitio Web con Wordpress. 3. Los días previos al lanzamiento. Requisitos a cumplir. 4. Se acerca la hora de la Migración. 5. Conclusiones y resultados. Webinar impartido dentro del Curso SEO de Desarrollo Web, organizado por Escuela IT el 31 de mayo de 2014. presentado por Elisa Martínez y Sergio Simarro durante 60 minutos.

1. Elisa Martínez
Zancajo
Sergio Simarro
Villalba

2. Caso práctico: Migración de un Blog a Wordpress
• Programación ASP a
medida (desarrollo
costoso).
• Diseño algo antiguo.
• Inexistencia de categorías
(solo etiquetas).
• Imágenes muy pequeñas.
Por qué

3. Caso práctico: Migración de un Blog a Wordpress
• Títulos y descripciones automáticas.
• Títulos y descripciones duplicadas en etiquetas y
paginaciones.
• Generación de URLs automáticas con acentos y signos de
puntuación.
• No optimización de carga de imágenes.
• No Sitemap automático.
Por qué SEO

4. Caso práctico: Migración de un Blog a Wordpress
Nos quedamos solo con la Home y
se rehace desde cero todo lo
demás.
http://www.hotelesrh.com/blog/

5. Caso práctico: Migración de un Blog a Wordpress
El objetivo principal de un
proyecto de migración es
perder cero visitas.
¡¡Recuerda!!
Si además mejoramos el sitio Web en
diseño, experiencia de usuario,
tráfico, conversión, etc. mejor!

6. Los PlanosEstudia muy bien antes de ponerte a traba

7. Caso práctico: Migración de un Blog a Wordpress
Obtener Arquitectura actual: Rastreador

8. Caso práctico: Migración de un Blog a Wordpress
Obtener Arquitectura actual: Analítica Web

9. Caso práctico: Migración de un Blog a Wordpress
Obtener Arquitectura actual: BBDD + Desarrollo

10. Caso práctico: Migración de un Blog a Wordpress
Obtener Arquitectura actual: Google

11. Caso práctico: Migración de un Blog a Wordpress
• Unas 600 URLs para migrar en el Proyecto (en teoría).
• Post duplicados:
o http://www.hotelesrh.com/blog/archivo/118/Lou-Reed-en-
Benidorm.html
o http://www.hotelesrh.com/blog/archivo/118/lou-reed-en-
benidorm.html
• 90 URLs con el mismo título Hoteles RH - Archivo del
BLOG Oficial de Hoteles RH
• Enlaces rotos a imágenes y URLs externas.
• Por suerte no aparecieron redirecciones 301 ni
demasiados enlaces rotos internos, lo cual es demasiado
habitual.
Obtener Arquitectura actual: Resultado

12. Caso práctico: Migración de un Blog a Wordpress
Definir Nueva Arquitectura

13. Caso práctico: Migración de un Blog a Wordpress
Archivos, paginaciones, posts y
etiquetas
Asignación manual de etiquetas
Establecer correspondencia de Contenidos

14. Construyendo el sitio We
Ahora toca trabajar de verda

15. Caso práctico: Migración de un Blog a Wordpress
• Bajo un dominio/subdominio de pruebas.
• Última versión estable de la plataforma.
• Incluye solo los plugins que necesites.
• Crea las categorías y etiquetas establecidas.
• Configura el formato de URLs que hayas definido para
Post, Categorías y Etiquetas.
Montar la nueva plataforma: Wordpress

16. Caso práctico: Migración de un Blog a Wordpress
Montar la nueva plataforma: Wordpress
Robots.txt:
User-agent: *
Disallow: /
Plugin: Password Protect Wordpress

17. Caso práctico: Migración de un Blog a Wordpress
• Post.
• Comentarios publicados.
• Imágenes.
• Comentarios no publicados: eliminados para optimizar
rendimiento e importados a la base de datos de mailing.
Importar los Contenidos

18. Caso práctico: Migración de un Blog a Wordpress
Personalizar la nueva plataforma: Wordpress
Diseño responsive

19. Caso práctico: Migración de un Blog a Wordpress
Personalizar la nueva plataforma: Wordpress

20. Caso práctico: Migración de un Blog a Wordpress
Personalizar la nueva plataforma: Wordpress

21. Caso práctico: Migración de un Blog a Wordpress
• Rastreo del sitio Web en pruebas: búsqueda de
redirecciones 301 y de errores 404 (tanto enlaces internos
como externos).
Optimizar la nueva plataforma: Wordpress
Rastrear tantas
veces como haga
falta

22. Caso práctico: Migración de un Blog a Wordpress
• Rastreo del sitio Web en pruebas: búsqueda de
redirecciones 301 y de errores 404 (tanto enlaces internos
como externos).
• Eliminar Contenidos Duplicados.
• Optimizar títulos, descripciones y URLs.
• Re-optimización de contenidos con más tráfico (títulos,
descripciones, linkbuilding interno, etc.).
• Definir etiquetas específicas (en posts, uno a uno).
Optimizar la nueva plataforma: Wordpress

23. Caso práctico: Migración de un Blog a Wordpress
Optimizar la nueva plataforma: Wordpress

24. Caso práctico: Migración de un Blog a Wordpress
Optimizar la nueva plataforma: Wordpress
• Rastrear el sitio Web en pruebas: búsqueda de
redirecciones 301 y de errores 404 (tanto enlaces internos
como externos).
• Eliminar Contenidos Duplicados.
• Optimizar títulos, descripciones y URLs.
• Re-optimización de contenidos con más tráfico (títulos,
descripciones, linkbuilding interno, etc.).
• Definir etiquetas específicas (en posts, uno a uno).
• Chequear el theme de Wordpress (W3C, encabezados,
etc.).

25. Se acerca el día
A ponernos guapos

26. Caso práctico: Migración de un Blog a Wordpress
¿Qué hay que tener en cuenta?
• Definir, implementar y probar la Tabla de Redirecciones
301.
• Corregir errores de Google Webmaster Tools del sitio Web
completo y real.
• Sacar un ranking de posiciones para aquellas palabras
clave monitorizadas.
• Verificar la correcta implementación de la Analítica Web.
• Implementar en Google Analytics el seguimiento de errores
404 (mediante eventos).
• Implementar bloqueos en robots.txt (si fuera necesario).
• Estudiar interacción con resto del sitio Web.

27. Caso práctico: Migración de un Blog a Wordpress
¿Qué hay que tener en cuenta?

28. ¡¡ Qué nervios !!
Es la hora de la
inauguración Migración

29. Caso práctico: Migración de un Blog a Wordpress
Intenta que…
• La empresa de desarrollo esté 100% disponible.
• Se realice a una hora de poco tráfico para el sitio Web.
• No sea Viernes.
• El cliente participe en la validación y funcionamiento de la
nueva arquitectura.
• El proceso sea reversible de forma más o menos
inmediata.
• Y sobre todo…

30. Caso práctico: Migración de un Blog a Wordpress
… ni te hayas comprometido con otros proyecto
¡¡No te cojas vacaciones ese día

31. Caso práctico: Migración de un Blog a Wordpress
Checklist de Tareas a realizar el día de la Migraci
 Eliminar bloqueo a buscadores de Wordpress y verificar
ficheros robots.txt y de servidor (htaccess).
 Rastrear el sitio Web completo.
 Verificar redirecciones 301 de aquellas páginas que más
tráfico hayan recibido durante ese mes.
 Generar fichero Sitemap y añadirlo a robots.txt y GWT.
 Monitorizar seguimiento de errores 404 en Google
Analytics.
 Anotar en Google Analytics la fecha de la migración.
 Configurar en Google Analytics las búsquedas de usuario.

32. Caso práctico: Migración de un Blog a Wordpress
Checklist de Tareas a realizar el día de la Migraci
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
• Notificar errores.
• Rastrear el sitio Web
completo.
“Es mejor que te odie
un programador a que
te odie Google.”

33. Caso práctico: Migración de un Blog a Wordpress
Checklist de Tareas a realizar los días
siguientes a la Migración
 Monitorizar Errores de Rastreo en Google Webmaster Tools.
 Monitorizar Estadísticas de rastreo y Estado de Indexación en
Google Webmaster Tools.
 Seguimiento de Consultas de búsqueda en Google Webmaster
Tools.
 Monitorizar Mejoras HTML en Google Webmaster Tools.
 Seguimiento de tráfico en Google Analytics.
 Monitorizar seguimiento de errores 404 en Google Analytics.
 Configurar parámetros de URL de Google Webmaster Tools /
robots.txt.
 Sacar un ranking de posiciones para aquellas palabras clave
monitorizadas.

34. Caso práctico: Migración de un Blog a Wordpress
Siempre ocurren imprevistos
• URLs con acentos, espacios en blanco (%20).
• Redirecciones mal hechas.
• Posts eliminados.
• Más posts duplicados.
• Etiquetas antiguas que se habían eliminado.

35. La nota final
Conclusiones

36. Caso práctico: Migración de un Blog a Wordpress
Resultados
El objetivo principal de un
proyecto de migración es
perder cero visitas.
Conseguido

37. Caso práctico: Migración de un Blog a Wordpress
Resultados
Enhorabuena a los
premiados.

38. Caso práctico: Migración de un Blog a Wordpress
• Cada proyecto de Migración es único.
• Es un trabajo artesano y personalizado (horas).
• Discute con quien haga falta: tu reputación está en juego.
• Recomendable hacer un seguimiento durante 1 mes
(mínimo).
Consejos

39. GRACIAS
sergio@animoo.es
@akemola
http://www.linkedin.com/in/sergiosi
marro
elisa@animoo.es
@elisamz
http://www.linkedin.com/in/emartinezzanc
ajo