¿Cuál es la mejor manera de estructurar un documento HTML para SEO y accesibilidad?

Question

¿Cuál es la forma recomendada de estructurar html que incluye navegación por lo que todavía es SEO y accesible.

Por ejemplo, en caso de la estructura sea más parecido al de un documento:

1. Pasar al contenido (enlace, oculto por CSS)
2. navegación
3. contenido
4. Otro tipo de contenido (mano derecha paneles, etc.)

o:

1. Saltar a la navegación (enlace, oculto por CSS)
2. contenido
3. navegación
4. Otros contenidos (paneles de la mano derecha, etc.)

Obviamente CSS se utiliza para controlar el diseño, pero los robots y los lectores de pantalla ignoran el CSS.

Answer 1

Me han pedido que mueva la navegación después del contenido de un cliente, pero no creo que haya sido de mucha ayuda. Generalmente sigo la primera estructura que mencionas arriba.

Algunos consejos al azar:

• mantener su compatible con los estándares, válidas y simples de marcado.
• No rellene palabras clave ni nada.
• Trate los encabezados como si debieran tratarse. Asegúrese de que solo haya 1 etiqueta h1. Utilice encabezados con moderación en la página (Google - en la descarga de PDF).
• Utilice los atributos de título en los anclajes y los atributos alt en las imágenes (pero solo si la imagen necesita un texto equivalente para algunos usuarios).
• Use rel = "nofollow" para dirigir el jugo de PR a las páginas a las que realmente desea que vayan.
• Mantenga el contenido único para cada página.
• Utilice las herramientas de webmaster de Google y el equivalente de MSN y Yahoo !.
• Genere, envíe y mantenga archivos sitemap.xml.

Answer 2

Cualquier página que no tenga contenido oculto en Flash o similar es SEO'able. Los rastreadores web tienden a despojar todo y leer la página como una secuencia de texto. Algunos prestan atención a sus palabras clave, su uso en el texto del cuerpo, etiquetas H1 & H2, título de la página e incluso el nombre de dominio, pero no creo que se vean afectados por el orden de la estructura de la página.

Answer 3

Lo mejor que puede hacer es mover su contenido lo más cerca posible de la parte superior de la página. Yo sugeriría esta estructura:

1. Omitir vínculos
2. contenido
3. Otros contenidos (paneles de la derecha y tal)
4. navegación

Answer 4

Reducir todo lo demás entonces el contenido como mínimo posible.

Navegación muy corta, agregue un enlace a la página de navegación completa/o cárguela con AJAX.

No "Otro contenido". Si coloca algo en la página, deben estar relacionados. Además, deben ser ordenados por su relación.

Answer 5

En general, se considera que es "lo mejor" tener su contenido lo más cerca posible de la parte superior de la página. Entonces, técnicamente, tu segundo ejemplo es el mejor. Sin embargo, el salto al enlace de contenido es un buen toque para los lectores de pantalla, y ese estado de los diseños de CSS es lo que son, nadie le molestaría que pusiera una navegación simple en la parte superior de su documento. Ciertamente no creo que vaya a dañar tu Google PageRank.

Answer 6

Como usuario del lector de pantalla, no me importa dónde está la navegación en la página. Lo que más ayuda es tener el contenido enumerado por encabezado, por ejemplo, esta pregunta está en un nivel h2, y las respuestas comienzan en el siguiente nivel h2. Los lectores de pantalla ofrecen teclas que le permiten omitir por encabezado, por lo que me parece que la navegación del encabezado es más rápida que encontrar el enlace de omisión de navegación y presionar Enter.