Параллакс Веб-дизайн против 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» «.

Похожие

SEO: что нужно знать
... seo-cto-nuzno-znat-1.jpg" alt="Наблюдайте за трафиком на новом веб-сайте, и вы, вероятно, потеряли сознание от скуки между посетителями"> Наблюдайте за трафиком на новом веб-сайте, и вы, вероятно, потеряли сознание от скуки между посетителями. Итак, как большие сайты сегодня увеличивают трафик от 0 до тысяч или даже сотен тысяч уникальных посетителей в день? Поисковая оптимизация (SEO) это маркетинговая практика, которая помогает повысить
SEO
... но постоянно работать в рамках постоянной маркетинговой программы, которая продолжает определять основные этапы и результаты. Вехи SEO не должны быть наивысшими по этому ключевому слову или фразе; это для того, чтобы ваша долгосрочная маркетинговая стратегия SEO приносила жизнеспособные продажи и ведет к вашему бизнесу. Как работает SEO? Эффективные программы SEO работают над тем, чтобы сделать веб-сайты максимально удобными для пользователя, обеспечивая
SEO, что это?
... лись на поисковой оптимизации . Несмотря на холодный ветер Варны и низкие температуры, люди, которые хотели посетить мероприятие, были больше, чем комната могла собрать и разложить по швам. Я лично добрался до первого ряда (рев, рев, рев) и внимательно следил за каждой лекцией. Правильно, многие новые и полезные (ха, надеюсь) контакты связаны с такими событиями. По крайней мере, я остался с таким мнением. Я настоятельно рекомендую всем хотя бы раз посетить
Как
... что такое Унгедулд де Герценс (буквально «нетерпение сердца»). Это новое совместное совместное производство от Саймона МакБерни основано на романе Стефана Цвейга «Унгедуль де Герценс». Больше... Исторические европейские боевые искусства (HEMA) относятся к боевым искусствам европейского происхождения, особенно
SEO специалист: что это?
Все говорят об этом: но в конечном итоге, что это такое и какая польза от SEO специалистов? Специализация seo Specialist, безусловно, заключается в том, чтобы быть специалистом в искусстве seo. Но, в конечном счете, «что такое SEO специалист» ? Это вопрос, который задают многие люди, но который структурирован таким образом, чтобы оставить пробелы между одним словом и другим или между словом seo (все заглавными буквами) и словом expert (в нижнем регистре),
Что такое международный SEO?
... SEO - это способ оптимизировать ваш сайт, чтобы глобальные поисковые системы могли быстро и без проблем определить, на какие страны и языки ориентирован ваш бизнес. Почему это важно? Статистика говорит сама за себя. Оптимизации для Google на английском просто недостаточно: Компания может рассмотреть
Что такое семантическое SEO?
... новление стало шагом к более семантическому поиску более четко. Здесь мы выясняем, что означает семантический поиск. Для начала важно понять, что семантика это доктрина лингвистической важности, поэтому речь идет не о технических вещах, которые вы делаете в коде на веб-сайте, а о смысле содержимого веб-сайта. Google (и, конечно, также другие поисковые системы) постоянно стремится быть умнее и давать более релевантные
Geek-Code - SEO - Что такое SEO? SEO или расшифровывается как ...
... ли расшифровка (поисковая оптимизация) - это способ или метод, позволяющий сделать ваш сайт или блог на странице / позиции в поисковых системах (поисковых системах), таких как Google, Bing и Yahoo. Понимание SEO также очень широкое, но все они включают в себя одно и то же: оптимизацию страницы вашего сайта / блога, чтобы она находилась на странице / позиции в поисковых системах с целевыми ключевыми словами. Пример SEO У меня есть статья на этом веб-сайте «Как создать
Отрицательный SEO: что это такое и как это работает
... что нужно сделать, чтобы ваш веб-сайт получил ранжирование по тому или иному ключевому слову, что нужно сделать, чтобы перейти со второй страницы на первую, как получить качественные ссылки. Если выполнение SEO стоит хорошо, удовлетворение от достижения цели того стоит. Однако может случиться так, что после позиционирования мы подвергнемся негативной SEO-атаке и потеряем часть или все то, чего достигли. Отрицательный SEO: только со спамерскими ссылками?
SEO это Чарли!
13 января 2015 С 7 января в Твиттере и других сетях вся страна находится в унисон и мобилизуется против этих отвратительных акций,
Что такое Seo Expert? Что делает Seo Expert?
... Seo Expert? Турецкий деньги, а это значит, поисковая оптимизация является очень активным и используется в рекламных целях во всем мире в пути, хотя еще не полностью создана в Турции и практика используется эффективным образом. Смысл в том, чтобы сделать поисковые веб-страницы более доступными для поисковых систем. Это техническое соглашение также кратко называется SEO. Это аббревиатура английской концепции поисковой оптимизации. Кроме того, поисковые системы используют алгоритмическое

