Параллакс Дизайн и SEO - Проблемы совместимости

1. Параллакс дизайн список проблем совместимости
2. Как сделать два совместимых
3. 1) Дизайн «одной страницы» с параллаксной прокруткой с использованием jQuery.
4. 2) Примите архитектуру SEO, позволяющую многостраничную прокрутку параллакса.
5. 3) Прокрутка параллакса на домашней странице и обычная архитектура SEO.
6. Может ли Parallax действительно помочь вашему SEO?

Вы разрабатываете новый веб-сайт для своего бизнеса? Чего вы хотите достичь? Вас смущает, как сбалансировать удивительный пользовательский опыт с более высоким органическим трафиком?

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

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

Моя работа состоит в том, чтобы помочь SEO и Parallax зайти в одну постель с миссией запустить новую породу супер-сексуальных хитрых сайтов. (Я лох для сибиланса).

Параллакс дизайн список проблем совместимости

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

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

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

Наконец, что делать с установкой целей конверсии? Вам потребуется другая страница, если вы хотите измерить пользователей, которые интересовались частью контента, но не выполняли свои намерения.

Page Speed ​​- Еще одна жертва красивого дизайна параллакса - большая нагрузка на домашнюю страницу. Как правило, это связано с наличием изображений и видео очень высокого качества в одном файле. Хотя некоторые из этих проблем можно решить с помощью более быстрых серверов, аккуратного кода и CDN. Google по-прежнему не любит медленную скорость страницы, поскольку это представляет плохой пользовательский опыт в их глазах. Используйте Google понимание скорости страницы чтобы проверить ваш сайт не оскорбляет.

Мобильный - до сих пор не существует идеального решения для использования прокрутки Parallax на мобильных устройствах. Веб-мастерам придется создавать отдельные версии сайта специально для мобильных устройств. Популярным примером этого является Google «Как работает поиск» ,

Как сделать два совместимых

Да, это возможно. Эти два могут сосуществовать таким образом, который радует глаза как пользователей, так и Google.

Скажи Ваааааааат !!!

1) Дизайн «одной страницы» с параллаксной прокруткой с использованием jQuery.

Это было впервые написано о Кевин Эллен iProspect. В решении используется функция «pushstate» в jQuery. Это позволяет разделить страницу прокрутки параллакса на множество различных разделов, которые Google может определить в SERPS. Преимущество использования этой функции заключается в том, что каждый раздел будет иметь свой собственный уникальный URL-адрес и метаданные. Это здорово, потому что одну и ту же страницу можно проиндексировать несколько раз для разного контента. Это удобно, потому что дизайн параллакса, который реализуется без каких-либо специальных рекомендаций SEO, иногда приводит к серьезному отсутствию проиндексированных страниц, что означает плохую видимость поиска.

Резюме

- Pushstate - отличная функция для существующего одностраничного веб-сайта с параллакс-прокруткой, который необходимо оптимизировать для поиска.

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

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

2) Примите архитектуру SEO, позволяющую многостраничную прокрутку параллакса.

Проще говоря, вы начинаете с пирамиды архитектуры страницы SEO, а затем размещаете эффекты дизайна с параллакс-прокруткой на каждом URL. Это, возможно, идеальный компромисс между UX и SEO, не перевешиваемый другими.

Резюме

- Полезно для аналитического программного обеспечения, потому что каждый URL имеет свой собственный контент. Отслеживание может быть размещено на всех страницах, что значительно упрощает настройку целей конверсии и понимание поведения пользователя.

- Он не совсем соответствует тенденции прокрутки параллакса и поэтому не так эффективен для раскрытия потенциала истории бренда.

- Однако дизайн может показаться привлекательным: наличие большего количества страниц также означает, что требуется больше обслуживания, что может привести к более дорогостоящим затратам вашей команды дизайнеров.

3) Прокрутка параллакса на домашней странице и обычная архитектура SEO.

Этот метод размещает прокрутку параллакса на главной странице, а затем включает другие URL-адреса, которые оптимизированы для SEO, но не имеют прокрутки параллакса. Это метод, принятый такими брендами, как Spotify , Это позволяет им иметь привлекательную домашнюю страницу, которая помогает донести голос бренда. Наличие других страниц, не поддерживающих параллакс, помогает пользователям затем углубиться в содержание веб-сайтов, если они хотят узнать больше о конкретной услуге.

Еще одна идея - добавить блог на сайт. Добавление блога на ваш сайт параллакса может добавить огромную ценность при попытке привлечь посетителей. Это также еще один способ продемонстрировать свои отраслевые знания и авторитет.

Резюме

- Сохраняет веб-сайт легким и гибким, что облегчает его обслуживание и дизайн, будучи более доступным, чем предыдущие два варианта.

- Креативность хранится в коробке и не может сделать весь сайт UX и супер интерактивным опытом.

Может ли Parallax действительно помочь вашему SEO?

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

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

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

Похожие

Комментарии