История Рид Штайнера.
Посмотрим на факты: веб-сайты Parallax выглядят действительно круто. Но SEO для сайтов Parallax стоит хлопотать? Как вы получите одностраничный сайт для участия в Google?
Многие эксперты SEO и цифрового маркетинга скажут, что это не стоит, но это не так. Конечно, не каждый сайт должен быть параллаксом. Но если это поможет вам апеллировать к вашей целевой аудитории, не позволяйте угрозе SEO Dip в пути. Параллаксные сайты не все плохо, если вы построете их вправо, и есть много способов построить лучшее SEO, который выберет традиционные веб-сайты из парка.
Эта статья использует много примеров, но никаких скриншотов или видео не может запечатлеть, насколько интерактивный веб-сайт Parallax может быть. Не стесняйтесь исследовать каждый веб-сайт на новой вкладке, используя ссылки, предоставляемые под каждым изображением.
Это зависит от того, кто вы спрашиваете.
Строго говоря, веб-сайт Parallax использует эффект параллакса. Перемещая разные слои на разных скоростях в качестве прокрутки пользователей, веб-сайт, по-видимому, имеет трехмерную глубину. Firewatch Chame Game Webse Отображает этот эффект очень хорошо. Когда вы открываете сайт, он выглядит так:
Однако, когда вы прокрутите вниз, передний слой перемещается быстрее, чем задние слои. В результате пейзаж выглядит трехмерным, как вы прокрутите.
Обратите внимание, что передний слой переместил тонну, но задний слой едва ли вообще перемещался. Это параллакс.
Однако язык имеет забавный способ развиваться со временем. Поскольку многие веб-сайты PARALLAX соответствует всем контенту сайта на одну страницу, определение начало меняться. Теперь даже профессионалы отрасли назовут любую одностраничную прокрутку веб-сайта «Parallax», даже если веб-сайт не использует эффект параллакса.
Конечно, «Parallax» означает «одну страницу», может быть не предписно правильно, но вот сколько профессионалов используют слово сейчас. Кроме того, вы не можете сломать линии, если вы слушаете предписания.
Мы могли бы поспорить о достоинствах каждого определения в течение нескольких дней, но давайте сосредоточимся на том, что оба определения имеют общего: сайт вписывается в одну длинную прокрутку. Этот выбор дизайна поставляется с некоторыми плюсами и минусами, особенно в отношении дизайна и SEO.
Сайты Parallax не такие обычные, как традиционные, но они могут быть чрезвычайно полезны в определенных контекстах.
Сайты Parallax идеально подходят для путешествий пользователя. Поскольку весь контент появляется в качестве прокрутки пользователей, вы можете уточнить путешествие пользователя, укрепить историю своей марки и оптимизировать вашу воронку. Это не удивительно Параллаксные сайты имеют более высокую скорость преобразования 37,5% .
Параллаксные сайты могут выглядеть довольно круто. Динамические анимации, потрясающая графика и высококачественная графика могут сделать захватывающий веб-сайт параллакса. В результате сайты Parallax обычно имеют более низкий уровень отказов.
Сайт параллакса стоит меньше традиционного сайта, потому что вам нужно только платить за одну страницу. Конечно, эта страница не маленькая, но это все еще только одна страница. Это отличный выбор для бизнеса, которые хотят высококачественный масштабируемый сайт.
Если для вашей компании важен рассказчик, путешествие пользователей, Scaleability и бюджет.
Параллакс не идеален. В противном случае каждый сайт будет параллакс. Это поставляется с несколькими недостатками.
Не хватает страниц
Это самая большая проблема: веб-сайты Parallax — это одностраничное. Если Google только индексирует одну страницу, вы не будете ранять почти столько же ключевых слов. Кроме того, вы будете ограничены только одним названием H1.
Длительное время загрузки
Вы можете вписаться только так много контента на одну страницу, прежде чем она замедляется. Если весь ваш веб-сайт вписывается на одну страницу, она не будет загружаться так же, особенно если она использует эффект параллакса или другие динамические анимации. Проще говоря, веб-сайты Parallax нагрузятся на загрузку.
Браузер/мобильная совместимость
Динамическая графика и большие анимации могут иметь проблемы с загрузкой на определенные браузеры или мобильные устройства.
Эти проблемы огромны, но только если оставить без присмотра. Если вы знаете, что вы делаете, вы можете решить все эти проблемы.
Фрет нет! Там все еще есть надежда.
Если вы построите свой одностранственный веб-сайт правильным способом, эти проблемы будут намного менее проблематичными.
Решение 1: страниц
Лучший способ сделать прокрутку CONTENT CAMPLAWLE, — это сломать его в отчетливые куски, которые могут понять Google. К счастью, Google объясняет, как это сделать.
Первая рекомендация Google для прокрутки страницы состоит в том, чтобы разделить страницу в компоненты. Вот полезная диаграмма из Google Blog Post Отказ
YOAST продолжается с большим количеством советов о том, как настроить разные разделы. Это говорит о использовании
Другой ключевой шаг для создания разрезных разделов является правильно структурирование ваших URL. Google консультирует использование полных URL для каждой компонентной страницы, поскольку она делает ошибки менее вероятными.
Хорошо: Хорошо: менее оптимально: example.com/fun-items#1
Эти руководящие принципы помогают вам разделить свой контент в различные разделы, которые могут выползли Google. Хотя эти разделы не идеальны, они имеют большое значение и помогают вам разделять немного больше.
Единственная проблема с последним методом заключается в том, что Google не указан в каждом разделе. Это очень плохо. Если бы только вы могли бы получить Google, чтобы индексировать каждый раздел как отдельная страница!
А Отличный пост от iProspect говорит вам, как это сделать, используя jQuery.
Вот суть этого:
Шаг 1
Начните с разделить сайт параллакса на разделы. Это умная идея, используете ли вы этот метод или нет.
Шаг 2
Сделать один раздел активным. Все его содержание будет в HTML. Все остальные разделы будут неактивными и показаны пользователю через jQuery, чтобы Google не помечает свой сайт для дубликата контента.
Шаг 3
Когда пользователь прокручивает в новый раздел, функция jQuery будет нажать содержимое PHP в HTML. Другими словами, это будет палоп на месте на месте, когда пользователь попадает туда.
Страница iProspect уходит в более подробно, но держит язык довольно просто. Я рекомендую Чтение его для более подробной информации Отказ
Однако это решение все еще ограничивает. Вы можете поместиться только так много разделов на ваш сайт до того, как страница станет слишком громоздкими. Наилучшее решение для сайтов SEO для параллакса придется включить около пяти разделов, чтобы предотвратить загрузку страницы слишком медленно. Тем не менее, вы можете иметь свой пирог и есть его тоже с блоге.
«Блоги великолепны», — говорит человек, который пишет блоги для жизни.
Если серьезно. Блоги чудесны для SEO так много способов. Они особенно велики, если вы хотите ваш веб-сайт PARALLAX для ранга для получения дополнительных ключевых слов.
Почему? Потому что вы создаете тонны и тонны дополнительных страниц, и Google индексов каждый!
Другими словами, вы можете получить лучшее из обоих миров: Brilliant UX веб-сайта Parallax с SEO традиционного.
Творческий копирайтер érika Moreira блестяще интегрирует свой блог прямо в Ее красивый сайт Отказ Пользователи прокручивают ее контент, выбирают кусок письма и бесшовно переход на следующую страницу.
Конечно, сайт уже не только одна страница, но это хорошо. Вы получаете огромные SEO Boost за немного больше денег.
Однако ни одно из этих решений не обращаются к двум двум проблемам SEO с веб-сайтами параллакса: скорость погрузки и совместимость.
Параллаксные сайты не должны сбояться на мобильных устройствах. Если вы спроектируете мобильный — сначала, вы не столкнетесь с этой проблемой.
Иногда, что значит вырезать вашу большую и сложную анимацию, но не всегда. Домашняя страница Fyresite.com открывается с анимацией, и она отлично работает на мобильном.
Сайты Parallax одинаковы: если вы хотите, чтобы они были лучше, постройте их на мобильные устройства. В конце концов, не следует прокручивать веб-сайты всегда приоритеты приоритеты устройств для прокрутки?
Вот реальный вопрос: SEO для веб-сайтов Parallax на самом деле это большая сделка?
Прежде чем вытащить о важности цифрового маркетинга и Google, позвольте мне объяснить: не каждый сайт нуждается в 100% совершенным SEO, и Parallax действительно не повредит вашему SEO достаточно, чтобы выбросить его целиком.
Как обычно, все зависит от вашей аудитории.
Что делать, если вы запустите Небольшая режущая стартап Это нужен потрясающий сайт для поощрения инвестиций? Ваш бренд рассказывает, масштабируемость и бюджет важнее вашего ранга. Веб-сайт Parallax идеален — даже если он имеет второстепенное, фиксируемое SEO Dip.
Что делать, если ты Художник, который должен продемонстрировать работу и собирать ведущие ? Ваша воронка продаж, дизайн страницы и бюджет важнее вашего ранга. Опять же, веб-сайт Parallax идеален — даже если у него несовершеннолетний, фиксируемый SEO-падение.
Что делать, если ты Бег конференции И нужна целевая страница для отправки гостей? Ваша удобство использования, дизайн и бюджет важнее вашего ранга. Неудивительно, что веб-сайт Parallax является идеальным, даже если он имеет второстепенное, фиксируемое SEO Dip.
Правда в том, что каждый сайт уникален. Иногда все преимущества веб-сайта Parallax перевезят крошечное падение в доступных ключевых словах. Даже Google соглашается, что более важно соответствовать потребностям вашего пользователя, чем играть в игру Parallax SEO.
Если сайт Parallax является лучшим подходящим для вас, не беспокойтесь о SEO. Просто дизайн высококачественного высокопроизводительного веб-сайта для вашей целевой аудитории и Google будет ранжировать вас. Если вы удовлетворяете свои потребности, они придут на ваш сайт.
Это так просто.
Оригинал: «https://dev.to/fyresite/seo-for-parallax-websites-how-to-rank-with-a-single-page-5335»