Комментарии

Но если вы не университет, как вы можете убедить Google, что вы законны?
Но если вы не университет, как вы можете убедить Google, что вы законны? Ну что ж ... Поиск в Google не человек. Это алгоритм. Фактически, это алгоритм, который рассматривает Интернет как соревнование популярности между сайтами и использует его как способ определить, кому можно доверять. Если 25 миллионов доменов ссылаются на домашнюю страницу New York Times каждый день, Google понимает, что TImes - это результат поиска, который люди хотят видеть. Итак, первая часть этого
Так что, если SEO - это гарантия того, что ваш сайт оптимизирован для поисковых роботов и занимает высокое место в результатах поиска, что такое мобильное SEO?
Так что, если SEO - это гарантия того, что ваш сайт оптимизирован для поисковых роботов и занимает высокое место в результатах поиска, что такое мобильное SEO? Также известная как мобильная оптимизация, мобильное SEO - это процесс, который гарантирует, что посетители, которые получают доступ к вашему сайту с мобильных устройств, будут оптимизированы для своего устройства. Чтобы лучше понять, подумайте о времени, когда вы открыли ссылку на своем телефоне, и текст был невероятно маленьким,
Обычно должны быть тематические исследования и отзывы, чтобы показать вам, что они законны, но если вы не можете их найти, то будете ли вы доверять им?
Обычно должны быть тематические исследования и отзывы, чтобы показать вам, что они законны, но если вы не можете их найти, то будете ли вы доверять им? Если они не могут предоставить вам никаких доказательств, то они явно не стоят вашего времени, и вам следует обратиться в компанию, имеющую правильные полномочия. 4. Они даже не дадут вам правильную оценку Авторитетные SEO компании проведут полный аудит / отчет, чтобы увидеть, где ваш сайт теряет деньги, чтобы они могли точно
Как еще вы поймете, как люди реагируют на ваш сайт, если вы не посмотрите, выполняют ли они действия, которые вы от них хотите?
Как еще вы поймете, как люди реагируют на ваш сайт, если вы не посмотрите, выполняют ли они действия, которые вы от них хотите? Как использовать показатель отказов Теперь, когда мы получили неправильные представления, давайте поговорим о нескольких правильных способах использования показателя отказов для оценки эффективности вашего сайта. Показатель отказов + [метрика] Чтобы определить контекст отказов, подумав о сопряжении его с другим показателем, таким как
Я имею в виду, вы можете использовать четырехдюймовую кисть, чтобы покрасить основную обувь, но если серьезно, если вам это не нужно, зачем вам?
Я имею в виду, вы можете использовать четырехдюймовую кисть, чтобы покрасить основную обувь, но если серьезно, если вам это не нужно, зачем вам? Наконец, у нас есть небольшая, но сильная пила для работы, когда циркулярные пилы слишком большие. В наших офисах по адресу Миллер Деревообработка мы решили перейти на новую партию столов и столешниц, которую мы носили во время наших последних двух ходов по мере роста. Пришло время избавиться от старого
Если вы нанимаете специалистов по SEO со стороны, как вы можете убедиться, что нашли лучшего эксперта или агентство для ваших нужд?
Если вы нанимаете специалистов по SEO со стороны, как вы можете убедиться, что нашли лучшего эксперта или агентство для ваших нужд? Во-первых, спросите у других
Если вы позиционируете себя с фразами, которые вы не знаете ранее и у которых может быть очень мало трафика или которые никто не ищет в интернете, что хорошего в этом?
Если вы позиционируете себя с фразами, которые вы не знаете ранее и у которых может быть очень мало трафика или которые никто не ищет в интернете, что хорошего в этом? Не позволяйте вашему веб-позиционированию и фразам позиционировать их решать за вас. Мы все должны подумать, прежде чем приступить к работе. Каждое ключевое слово и для каждого сектора требуют задания веб-позиционирования по-разному. Вы должны проанализировать каждый случай. Есть фразы с большей
Если это так, вы слышали два очень известных имени Yoast SEO и Все в одном пакете SEO , Так где же лучший плагин?
Здесь вы должны использовать немного логики: если за 30 евро в месяц вы будете на первых страницах Google в очень короткое время, не думаете ли вы, что мы все сделаем то же самое? Если за 30 евро вы можете умножить на 10 или 20 количество посещений за 3 месяца, это действительно будет выгодно. И мы все подумаем, завтра я построю «обувной магазин в Мадриде» . Наш ИТ-консалтинг , César IT Consultores, покажет вам технические усовершенствования, чтобы ваше позиционирование
Вы заинтересованы в SEO, но не знаете, как определить, правильно ли вы нанимаете нужную компанию?
Вы заинтересованы в SEO, но не знаете, как определить, правильно ли вы нанимаете нужную компанию? Эта умная статья в Предприниматель дает несколько хороших вопросов. Я призываю вас взглянуть на это, если вы находитесь на рынке для компании SEO. Чтобы сэкономить ваше время, я ответил на 10 вопросов для Blue Corona ниже! 1. Могу ли я получить список текущих и прошлых клиентов? Конечно! Мы рады поделиться
В конце концов, может показаться, что, если вам повезет, вы можете выйти на пенсию только на одном клиенте, не так ли?
Вы заинтересованы в SEO, но не знаете, как определить, правильно ли вы нанимаете нужную компанию? Эта умная статья в Предприниматель дает несколько хороших вопросов. Я призываю вас взглянуть на это, если вы находитесь на рынке для компании SEO. Чтобы сэкономить ваше время, я ответил на 10 вопросов для Blue Corona ниже! 1. Могу ли я получить список текущих и прошлых клиентов? Конечно! Мы рады поделиться
Вы действительно знаете, что такое SEO и как это может повлиять на вас?
Вы действительно знаете, что такое SEO и как это может повлиять на вас? Я говорю о SEO, думаю о SEO, есть с SEO и мыть с SEO, но это не эксперт SEO. И если вы ищете Великого, я не мужчина. Почему ?! Потому что я не буду врать вам, что я знаю, ища усовершенствованные методы движка и как вы можете использовать SEO в ваших интересах. И это не телеграмма менеджера ... не сейчас, не будущее в книгах. Если вы все еще читаете это, то мы в порядке на текущей

Что такое Parallax Web Design?
? Но действительно ли это «параллакс»?
Можете ли вы пользоваться преимуществами как SEO, так и параллакса?
Что такое Parallax Web Design?
Но что, если SEO - это не все-и-конец-все?
Можете ли вы пользоваться преимуществами как SEO, так и параллакса?
Что вы думаете о веб-дизайне параллакса?
Есть ли другие соображения, касающиеся SEO, юзабилити или CRO (оптимизация коэффициента конверсии)?
Готовы ли вы до вашей контент-маркетинговой игры?
Итак, как большие сайты сегодня увеличивают трафик от 0 до тысяч или даже сотен тысяч уникальных посетителей в день?
Меню сайта
Мини-профиль
  • Регистрация Напомнить пароль?

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


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


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

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

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

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

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

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

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

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