O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

QA en SEO: Amigos con derecho a roce - Drupalcamp 2019

77 visualizações

Publicada em

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?

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

QA en SEO: Amigos con derecho a roce - Drupalcamp 2019

  1. 1. QA en SEO: amigos con derecho a roce by Carlos Bonilla y Beatriz González
  2. 2. ANTES DE NADA… LET ME TAKE A SELFIE!
  3. 3. En esta sesión veremos... QUÉ VAMOS A HACER ● INTRODUCCIÓN SEO ● HERRAMIENTAS SEO PARA QA ● DEMO
  4. 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. 5. ¿Quiénes son estos dos? ● Soy @beagonpoz ● Soy PO y SEO en Emergya ● Soy drupalera por accidente
  6. 6. ¿Por qué estamos aquí?
  7. 7. Un poco de contexto...
  8. 8. ¿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.
  9. 9. ¿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.
  10. 10. 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.
  11. 11. EL SEO NO ES HACER ALGO 100% MEJOR QUE LOS DEMÁS, SINO HACER 100 COSAS UN 1% MEJOR QUE ELLOS. “
  12. 12. 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.
  13. 13. -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.
  14. 14. Herramientas SEO para QA
  15. 15. Web Developer para Google Chrome
  16. 16. ¿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.
  17. 17. ● 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
  18. 18. Screaming Frog SEO Spider
  19. 19. ¿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.
  20. 20. ● 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
  21. 21. DEMO Algunos ejemplos de casos de uso para Web Developer y Screaming Frog SEO Spider
  22. 22. 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
  23. 23. 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
  24. 24. 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
  25. 25. 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
  26. 26. 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?
  27. 27. 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)
  28. 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.
  29. 29. 32
  30. 30. 33
  31. 31. 34
  32. 32. 35
  33. 33. ¿Dudas? Hoy no xD
  34. 34. 37
  35. 35. ¡Gracias a todos! @cbonilla_web y @beagonpoz

×