Carlos Bonilla y Beatriz González nos muestran algunas herramientas muy útiles para testear el SEO técnico en proyectos de desarollo.

1. Carlos Bonilla y Beatriz González
#QAenSEO
QA en SEO

2. INTRODUCCIÓN SEO
HERRAMIENTAS SEO PARA QA
DEMO

3. ¿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)
@cbonilla_web y @beagonpoz

4. ¿Quiénes son
estos dos?
❖ Soy @beagonpoz
❖ Soy PO y SEO en Emergya
❖ Soy drupalera de adopción
@cbonilla_web y @beagonpoz

5. ¿Por qué estamos aquí?

7. Un poco de contexto...

8. ¿QUÉ NO ES EL SEO?
DESMINTIENDO LOS MITOS Y LEYENDAS QUE GIRAN EN
TORNO A ESTA DISCIPLINA.
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.

10. Destruyendo mitos...
Entonces… qué ****
es el SEO????
❖ 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.
EL SEO NO ES HACER ALGO
100% MEJOR QUE LOS
DEMÁS, SINO HACER 100
COSAS UN 1% MEJOR QUE
ELLOS.

11. Destruyendo mitos...
Un buen SEO requiere
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.

12. ¿Qué debo hacer para que
Google me quiera mushooo?
CHECKLIST CON ASPECTOS DE SEO TÉCNICO A TENER EN CUENTA
A LA HORA DE REDACTAR UN CONTENIDO
-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.
-URLS: amigables, sin caracteres raros ni números kilométricos.

13. Herramientas SEO para QA

14. Web Developer para Google Chrome

15. Web Developer
¿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.

16. Web Developer
❖ 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

17. Screaming Frog SEO Spider

18. Screaming Frog
❖ App escritorio multiplataforma.
❖ Rastreador de URLs (enlaces y contenido).
❖ Multipage y On Page.
❖ Optimización de esfuerzos
¿Qué es Screaming Frog?
❖ 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.

19. Screaming Frog
❖ Análisis de enlaces internos o externos.
❖ Extracción de contenido.
❖ Auditoría de contenido duplicado entre URLs.
❖ Generación XML Sitemap.
Características principales
❖ 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.

20. DEMO

21. 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.
21
SEO ON PAGE: LO QUE NO
SE DEBE HACER
VEMOS ALGUNOS EJEMPLOS DE PORTALES REALES CON FALLOS
EN LA OPTIMIZACIÓN DE LA ESTRUCTURA EN PÁGINA

22. 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.
22
SEO ON PAGE: LO QUE NO
SE DEBE HACER
VEMOS ALGUNOS EJEMPLOS DE PORTALES REALES CON FALLOS
EN LA OPTIMIZACIÓN DE LA ESTRUCTURA EN PÁGINA

23. 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.
23
SEO ON PAGE: LO QUE NO
SE DEBE HACER
VEMOS ALGUNOS EJEMPLOS DE PORTALES REALES CON FALLOS
EN LA OPTIMIZACIÓN DE LA ESTRUCTURA EN PÁGINA

24. Web Developer
❖ View Image Information → Info imágenes
❖ View Meta Tag Information → Description + Title
❖ View Link Information → Links On Page
❖ View Document Outline → Info headings
Ejemplos casos de uso

25. Estructura ordenada
Un tema principal y un campo semántico relacionado
Las etiquetas principales contienen textos relevantes
25
¿SABRÍAS DECIR DE QUÉ
TRATA ESTA PÁGINA?
VEMOS EL EJEMPLO DE UN PORTAL QUE SÍ ESTÁ BIEN
ESTRUCTURADO Y OPTIMIZADO

26. 26
¿QUÉ CONSEGUIMOS CON
ESTA OPTIMIZACIÓN?
MOSTRAMOS RESULTADOS REALES Y MEDIBLES TRAS APLICAR
LOS CONSEJOS DE OPTIMIZACIÓN SEO TÉCNICO
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)

28. 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.
Ejemplos casos de uso

29. 29

30. 30

31. 31

32. 32

33. ¿DUDAS?

34. 34

35. GRACIAS A TODOS

36. www.emergya.com/es
Emergya Spain
+34 954 51 75 77
info-es@emergya.com
www.emergya.com/en
Emergya UK
+44 7482 894 595
info-uk@emergya.com
www.emergya.com/en
Emergya Switzerland
+41 79 290 52 97
info-ch@emergya.com
www.emergya.com/cl
Emergya Chile
+56 2 2348 6403
info-cl@emergya.com