Si nadie encuentra en Google un proyecto web en el que se ha trabajado durante meses, ¿de qué sirve todo ese esfuerzo? Carlos Bonilla (QA) y Bea González (SEO) te cuentan cómo hacer QA al SEO. QA y SEO son los grandes olvidados en los proyectos tecnológicos pero juntos, contribuyen a que sean un éxito. A través de una charla interactiva con ejemplos prácticos, Carlos y Bea te darán una buena contextualización sobre cómo hacerle QA al SEO. ¿Te lo vas a perder?

1. QA en SEO: amigos con
derecho a roce
by Carlos Bonilla y Beatriz González

2. ANTES DE NADA…
LET ME
TAKE A
SELFIE!

3. En esta sesión veremos...
QUÉ
VAMOS
A HACER
● INTRODUCCIÓN SEO
● HERRAMIENTAS SEO PARA QA
● DEMO

4. ¿Quiénes son estos dos?
● Soy @cbonilla_web
● Dicen que soy QA en Emergya
● Se comenta que soy drupalero por
obligación vocación
● Me encantan las hamburguesas
(@boniadvisor en IG)

5. ¿Quiénes son estos dos?
● Soy @beagonpoz
● Soy PO y SEO en Emergya
● Soy drupalera por accidente

6. ¿Por qué estamos aquí?

8. Un poco de contexto...

9. ¿QUÉ ES QA?
● No es una persona
● No es un grupo de trabajo ni un
departamento.
● Es un proceso.
● Debe ser una filosofía.
● No es solo testing.

10. ¿QUÉ NO ES EL SEO?
● El SEO no es meter en una web una lista de
palabras clave y esperar a que Google te
indexe.
● El SEO no es algo que se haga al final del
desarrollo.
● El SEO no es solo técnico.
● El SEO no depende de las empresas,
depende de los usuarios.
● El SEO no es una ciencia exacta.

12. Entonces… qué **** es el SEO????
Destruyendo mitos...
● Es una forma de facilitar que el
mensaje de las empresas llegue a su
audiencia.
● SEO (Search Engine Optimization) o
‘Posicionamiento en buscadores’ es el
proceso de mejora de la visibilidad de
un sitio web, en los resultados que
aparecen en los diferentes buscadores.

13. EL SEO NO ES HACER ALGO
100% MEJOR QUE LOS
DEMÁS, SINO HACER 100
COSAS UN 1% MEJOR QUE
ELLOS.
“

14. Un buen SEO requiere...
● Una investigación previa.
● Un estudio de la competencia.
● Una elección de términos que se adapten a la
intención de búsqueda del usuario.
● Una implementación técnica correcta en el
portal.
● Una monitorización constante de los
resultados para ir modificando la estrategia.

15. -URLS: amigables, sin caracteres raros ni números
kilométricos.
¿Qué debo hacer para que
Google me quiera mushooo?
-Meta-etiquetas: Title y description definidos en cada
página.
-Estructura en página con etiquetas: H1, H2, H3...
-Atributo ALT: todas las imágenes deben contar con un
texto alternativo.
-Metadatos: muy útiles si sabes usarlos bien, sobre
todo los sociales.

16. Herramientas SEO para QA

17. Web Developer para Google Chrome

18. ¿Qué es Web Developer?
● Google Chrome
tool.
● Multitarea y
multiherramienta.
● Pruebas On Page.
● SEO + DEV + QA.
● Configuración.
● Intuitiva y
completa.
● Testing en tiempo
real.

19. ● Ver atributos ALT de las
imágenes.
● Gestión de Cookies.
● Gestión de imágenes.
● Diferentes resoluciones.
● Gestión de formularios.
● Ver heading
● Validación de HTML y CSS
Características principales

20. Screaming Frog SEO Spider

21. ¿Qué es Screaming Frog?
● App escritorio
multiplataforma.
● Rastreador de URLs (enlaces
y contenido).
● Multipage y On Page.
● Optimización de esfuerzos
● Configuración sencilla e
intuitiva.
● Licencia Free - Hasta 500
URLs por dominio.
● Precio de la licencia de pago
(< 100€/año).
● Integración con otras
tecnologías.

22. ● Análisis de enlaces internos o
externos.
● Extracción de contenido.
● Auditoría de contenido
duplicado entre URLs.
● Generación XML Sitemap.
● Análisis completo o por
sección.
● Análisis de metadatos.
● Análisis de páginas de error y
enlaces rotos.
● Edición de filtros.
● Reportes automáticos para
descargar.
Características principales

23. DEMO
Algunos ejemplos de casos de uso para Web Developer
y Screaming Frog SEO Spider

24. Problema: Ausencia total de estructura en página y de
etiquetado.
Resultado: Google no tiene ni idea de cuándo mostrar esta
página en los resultados de búsqueda.
Conclusión: Es muy difícil que te encuentren y que Google te
muestre en sus resultados.
24
SEO ON PAGE: LO QUE NO SE DEBE HACER

25. Problema: Se nos cuela un menú como contenido principal.
Resultado: Google está confundido y no queremos que Google
se confunda que eso lleva al lado oscuro.
Conclusión: Google puede encontrarte por branding, pero por
nada más.
25
SEO ON PAGE: LO QUE NO SE DEBE HACER

26. Problema: Tenemos dos H1 y falta de estructura homogénea.
Resultado: Google no sabe de qué vas y te mira raro.
Conclusión: Parece que estamos forzando el SEO al duplicar
la etiqueta principal.
26
SEO ON PAGE: LO QUE NO SE DEBE HACER

27. Web Developer: Casos de uso
● View Image Information → Info
imágenes
● View Meta Tag Information →
Description + Title
● View Link Information → Links On
Page
● View Document Outline → Info
headings

28. Estructura ordenada
Un tema principal y un campo
semántico relacionado
Las etiquetas principales contienen
textos relevantes
28
¿SABRÍAS DECIR DE QUÉ
TRATA ESTA PÁGINA?

29. 29
¿QUÉ CONSEGUIMOS CON
ESTA OPTIMIZACIÓN?
Siguiendo las pautas técnicas mencionadas, asegurando una
coherencia en el contenido y tras una optimización técnica
completa del portal, hemos conseguido que La Drupalera se
posicione en los primeros puestos orgánicos (no de pago) con
combinaciones de palabras clave tan genéricas como
‘empresa de consultoría drupal’.
De esta forma, alguien que no conoce a La Drupalera, nos
encuentra fácilmente si necesita una empresa de desarrollo
que trabaje con Drupal.
Pero… ¡aún hay más!
RESULTADOSDEBÚSQUEDA(SERPs)DEPAGO(SEM)
RESULTADOSDE
BÚSQUEDA
ORGÁNICOS(SEO)

31. Screaming Frog Seo Spider
● Ver URLs internas y externas.
● Ver Códigos de respuesta.
● Ver tiempo de respuesta de páginas.
● Ver titles y description.

32. 32

33. 33

34. 34

35. 35

36. ¿Dudas?
Hoy no xD

37. 37

38. ¡Gracias a todos!
@cbonilla_web y @beagonpoz