1. Любимый клиентом , ненавидимый SEO
2. Только один URL
3. Ограничения на метаданные и заголовки
4. Длительное время загрузки
5. Выше предела сгиба
6. Совместимость браузера
7. Мобильный опыт при отягчающих обстоятельствах
8. Сделать контент видимым для поисковых систем
9. Ограниченная веб-аналитика
10. Решения для Parallax One Pager SEO
11. Решение 1: попрощайтесь с концепцией чистого One Pager
12. Решение 2: «Поддельный пейджер » с настоящими попками
13. Решение 3: Всегда задавайте вопросы одному пейджеру
14. Советы по успешной реализации
15. Совет 1: SEO сначала
16. Совет 2: информация важнее дизайна
17. Совет 3: подумайте о создании дублированного контента
18. Совет 4: Используйте силу внутренних ссылок
19. Совет 5 : Поставьте мобильную версию без прокрутки параллакса
20. Заключение о SEO с Parallax One Pager

Теперь их все знают: Parallax One Pager. Несколько уровней, которые перемещаются с различной скоростью при прокрутке, сделали эти сайты чрезвычайно популярными. Поскольку оптический эффект так хорошо принят, все больше и больше операторов сайта не могут устоять. Тем более что техническая реализация не может быть проще. В настоящее время существует множество тем для WordPress, которые обещают быструю и простую реализацию.

Вот очень плохой пример agency SEO агентство с 97-го этажа ,

Любимый клиентом , ненавидимый SEO

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

Можно подумать, что компании научились и больше не уделяют дизайну наивысший приоритет. В конце концов, у них давно был этот опыт с Adobe Flash. SEO почти полностью исключил Flash из Интернета. Но с пейджерами Parallax One приманка кажется слишком большой.

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

Только один URL

«Реальные» пейджеры One реализованы на основе всего одного URL, что делает оптимизацию - если это не просто ключевая фраза - гораздо более сложной. Обычно каждой ключевой фразе присваивается собственная подстраница и, следовательно, также URL-адрес. С одним пейджером ограничение на URL является существенным ограничением.

В Интернете есть несколько страниц, которые были использованы для решения этой проблемы с помощью якорей. Контенту присваиваются не URL, а метки перехода

пример

Классический SEO вариант с одним пейджером

domain.com/keyword1 domain.com/#keyword1

domain.com/keyword2 domain.com/#keyword2

Однако такое решение не является идеальным. Якоря оцениваются Google по-другому, чем URL. Таким образом, ограничение URL остается критическим фактором.

Ограничения на метаданные и заголовки

Возможность не только назначения URL-адреса исключена, но и использование метаданных ограничено. Один пейджер имеет только один заголовок, который в конечном итоге относится ко всей странице. Особенно это ограничение имеет большое значение. Тем более, что это также может влиять на заголовки, потому что, например, CMS позволяет использовать H1 только один раз.

Длительное время загрузки

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

Бывает, что длительное время загрузки не только отрицательно толкает Google, но и раздражает посетителей. Если страница загружается слишком медленно, пользователи отскакивают, что является очень плохим сигналом и дополнительно угрожает рейтингу.

Выше предела сгиба

Другая задача состоит в том, чтобы представить важнейшее содержание «выше сгиба». Учитывая необходимое удобство использования, страницы предназначены для представления львиной части контента «ниже сгиба».

Совместимость браузера

Самой большой проблемой при разработке сайтов с эффектом прокрутки Parallax является совместимость браузера. Реализация может быть чрезвычайно громоздкой, и в то же время все еще существует остаточный риск того, что страницы в отдельных браузерах или устройствах по-прежнему отображаются неправильно. Это, в свою очередь, может уменьшить пользовательский опыт или даже увеличить показатель отказов в худшем случае.

Кстати, трудоемкая реализация с использованием HTML и CSS часто приводит к относительно большому объему кода, что, в свою очередь, отрицательно влияет на время загрузки.

Мобильный опыт при отягчающих обстоятельствах

Есть два фактора, которые значительно снижают мобильность. Сначала есть уже упомянутое представление на терминале. Пейджеры Parallax One не всегда отзывчивы, некоторые устройства могут испытывать затруднения при их отображении. Кроме того, большие объемы данных делают код более заметным с точки зрения времени загрузки. Прежде всего, пользователям, которые получают доступ к мобильным сетям, угрожают высокие показатели отказов.

