Параллакс Веб-дизайн против SEO: что нужно знать

  1. Что такое Parallax Web Design?
  2. … Но действительно ли это «параллакс»?
  3. Почему параллакс вреден для SEO
  4. Но что, если SEO - это не все-и-конец-все?
  5. Можете ли вы пользоваться преимуществами как SEO, так и параллакса?
  6. Присоединяйтесь к вебинару SEMrush!

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

В этом посте я расскажу об опасностях веб-дизайна параллакса: его влиянии на SEO, почему он недружественен к SEO, и есть ли какие-то обходные пути, чтобы посмотреть, сможете ли вы съесть свой торт с параллаксом и съесть его тоже.

Что такое Parallax Web Design?

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

Параллакс сайты в значительной степени полагаться на эффект прокрутки на одной странице, а не на то, что контент сайта распределяется по нескольким страницам, как на традиционных сайтах. Так, на домашней странице сайта параллакса, если вы, например, нажмете «О» в верхней части меню, вместо того, чтобы перейти на domain.com/about (то есть на другую страницу), URL изменится на domain.com # about и вы автоматически прокрутите страницу вниз до раздела «О программе» на той же странице.

com # about и вы автоматически прокрутите страницу вниз до раздела «О программе» на той же странице

Пример - scytale.pt GIF создан с использованием Gyazo

… Но действительно ли это «параллакс»?

Ну ... Некоторые люди утверждают, что название не соответствует параллаксу. Этот пост Роб Палмер объясняет почему, приводя примеры веб-сайтов «параллакса», которые на самом деле следуют истинному стилю параллакса и не следуют ему. Но учитывая тот факт, что очень многие люди уже относятся к ним таким образом, я буду придерживаться этого ради последовательности - даже если это неправильно.

Почему параллакс вреден для SEO

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

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

  • ком
  • ком # бай-виджеты
  • ком # виджетов ремонт
  • ком # контакт

Но вот как будет выглядеть структура URL, если она будет разбита на отдельные страницы:

  • ком
  • ком / купить-виджеты
  • ком / виджеты ремонт
  • ком / контакт

В первом примере поисковые системы будут индексировать домашнюю страницу, но не последние три URL, так как поисковые системы индексируют целые страницы, а не отдельные идентификаторы фрагментов (хэши в URL, которые действуют как ярлык для части страницы) отдельно.

Во втором примере поисковые системы смогут индексировать все четыре страницы по отдельности. Это дает дополнительную видимость в поисковых системах и повышает шансы содержания на отдельных страницах - для виджетов Buy, Widget Repair и Contact - для повышения рейтинга в поисковых системах.

Это важно, потому что, если веб-сайт хотел получить рейтинг, например, по ключевому слову «восстановление виджета», вероятность этого гораздо выше, если URL-адрес - domain.com/widget-repair (т.е. отдельная страница), а не домен. com # widget-repair (и, следовательно, часть домашней страницы: domain.com).

