Qual è il modo migliore per strutturare un documento HTML per SEO e accessibilità?

Question

Qual è il modo consigliato di strutturare html che include la navigazione in modo che sia ancora SEOable e accessibile.

Per esempio, dovrebbe la struttura più simile a quella di un documento:

1. Vai ai contenuti (link, nascosto da CSS)
2. navigazione
3. Content
4. Altri contenuti (mano destra vetri ecc)

o:

1. Vai alla navigazione (link, nascosto da CSS)
2. Content
3. navigazione
4. altri contenuti (riquadri mano destra ecc)

Ovviamente CSS viene utilizzato per controllare il layout, ma i bot e i lettori di schermo ignorano il CSS.

Answer 1

Mi è stato chiesto di spostare la navigazione dopo il contenuto di un client prima, ma non penso che li abbia aiutati molto. In genere seguo la prima struttura menzionata sopra.

Alcuni consigli casuali:

• Mantenga i vostri markup conforme agli standard, valide e semplici.
• Non aggiungere parole chiave o altro.
• Trattare le intestazioni come dovrebbero essere trattate. Assicurati che ci sia solo un tag h1. Utilizzare le intestazioni con parsimonia sulla pagina (Google - nel download PDF).
• Utilizzare gli attributi titolo su ancore e attributi alt sulle immagini (ma solo se l'immagine ha bisogno di un testo equivalente per alcuni utenti).
• Utilizzare rel = "nofollow" per indirizzare il succo PR alle pagine a cui si desidera realmente che vengano indirizzate.
• Mantieni il contenuto univoco per ogni pagina.
• Utilizzare gli strumenti per i webmaster di Google e l'equivalente di MSN e Yahoo !.
• Costruire, inviare e gestire file sitemap.xml.

Answer 2

Qualsiasi pagina che non ha il suo contenuto nascosto in Flash o simile è SEO'able. I web crawler tendono a spogliare tutto e leggere la pagina come un flusso di testo. Alcuni prestano attenzione alle parole chiave, al loro uso nel corpo del testo, ai tag H2 H1 &, al titolo della pagina e persino al nome di dominio, ma non credo che siano influenzati dall'ordine della struttura della pagina.

Answer 3

La cosa migliore che puoi fare è spostare il contenuto il più vicino possibile alla parte superiore della pagina. Vorrei suggerire questa struttura:

1. Ignora collegamenti
2. Content
3. altri contenuti (riquadri a destra e così via)
4. navigazione

Answer 4

Ridurre tutto il resto a parte poi il contenuto come il minimo possibile.

Navigazione molto breve, aggiungere un collegamento alla pagina di navigazione completa/o/caricarlo da AJAX.

No "Altro contenuto". Se metti qualcosa nella pagina, devono essere correlati. Inoltre, dovrebbero essere ordinati in base alla loro relazione.

Answer 5

Generalmente è considerato "migliore" avere il contenuto il più vicino possibile alla parte superiore della pagina. Quindi, tecnicamente, il tuo secondo esempio è il migliore. Il collegamento salta al contenuto è un bel tocco per gli screen reader, e dato che lo stato dei layout CSS è quello che sono, nessuno rimpiangerebbe il fatto di mettere un po 'di navigazione semplice nella parte superiore del documento. Certamente non penso che danneggerebbe il tuo PageRank di Google.

Answer 6

Come utente di un lettore di schermo non mi interessa dove la navigazione è sulla pagina. La cosa che aiuta di più è avere i contenuti elencati per titolo, per esempio questa domanda è a livello h2 e le risposte iniziano al prossimo livello h2. I lettori di schermo offrono tasti che consentono di saltare per titolo, quindi trovo che la navigazione di direzione è più veloce, quindi trovare il collegamento di navigazione salta e premere Invio su di esso.