Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Wordcamp Madrid - ¿Qué es el SXO? Descubre cómo...

Wordcamp Madrid - ¿Qué es el SXO? Descubre cómo unir SEO y UX

Presentación de la charla "¿Qué es el SXO? Descubre cómo unir SEO y UX" para WordCamp Madrid, celebrado en La Nave de Madrid el 4 de noviembre de 2023.

Enlace de WordPress TV a la ponencia: https://wordpress.tv/2023/11/06/que-es-el-sxo-descubre-como-unir-seo-y-ux/

Sara Fernández Carmona

November 02, 2023
Tweet

More Decks by Sara Fernández Carmona

Other Decks in Marketing & SEO

Transcript

  1. ¿Qué es el SXO? Descubre cómo unir SEO y UX

    Sara Fernández Carmona Consultora SEO Internacional #WCMAD speakerdeck.com/sarafernandezseo @sarafdez
  2. ¡Hola, Madrid! Soy Sara por @sarafdez para #WCMAD • Consultora

    SEO Internacional • Admin en SEO Barcelona • Políglota (cotorra en múltiples idiomas) • Friki de la IA e intento de bajista • Background en Traducción y Localización • Máster en Diseño UX/UI @sarafdez /in/internationalseo sara-fernandez.com ¡Aquí me puedes cotillear! 󰡸
  3. Algunas definiciones básicas por @sarafdez para #WCMAD SEO • Mejora

    la visibilidad en buscadores. • Estrategias dentro y fuera de la página ("On-page" y "Off-page"). • Aumenta el tráfico orgánico. UX • Estudia usuarios para entender sus necesidades. • Diseña soluciones adecuadas. • Don Norman: "cubre toda interacción de una empresa y sus productos”
  4. Search Experience Optimization por @sarafdez para #WCMAD Combina el conocimiento

    técnico del SEO con el enfoque centrado en el usuario de la UX. Objetivo: mejorar una web para los buscadores pero primordialmente para los usuarios. https://sara-fernandez.com/que-es-sxo/
  5. El usuario como centro de todo por @sarafdez para #WCMAD

    SEO Optimizar para los buscadores poniendo como foco principal las expectativas del usuario y la intención de búsqueda detrás de las palabras clave. UX Diseñar una web haciendo una investigación previa, considerando las necesidades de los usuarios, sin limitarse a imitar lo que hace la competencia.
  6. Ley de Hick por @sarafdez para #WCMAD El tiempo de

    decisión es directamente proporcional al número de opciones disponibles. Utilizada en diseño de interfaces y ergonomía para optimizar la presentación de opciones al usuario y mejorar tiempos de respuesta.
  7. Ley de Hick ❌ por @sarafdez para #WCMAD https://www.007museum.com/ Una

    estructura de navegación poco clara y desbordada prolonga el tiempo de decisión del usuario (y hace que salga corriendo).
  8. Ley de Hick ✅ por @sarafdez para #WCMAD Reducción de

    opciones en la home para optimizar el tiempo de decisión del usuario.
  9. Ley de Miller por @sarafdez para #WCMAD Una persona adulta

    es capaz de recordar en la memoria a corto plazo un máximo de siete elementos de manera simultánea. Agrupar los dígitos de las tarjetas en grupos de cuatro ayuda a los usuarios a comprobar que sus datos son correctos.
  10. Ley de Fitts por @sarafdez para #WCMAD Un elemento es

    más fácil de seleccionar si es grande y no requiere mucho desplazamiento del cursor (o el dedo en dispositivos móviles). ❌ ✅
  11. Efecto Von Restorff por @sarafdez para #WCMAD También conocido como

    “efecto de aislamiento”. Cuando hay varios objetos parecidos, es más probable recordar los que resaltan por su color o por su forma. Es importante resaltar elementos como las CTAs para que el usuario los perciba con facilidad.
  12. Efecto bandwagon por @sarafdez para #WCMAD También conocido como “efecto

    de arrastre”. Se refiere a la tendencia de hacer y creer en cosas simplemente porque un gran número de personas también lo hacen y lo creen. Lo mismo pasa si vemos que muchas marcas usan algo y nosotros no (¡el “FOMO” es real!)
  13. Sesgos cognitivos por @sarafdez para #WCMAD ¡Hay más de 200!

    🤯 En lugar de luchar contra ellos, debemos reconocerlos y comprender su impacto en nuestras vidas. https://en.wikipedia.org/wiki/List_of_cognitive_biases
  14. Uso de los encabezados por @sarafdez para #WCMAD No podemos

    usarlos únicamente con fines estilísticos H1: Título principal de la página. Solo puede haber uno. H2, H3, etc: Subtítulos y secciones secundarias. Organiza y resalta el contenido. Claro para usuarios y buscadores.
  15. Enlazado interno y arquitectura web por @sarafdez para #WCMAD •

    Facilita la navegación y mejora la usabilidad. • Ayuda a los buscadores a comprender la estructura de la web. Promueve la relevancia y la autoridad del contenido. • Cada página debe estar a menos de tres clics de la home. • Evitar páginas huérfanas (sin enlaces apuntando hacia ellas desde la misma web).
  16. Adaptación a mobile por @sarafdez para #WCMAD Los buscadores priorizan

    la versión móvil para la indexación. No podemos eliminar contenido al adaptar a mobile. Los usuarios buscan consistencia entre versiones.
  17. Uso de JavaScript por @sarafdez para #WCMAD Contenido: debe ser

    fácilmente rastreable e indexable. JavaScript excesivo → los buscadores no reconocen el contenido. Solución: • Usar JavaScript con moderación. • Optar por tecnologías más compatibles y accesibles para mostrar y animar contenido, como HTML y CSS.
  18. Cloaking y técnicas “Black Hat” por @sarafdez para #WCMAD Oculta

    contenido real a usuarios y muestra una versión diferente en el código HTML. Objetivo: Manipulación desleal del posicionamiento. Puede hacerse con CSS u otros métodos, a veces sin querer. Probar en distintos dispositivos y navegadores. Corregir cualquier contenido oculto no intencional.
  19. Etiquetas para enlaces por @sarafdez para #WCMAD Ejemplo: <a href="https://www.ejemplo.com">Ejemplo</a>

    https://twitter.com/rick_viscomi/status/1663564455047991297 ❌ Error: Usar ‘div’ en vez de ‘a’: pierde significado semántico y genera problemas de accesibilidad. Enlaces: se crean con elemento <a> Atributo ‘href’: especifica la URL de destino.
  20. Imágenes por @sarafdez para #WCMAD • Comprimir y usar formatos

    adecuados. • Incluir texto alternativo para accesibilidad y SEO. • Usar nombres descriptivos: ❌ "IMG1234.jpg" ✅ "gatete-adorable.jpg" • Evitar exceso de imágenes grandes, videos o animaciones. • Minimizar código. • Utilizar técnicas de almacenamiento en caché.
  21. Uso equilibrado de palabras clave por @sarafdez para #WCMAD Incorpora

    palabras clave de forma natural, evitando la saturación innecesaria ("keyword stuffing"). Ejemplo: si escribes sobre "recetas saludables", considera también "alimentación equilibrada" o "nutrición".
  22. Scroll infinito por @sarafdez para #WCMAD Ventajas: • Proporciona rapidez.

    • Mejora la experiencia de navegación. Riesgos: • Posibilidad de que los robots de búsqueda no rastreen todo el contenido. Recomendaciones: • Estructurar y marcar adecuadamente el contenido. • Asignar URL únicas para cada carga adicional. • Evitar una carga excesiva de contenido. Proporcionar opciones de navegación y búsqueda.
  23. Lazy loading por @sarafdez para #WCMAD Ayuda a cargar contenido

    multimedia gradualmente y optimizar la velocidad de carga. Se recomienda utilizar métodos como la carga progresiva o bajo demanda, que permiten que el contenido sea indexable y rastreable. Importante: no debemos olvidar el uso de las etiquetas "alt" para las imágenes.
  24. Uso de migas de pan por @sarafdez para #WCMAD Beneficios:

    • Mejoran la experiencia de usuario. • Clarifican la jerarquía y organización del contenido. • Potencian el enlazado interno. Sin ellas, los buscadores y los usuarios podrían tener dificultades para entender la estructura y encontrar el contenido.
  25. Evitar la canibalización por @sarafdez para #WCMAD Con la canibalización

    de contenido, varias páginas compiten por las mismas palabras clave. Confunde a usuarios y motores de búsqueda. Solución: Evitar duplicación y usar la etiqueta rel="canonical" para identificar la página principal.
  26. E-E-A-T en diseño web por @sarafdez para #WCMAD E-E-A-T: Experience,

    Expertise, Authoritativeness, Trustworthiness. Impacta en credibilidad, confianza y calidad. Elementos clave: cajas de autor, biografías. perfiles sociales. "Acerca de", política de privacidad, testimonios y reseñas.
  27. Monitorización de la web por @sarafdez para #WCMAD Google Search

    Console y Core Web Vitals: esenciales para SEOs y diseñadores. Miden experiencia de usuario: velocidad, interactividad, estabilidad visual. Nos ayudan a detectar y solucionar problemas en el rendimiento web.
  28. Stop trabajar en silos por @sarafdez para #WCMAD • Los

    equipos deben ser independientes pero transparentes en sus acciones. • Es esencial que se comuniquen cambios que afecten al SEO o UX. • Se deben promover espacios para que ambos equipos colaboren y comenten avances y oportunidades.
  29. Cread canales efectivos por @sarafdez para #WCMAD Cread canal para

    intercambio de ideas y actualizaciones. Compartid canales relevantes: garantiza visibilidad total. Reuniones quincenales/mensuales: Discusión de desafíos e información. • Agenda incluida: maximiza la eficiencia y participación.
  30. Participación de SEO en sprints de diseño por @sarafdez para

    #WCMAD Asegura que el expertise de SEO esté presente desde el inicio. Animadlos a participar en técnicas creativas: "Crazy 8’s", creación de prototipos.
  31. Compartid datos y accesos por @sarafdez para #WCMAD UX: •

    Incluid a SEO en sesiones de investigación con usuarios. • Compartid grabaciones y resultados de pruebas de usabilidad. • Dad acceso a prototipos en Figma y archivos relevantes (Miro, Notion, etc). SEO: • Compartid informes de rendimiento y tendencias de búsqueda. • Informad sobre actualizaciones de algoritmo. • Dad acceso a herramientas: Google Search Console, Google Analytics.
  32. Fomentad el intercambio de conocimiento por @sarafdez para #WCMAD •

    Objetivo: Sesiones conjuntas para compartir conocimientos, buenas prácticas y trucos de ambos equipos. • Frecuencia: Inicialmente una vez al mes o trimestral. Ajustar basándose en necesidades y disponibilidad del equipo. • Organización: Carpetas en Drive para almacenar grabaciones de cada sesión.