Специальная страница восстановления виджетов может правильно сфокусироваться на этом ключевом слове - например, фраза «восстановление виджетов» может появиться в ее заголовок страницы, ее метаданные, тег H1 и другие теги заголовков его копия страницы (с более высокой плотностью) и т. д. Между тем версия параллакса (domain.com # widget-repair и, следовательно, domain.com) будет иметь более трудные ранжирования для этого ключевого слова, так как заголовок и общее содержание страницы будут в более общем смысле, фраза «восстановление виджета», возможно, появляется только в одном небольшом разделе всей страницы.

Но что, если SEO - это не все-и-конец-все?

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

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

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

Независимо от того, чтобы быть на безопасной стороне, и учитывая важность SEO в общей схеме вещей, я уверен, что в 99 случаях из 100 путь будет непараллаксным.

Вы могли бы иметь и то и другое, хотя ...

Можете ли вы пользоваться преимуществами как SEO, так и параллакса?

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

Вы можете сохранить домашнюю страницу в качестве «индексной» страницы для каждого раздела и сохранять их в стиле дизайна параллакса, в то время как каждый раздел имеет свою собственную выделенную страницу (для целей SEO). Например, для восстановления виджета, щелкнув ссылку «Восстановление виджета» на домашней странице, можно перейти в раздел «Восстановление виджета» на домашней странице (т. Е. Domain.com # widget-repair), который может служить введением в службу (т. Е. Содержать краткий вступительный абзац), заканчивающийся ссылкой «Узнать больше», которая ведет на специальную страницу, посвященную сервису восстановления виджетов (т. е. domain.com/widget-repair - странице, которая более подробно объясняет службу, например, несколько сотен слов). Это может быть воспроизведено во всех разделах сайта.

Однако, если вы выберете это решение, есть несколько других соображений, о которых следует знать:

  • Части сайта будут параллаксом, в то время как другие части (например, отдельные страницы) не будут. Это может вызвать путаницу у посетителей, если они перемещаются между различными разделами - и особенно, если они сначала посещают страницу / раздел без параллакса на сайте, прежде чем перейти к разделу параллакса. Это может потенциально оттолкнуть посетителей и потенциальных клиентов / клиентов, что негативно скажется на коэффициенте конверсии сайта.
  • Это также может повлиять на то, как решить, как будет работать верхнее меню в будущем, т. Е. Будет ли нажатие на раздел перенаправлять пользователя в раздел параллакса на домашней странице (например, domain.com # widget-repair) или прямо на страницу без параллакса ( например, domain.com/widget-repair).
  • Я также рекомендовал бы уделить время тому, чтобы убедиться, что вводный контент на главных страницах (параллакс) уникален для более углубленного контента на выделенных (не параллакс) страницах, иначе сайт может быть наказан поиском. движки для содержания слишком много дублированного контента. Например, для восстановления виджетов я бы порекомендовал, чтобы вступительный абзац на главной странице отличался от содержимого на специальной странице восстановления виджетов, а не просто выполнял задачу копирования и вставки одного и того же текста на обеих страницах. Я уверен, что если вы собираетесь расширять контент на каждой выделенной странице, то это не должно быть проблемой, поскольку на выделенной странице, вероятно, потребуется несколько сотен дополнительных слов, чтобы добавить ее в любом случае, чтобы увеличить это немного, но это все еще важно упомянуть.

Что вы думаете о веб-дизайне параллакса? Есть ли другие соображения, касающиеся SEO, юзабилити или CRO (оптимизация коэффициента конверсии)? Оставьте свои мысли в комментариях ниже!

Присоединяйтесь к вебинару SEMrush!

Готовы ли вы до вашей контент-маркетинговой игры? Присоединяйтесь к моему вебинару SEMrush 8 июня " 25 сообщений в блоге за один месяц: совместная организация малобюджетной кампании «Content Blitz» «.

Меню сайта
Мини-профиль
  • Регистрация Напомнить пароль?

    Бесплатно можно смотреть фильмы онлайн и не забудьте о шаблоны dle на нашем ресурсе фильмы бесплатно скачать c лучшего сайта
    Опросы
    Топ новости
    Инструкция: как включить подсветку клавиатуры на ноутбуке Asus


    Заблокировалась и отключилась встроенная клавиатура на ноутбуке: как снять блокировку и включить? 


    Ремонт ноутбука ASUS N75S в Санкт-Петербурге (СПб): замена дисплея, замена клавиатуры, ремонт корпуса Асус N75S, замена матрицы
    Услуга Стоимость, руб. Диагностика ASUS N75S Бесплатно (500р при необходимости разбора) Профилактические работы с системой охлаждения + замена кулера 2500 р * Замена чипа (видеочипа) ASUS N75S 6000-6500 Замена

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

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

    Как почистить клавиатуру компьютера
    С появлением компьютера человек все больше времени проводит за ним. Это и рабочий инструмент, и средство развлечения. Поэтому, совсем неудивительно, что определенные устройства, используемые для ввода

    Замена и ремонт клавиатуры для ноутбука, видео-инструкции
    Замена клавиатуры и кнопок ноутбука показано на видео с подробным объяснением процесса. Цена замены в сервисном центре от 200 рублей . Звоните по тел: +7 (812) 640-03-20 . Замена или ремонт

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

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

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