Сделать контент видимым для поисковых систем

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

Ограниченная веб-аналитика

Данные играют важную роль в поисковой оптимизации. Однако сбор данных одного пейджера может быть строго ограничен. В этом случае не так много значит фактическая интеграция - код Google Analytics может вместить. Однако, в зависимости от типа веб-сайта, поведение пользователя не может быть зафиксировано как оптимальное. Воронки или подобные формы анализа данных часто непригодны.

Решения для Parallax One Pager SEO

Список ограничений может быть длинным, но, к счастью, есть способ избавиться от всех проблем. Есть несколько решений.

Решение 1: попрощайтесь с концепцией чистого One Pager

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

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

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

Решение 2: «Поддельный пейджер » с настоящими попками

Если реализация предпочтительнее, чем One Pager, требуется масштабная настройка. Цель состоит в том, чтобы представить сайт как один пейджер, хотя на самом деле он основан на домашней странице и дополнительных страницах. Для этой цели отдельные страницы последовательно связываются и «перезагружаются» при прокрутке, то есть пользователь испытывает, как он прокручивает от главы к главе на One Pager, хотя он фактически посещает подстраницы.

Техническая реализация осуществляется с помощью функции «pushState» в jQuery. Это позволяет целевым образом объединять отдельные страницы друг с другом, обеспечивая плавный переход.

http://www.winlocal.de/blog/2014/05/parallax-im-webdesign-was-man-bei-der-verwendung-unbedingt-beachten-sollte/

Преимущество наличия такого «поддельного одного пейджера» по сравнению с реальным одним пейджером состоит в том, чтобы обойти ограничения на URL, метаданные и заголовки. Площадка для SEO значительно расширена, что в конечном итоге приносит пользу рейтингу.

Решение 3: Всегда задавайте вопросы одному пейджеру

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

Советы по успешной реализации

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

Совет 1: SEO сначала

В течение многих лет мы благословляем SEO наших клиентов, что создается только концепция стороны / оптимизации и сопровождается техническая реализация. Но только с Parallax One Pager приманка кажется слишком большой. Клиенты входят в систему, если страница уже существует. Здесь тоже: SEO на первом месте!

Совет 2: информация важнее дизайна

В решении № 3 было ясно, что не нужно использовать обязательный пейджер и параллакс-скроллинг. Фактическая информация, которая должна быть доступна посетителю, имеет большее значение, чем дизайн. Дизайн - это упаковка, информация, но содержание.

Например, когда речь идет о представлении сложных продуктов и примеров приложений понятным способом, Parallax Scrolling может быть ценным инструментом. Если, с другой стороны, это создание целевой страницы, прокрутка может даже оказать негативное влияние на коэффициент конверсии.

Совет 3: подумайте о создании дублированного контента

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

Совет 4: Используйте силу внутренних ссылок

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

Совет 5 : Поставьте мобильную версию без прокрутки параллакса

На мобильных устройствах параллаксная прокрутка является настоящей проблемой. Время загрузки и ухудшения с точки зрения совместимости здесь не всегда можно избежать. Таким образом, некоторые оптимизаторы, такие как Карла Доусон из Mozblog, стремятся доставлять контент на смартфоны и Ко, не прибегая к параллаксной прокрутке.

https://moz.com/blog/parallax-scrolling-websites-and-seo-a-collection-of-solutions-and-examples

Заключение о SEO с Parallax One Pager

Parallax One Пейджеры приносят больше камней преткновения, чем часто подозревают. Большинство существующих сайтов реализованы неоптимально и требуют последующей оптимизации. Отдельные камни преткновения можно убрать с дороги, что означает, что при определенных обстоятельствах больше не следует принципу «одного пейджера».

Если проект все еще находится на стадии проектирования, SEO имеет приоритет над дизайном. Это может означать, что реализация не выполняется как Parallax One Pager. В конце концов, именно масштаб решает: чем меньше диапазон релевантных ключевых слов, тем выше вероятность реализации проекта как One Pager.

Похожие

Комментарии