Каков наилучший способ структурирования HTML-документа для SEO и доступности?

Question

Каков рекомендуемый способ структурирования html, включающий навигацию, чтобы он по-прежнему оставался доступным и доступным для SEO.

Например, должна ли структура быть больше похожа на структуру документа:

1. Перейти к содержанию (ссылка скрыта с помощью CSS)
2. Навигация
3. Содержание
4. Другое содержимое (правые панели и т. Д.)

или

1. Перейти к навигации (ссылка скрыта с помощью CSS)
2. Содержание
3. Навигация
4. Другое содержимое (правые панели и т. Д.)

Очевидно, что CSS используется для управления макетом, но боты и программы чтения с экрана игнорируют CSS.

Answer 1

Меня раньше просили переместить навигацию за контентом, но я не думаю, что это им очень помогло. Я обычно придерживаюсь первой структуры, которую вы упомянули выше.

Несколько случайных советов:

• Сохраняйте соответствие разметки стандартам, действительным и простым.
• Не набивайте ключевые слова или что-то еще.
• Относитесь к заголовкам так, как они должны обрабатываться. Убедитесь, что есть только 1 тег h1. Используйте экономные заголовки по всей странице ( Google - при загрузке в формате PDF).
• Используйте атрибуты заголовка на якорях и атрибуты alt на изображениях (но только если для изображения требуется текстовый эквивалент для некоторых пользователей).
• Используйте rel = "nofollow", чтобы направлять PR-ссылки на страницы, на которые вы действительно хотите, чтобы они заходили.
• Сохранять контент уникальным для каждой страницы.
• Используйте инструменты Google для веб-мастеров и эквивалент MSN и Yahoo !.
• Создание, отправка и поддержка файлов sitemap.xml.

Answer 2

Любая страница, на которой нет содержимого, спрятанного во Flash или аналогичном, доступна для SEO. Сканеры, как правило, разбирают все и читают страницу как текстовый поток. Некоторые обращают внимание на ваши ключевые слова, их использование в основном тексте, тегах H1 и H2, заголовке страницы и даже доменном имени, но я не думаю, что на них влияет порядок структуры страницы.

Answer 3

Как читатель экрана, мне все равно, где находится навигация на странице. Что помогает больше всего - это перечислять содержимое по заголовкам, например, этот вопрос находится на уровне h2, а ответы начинаются со следующего уровня h2. Программы чтения с экрана предлагают клавиши, которые позволяют пропускать заголовок, поэтому я считаю, что навигация по заголовку происходит быстрее, чем поиск пропускаемой навигационной ссылки и нажатие клавиши ввода на ней.

Answer 4

Обычно считается, что «лучше» размещать ваш контент как можно ближе к верхней части страницы. Технически, ваш второй пример самый лучший. Ссылка для перехода к содержанию - приятное прикосновение для программ чтения с экрана, и при таком состоянии макетов CSS, какими бы они ни были, никто бы не пожалел о том, что вы поместили простую навигацию вверху документа. Я, конечно, не думаю, что это повредит вашему Google PageRank.

Answer 5

Уменьшите все остальное, кроме содержимого, до минимума.

Очень короткая навигация, добавьте ссылку на полную страницу навигации / или / загрузите ее с помощью AJAX.

Нет «Другое содержание». Если вы разместите что-либо на странице, они должны быть связаны. Кроме того, они должны быть отсортированы по их соотношению.

Answer 6

Лучшее, что вы можете сделать, это переместить свой контент как можно ближе к верхней части страницы. Я бы предложил эту структуру:

1. Пропустить ссылки
2. Содержание
3. Другое содержимое (правые панели и т. П.)
4. Навигация