Вопрос или проблема
Я вручную разработал веб-сайт (explanatarium.org), состоящий из более чем 130 страниц контента (html). Хотя сайт работает правильно, у него есть фундаментальный недостаток в дизайне: когда посетитель нажимает на внутреннюю ссылку на одной из страниц контента, вместо того чтобы текущая HTML-страница заменялась, часть DOM текущей страницы перезаписывается содержимым целевой страницы.
Проблема в том, что когда поисковые системы посещают сайт, они не заходят на зависимый контент, и, следовательно, этот контент не индексируется поисковой системой. Более того, прямой ввод URL зависимой страницы в адресную строку браузера приводит к тому, что стили CSS для страницы не применяются, когда страница открывается.
Я хотел бы исправить проблему, не переписывая весь сайт. Достаточно ли мне добавить все пути к зависимым файлам в файл карты сайта? Или есть какая-то другая техника, которую я могу применить?
Карта сайта в лучшем случае проиндексирует не оформленные страницы. Вряд ли кто-то будет ссылаться на эти URL, поэтому они маловероятно будут хорошо ранжироваться в поиске, так как большинство позиций зависит от обратных ссылок.
Страницы действительно нуждаются в уникальном URL, не только для поиска, но и для того, чтобы люди могли их делиться.
Это не идеальный вариант, но если вы передадите переменные страницы через параметры URL вместо JavaScript, тогда это по крайней мере создаст уникальные URL и не будет значительным изменением по сравнению с тем, как сайт работает в настоящее время.
В идеале вам нужно добавить что-то вроде более профессионального маршрутизатора, чтобы URL выглядели аккуратно.
Маршрутизаторы – это точно то, на что вам стоит обратить внимание. Если ваш контент правильно структурирован, это может быть не значительным переписыванием.
Ну, как упомянул другой комментатор, вам в любом случае нужна карта сайта, но это точно не решит всю проблему.
Во-первых, каждая страница должна быть полноценной HTML-страницей, которая отображается правильно, даже когда к ней обращаются напрямую, без зависимости от JavaScript.
В вашем случае я рекомендую использовать обычные <a href="..."> ссылки для загрузки страниц вместо динамической загрузки контента через JavaScript.
Второй момент – использовать абсолютный путь для таблицы стилей. Что-то вроде этого: <link rel="stylesheet" href="/styles.css">.
Ответ или решение
Для решения проблемы с индексированием контента поисковыми системами и неправильным отображением страниц при прямом вводе URL, важно внести несколько корректировок в вашу текущую систему. Вот пошаговое руководство, которое поможет вам улучшить ситуацию без полной переработки сайта:
-
Используйте стандартные ссылки: Измените существующее поведение сайта так, чтобы при клике на внутренние ссылки загружалась полноценная HTML-страница. Вместо того чтобы замещать контент текущей страницы с помощью JavaScript, используйте стандартные теги
<a href="...">. Это обеспечит уникальный URL для каждой страницы и позволит поисковым системам полностью индексировать содержимое. -
Создайте карту сайта: Хотя она и не решит все проблемы, наличие файла sitemap.xml обязательно. В нем укажите все страницы вашего сайта. Это поможет поисковым системам узнать о наличии всех страниц, которые вы хотите индексировать.
-
Обеспечьте доступность стилей: Убедитесь, что ваши стили подключены с помощью абсолютных путей. Используйте конструкцию:
<link rel="stylesheet" href="/styles.css">. Это гарантирует, что стили будут применяться корректно, даже если пользователь попытается получить доступ к странице напрямую через URL. -
Параметры URL: Если необходимо сохранить динамическое поведение вашего сайта, рассмотрите возможность передачи информации через URL-параметры вместо работы с JavaScript. Например, можно использовать URL вида
example.com/page?param=value, что создаст уникальные адреса для каждой версии контента. -
Оптимизация маршрутизации: Подумайте о внедрении маршрутизатора (router), который будет обрабатывать запросы на сервере. Это позволит вам создавать аккуратные и читаемые URL, что также улучшит SEO и пользовательский опыт. Однако это может потребовать немного программирования, но не обязательно полной переработки.
-
Тестирование и анализ: После внесения изменений протестируйте сайт с использованием инкогнито-режима и инструментов для веб-мастеров, чтобы убедиться, что все страницы индексируются корректно и отображаются действительно целиком. Также посмотрите на консоль разработчика в браузере для выявления возможных ошибок.
Внесение этих изменений не только улучшит индексируемость вашего сайта поисковыми системами, но и обеспечит лучший пользовательский опыт для ваших посетителей.