Carlos Bonilla y Beatriz González
#QAenSEO
QA en SEO
INTRODUCCIÓN SEO
HERRAMIENTAS SEO PARA QA
DEMO
¿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
¿Quiénes son
estos dos?
❖ Soy @beagonpoz
❖ Soy PO y SEO en Emergya
❖ Soy drupalera de adopción
@cbonilla_web y @beagonpoz
¿Por qué estamos aquí?
Un poco de contexto...
¿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.
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.
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.
¿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.
Herramientas SEO para QA
Web Developer para Google Chrome
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.
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
Screaming Frog SEO Spider
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.
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.
DEMO
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
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
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
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
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
¿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)
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
30
31
32
¿DUDAS?
34
GRACIAS A TODOS
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

Charla QA en SEO - Sevilla QA

  • 1.
    Carlos Bonilla yBeatriz González #QAenSEO QA en SEO
  • 2.
  • 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.
  • 7.
    Un poco decontexto...
  • 8.
    ¿QUÉ NO ESEL 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 buenSEO 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 hacerpara 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.
  • 14.
    Web Developer paraGoogle Chrome
  • 15.
    Web Developer ¿Qué esWeb 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 ❖ Veratributos 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.
  • 18.
    Screaming Frog ❖ Appescritorio 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álisisde 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.
  • 21.
    Problema: Ausencia totalde 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 noscuela 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 dosH1 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 ❖ ViewImage 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 temaprincipal 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 ESTAOPTIMIZACIÓ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 SeoSpider ❖ 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.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
    www.emergya.com/es Emergya Spain +34 95451 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