Sito in aggiornamento

Il sito è in fase di aggiornamento dopo la sostituzione del sito vecchio.

L'accessibilità web incontra la SEO

Questo post è ispirato a un articolo del 2020 su Search Engine Journal. Negli anni le tecnologie si evolvono ma le regole di base rimangono invariate. Questo vuol dire che se usiamo bene l’ABC, sia le persone che Google potranno beneficiarne. Non è una novità il fatto che Accessibilità e SEO vadano di pari passo. Le basi sono le stesse:

 Slide 1: L'accessibilità web incontra la SEO

Cosa trovi in questa pagina:

  1. L’accessibilità web migliora la SEO
  2. Titoli delle pagine
  3. Titoli H1, H2, H3 …
  4. Sitemap
  5. Testi dei link
  6. Breadcrumbs
  7. Alt Text
  8. Navigazione
  9. Leggibilità
  10. Interazioni
  • L’accessibilità web migliora la SEO

    Questo post è ispirato a un articolo del 2020 su Search Engine Journal. Negli anni le tecnologie si evolvono ma le regole di base rimangono invariate. Questo vuol dire che se usiamo bene l’ABC, sia le persone che Google potranno beneficiarne. Non è una novità il fatto che Accessibilità e SEO vadano di pari passo. Le basi sono le stesse.

     Slide 2: Collage digitale
  • 1. Titoli delle pagine

    Rendono uniche le pagine.
    Aiutano le persone a capire di cosa parla la pagina.
    Gli “spider” li usano come importante elemento di indicizzazione.

     Slide 3: Titoli delle pagine
  • 2. Titoli H1, H2, H3 …

    Le tecnologie assistive usano i titoli per navigare e muoversi velocemente nella pagina.
    Gli “spider” funzionano nello stesso modo.

     Slide 4: Sitemap
  • 3. Sitemap

    Sono utili a tutte le persone per trovare contenuti desiderati.
    Sono utili anche per gli “spider” per spostarsi tra le pagine.

     Slide 5: Titoli H
  • 4. Testi dei link

    Descrivono lo scopo del link.
    Gli Screen reader li annunciano a voce alta.
    Gli “spider” li usano per capire il contesto della destinazione.

     Slide 6: Testi dei link
  • 5. Breadcrumbs

    Permettono di tornare alla pagina precedente.
    Mostrano agli screen reader e agli “spider” come è strutturato il sito.

     Slide 7: Breadcrumbs
  • 6. Alt Text

    Forniscono un’alternativa testuale alle persone con difficoltà visiva.
    Sono letti a voce alta dagli screen readers.
    Sono usati per capire il contesto dell’immagine, in modo da essere mostrate nella ricerca per immagini.

     Slide 8: Testi alternativi
  • 7. Navigazione

    Aiuta a navigare tra le pagine.
    Tastiere e screen readers dovrebbero essere in grado di usarla.
    Gli “spider” capiscono quali sono le pagine più importanti.

     Slide 9: Navigazione
  • 8. Leggibilità

    Aiuta persone con disabilità cognitive, che leggono in un’altra lingua, che sono distratte.
    Aiuta gli “spider” a capire di cosa sta parlando la pagina.

     Slide 10: Leggibilità
  • 9. Interazioni

    Usa HTML e ARIA correttamente in modo da mantenere sempre il contenuto usabile.
    Questo aiuta anche gli “spider” per indicizzare il contenuto.

     Slide 11: Interazioni