¿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 para que todavía sea SEO'able y accesible?

Por ejemplo, si la estructura se parece más a la de un documento:

1. Saltar al contenido (enlace, oculto por CSS)
2. Navegación
3. Contenido
4. Otro contenido (paneles de la derecha, etc.)

o:

1. Saltar a navegación (enlace, oculto por CSS)
2. Contenido
3. Navegación
4. Otro contenido (paneles de la derecha, etc.)

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

Answer 1

Un cliente me ha pedido que mueva la navegación después del contenido antes, pero no creo que les haya ayudado mucho. Generalmente sigo la primera estructura que mencionas arriba.

Algunos consejos al azar:

• Mantenga su marcado compatible con los estándares, válido y simple.
• No rellenes palabras clave ni nada.
• Trate los títulos como deberían ser tratados. Asegúrese de que solo haya 1 etiqueta h1. Use encabezados con moderación en la página ( Google - en la descarga del PDF).
• Use 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 relaciones públicas a las páginas a las que realmente quieres que vayan.
• Mantenga el contenido único para cada página.
• Utilice las herramientas para webmasters de Google y MSN y el equivalente de Yahoo!
• Cree, envíe y mantenga archivos sitemap.xml.

Answer 2

Cualquier página que no tenga su contenido escondido en Flash o similar es SEO'able. Los rastreadores web tienden a eliminar 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, H1 & amp; Etiquetas H2, título de página e incluso nombre de dominio, pero no creo que se vean afectados por el orden de la estructura de la página.

Answer 3

Como usuario de lector de pantalla, no me importa dónde esté la navegación en la página. Lo que más ayuda es tener contenido listado 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 el encabezado, por lo que encuentro que la navegación de encabezado es más rápida que encontrar el enlace de omitir navegación y presionar enter en él.

Answer 4

Reduzca todo lo demás excepto el contenido al mínimo posible.

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

No '' Otro contenido ''. Si pone algo en la página, deben estar relacionados. Además, deben ordenarse por su relación.

Answer 5

Generalmente se considera que es "mejor" para tener su contenido lo más cerca posible de la parte superior de la página. Entonces, técnicamente, su segundo ejemplo es el mejor. Sin embargo, el enlace para saltar al contenido es un buen toque para los lectores de pantalla, y ese estado de los diseños CSS es lo que son, nadie te disgustará si colocas una navegación simple en la parte superior de tu documento. Ciertamente no creo que perjudique su PageRank de Google.

Answer 6

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

1. Saltar enlaces
2. Contenido
3. Otro contenido (paneles de la derecha y tal)
4. Navegación