SEO для одностраничного сайта

1. Проблема SEO One Pager
2. Решение - отдельные URL и AJAX
3. слева
4. Манипулирование историей браузера

Небольшие веб-сайты теперь часто реализуются как одностраничный веб-сайт. Это означает, что весь контент может храниться на одной странице. При перемещении между разделами One Pagers, страница никогда не перезагружается, что приводит к приятному взаимодействию с пользователем. Навигация осуществляется путем прокрутки между разделами или нажатия на вкладки, чтобы открыть более сложный контент. Одностраничный дизайн является современным и может повысить четкость страницы. В любом случае One Pager продолжает оставаться в моде. Однако часто при разработке этих страниц важные требования SEO игнорируются.

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

Проблема SEO One Pager

Суть проблемы SEO в One Pagern заключается в том, что поисковые системы, такие как Google, поощряют результаты, которые отвечают за поиск. Одни пейджеры часто содержат ряд разного контента. Даже если One Pager предлагает очень хороший контент для поискового запроса «X», он будет просто изо всех сил пытаться повысить рейтинг до «X», потому что в то же время будут отвечать на другие совершенно разные поисковые запросы. По сути, с точки зрения SEO, каждая страница должна быть направлена ​​на ответ на определенный набор поисковых запросов. Это условие часто не выполняется одним пейджером.

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

Решение - отдельные URL и AJAX

Решение, описанное ниже, не является новым. Она была в общих чертах уже в 2014 году в одном Блогпост от Google описано. Тем не менее, предлагаемое решение, особенно в SEO-сцене, едва заметили. Преобладающим мнением было то, что одностраничные сайты приносят с собой естественные недостатки рейтинга.

Так что же делать? Отдельные тематически разделенные разделы One Pager должны быть проиндексированы отдельно для решения вышеуказанной проблемы. Это может и должно быть достигнуто за счет доступности по различным URL-адресам. Поисковые системы не допускают двух записей индекса с одним и тем же URL. Обратите внимание: не разрешается работать с URL-адресами меток перехода (URL-адресами с "#"), поскольку поисковые системы индексируют только сами документы, а не только отдельные состояния браузера.

Отдельные URL-адреса для каждого раздела требуют, чтобы сервер отправлял отдельный HTML-файл для каждого раздела One Pager. Один пейджер является поверхностно одностраничным, но он не влияет на взаимодействие с пользователем, обеспечивая доступность всех разделов через каждый из этих URL-адресов. Конечно, это условие может быть легко выполнено путем хранения копий One Pager по разным URL-адресам. Однако это не решило бы проблему SEO, описанную выше.

Чтобы решить эту проблему, убедитесь, что поисковые системы видят только контент, принадлежащий разделу назначенного URL. Таким образом, для каждого раздела доступен файл HTML, который содержит только содержимое этого раздела и гарантирует, что дальнейшее содержимое не будет загружено через AJAX, пока пользователь не продолжит прокрутку. Потому что сканеры не могут прокручивать (ср. эта статья из поисковой системы круглого стола ), в отличие от обычного пользователя, они могут получить доступ только к контенту определенного раздела по определенному URL-адресу одного пейджера.

В качестве иллюстрации мы создали One Pager, который отвечает следующим требованиям: rankingcheck.ch/seo-fuer-one-pager

Как и ожидалось, Google уже создал отдельную индексную запись для каждого раздела через один день:

слева

Чтобы поисковые системы могли найти отдельные URL-адреса одних пейджеров, они, конечно, должны быть связаны. В идеале это делается на самом One Pager. Конечно, если необходимо обеспечить постоянную защиту конкретного пользователя на One Pager, нет смысла связывать URL-адреса в обычной, доступной для пользователя навигации. Потому что щелчок по обычным ссылкам HTML вызовет HTTP-запрос и перезагрузит страницу. Вместо этого вы должны делать ссылки видимыми или кликабельными, только если JavaScript отключен. Примеры: 1. На стороне швейцарская международная консультативная группа Клики по пунктам меню (в навигации слева) открывают новую страницу только в том случае, если JavaScript отключен. 2. На примере плагина jQuery Бесконечная прокрутка AJAX соответствующие ссылки видны только при отключенном JavaScript.

Это также гарантирует, что все разделы доступны для пользователей, которые отключили JavaScript по умолчанию.

Важно отметить, что сканеры могут получать доступ к ссылкам на отдельные разделы из любой начальной точки, то есть из каждого раздела.

Манипулирование историей браузера

Чтобы улучшить взаимодействие с пользователем, убедитесь, что отображаемый в браузере URL-адрес изменяется при переходе от одного раздела к другому. Чтобы пользователи в любое время знали URL-адрес, по которому доступны отдельные разделы, и могут связать их напрямую. Поскольку отображаемый в браузере URL-адрес обычно изменяется только при загрузке страницы, необходимо прибегнуть к хитрости: манипулировать историей браузера. Это было возможно с HTML5, см. Гид из Мозиллы , С помощью функции JavaScript replaceState () URL-адрес, отображаемый в настоящее время в браузере, можно изменить без загрузки новой страницы, т.е. без выполнения нового запроса к серверу. Мы также реализовали эту функцию на приведенной выше странице примера.

Можем ли мы помочь вам в создании или оптимизации ваших собственных пейджеров? Не стесняйтесь обращаться к нам контакт ,

Этот пост и примерная страница являются совместным производством Майкла Веттштейна (технический стажер по SEO), Свена Шойермейера (SEO-консультант) и Кристиана Фрефеля. JS ссылки тестовая страница
JS Test2

Кристиан Фрефель

Кристиан Фрефель - старший консультант по SEO и контент-маркетингу. Очарованный онлайн-миром как местом мощных инноваций, он с энтузиазмом посвятил себя онлайн-маркетингу после окончания философии и получения степени магистра в области корпоративных коммуникаций. Ранее он работал лектором в университете и консультантом по проектам в области управленческого консультирования.

Похожие

Комментарии