Приносят ли прогрессивные веб-приложения (PWA) пользу SEO? (со статистикой и примерами)

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

За последние пару лет стало ясно несколько вещей: если у вас есть бизнес в Интернете, вам нужно сделать его мобильным в первую очередь . Во-вторых, ваш мобильный опыт должен быть плавным и беспроблемным, если вы хотите, чтобы он переводился в доллары. Наконец, пользователи смартфонов очень непостоянны, и, несмотря на загрузку более 113 миллиардов приложений в 2018 году, пользователи по-прежнему регулярно используют только около 9 приложений в день.

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

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

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

Что такое ПВА?

Проще говоря, PWA — это удобный для мобильных устройств веб-сайт, который ведет себя как приложение, но его не нужно загружать для использования. У пользователей есть возможность сохранить PWA на свой телефон и запустить его как приложение, но это совершенно необязательно.

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

Вы можете глубже изучить определение PWA, а также его необычные функции в этой статье: «Что такое PWA? Все, что вам нужно знать о прогрессивных веб-приложениях»

Четыре ключевые технологии PWA

Все это возможно благодаря использованию четырех технологий, необходимых для работы PWA:

1. Файл манифеста веб-приложения (который разрешает доступ к главному экрану)
2. Сервисный работник (для офлайн-поддержки)
3. Безопасность транспортного уровня (TLS) (обеспечивает конфиденциальность и целостность данных)
4. Архитектура оболочки приложения (обеспечивает быструю загрузку)

В отличие от нативного приложения и адаптивного веб-сайта, прогрессивное веб-приложение предлагает множество преимуществ:

Сканирует ли Google сайты PWA?

Прогрессивные веб-приложения используют гибкость JavaScript, что означает, что Google видит одну опубликованную страницу как сайт JavaScript. Для PWA может быть создан новый URL-адрес, поэтому робот Googlebot будет сканировать страницу так же, как и любую другую страницу, опубликованную в Интернете.

Google сканирует сайты PWA так же, как он сканирует сайты AJAX или JavaScript, но есть некоторые проблемы, которые потенциально могут повлиять на «сканируемость», поэтому разработчикам необходимо знать, как оптимизировать сайт, чтобы обеспечить надлежащее индексирование страницы.

Рекомендации Google по поисковой оптимизации для прогрессивных веб-приложений

Джон Мюллер из Google предоставил подробную информацию о том, как Google обрабатывает PWA и сайты JavaScript в целом еще в марте 2016 года.

В посте он подчеркивает следующее:

• Не скрывайтесь от Googlebot. Важно, чтобы разработчик использовал метод обнаружения функций и постепенного улучшения, чтобы все пользователи имели доступ к содержимому. Также не рекомендуется перенаправлять на неподдерживаемую страницу браузера.
• Используйте rel=canonical при подаче контента с нескольких URL-адресов, чтобы не быть виновным в нарушении дублирования контента.
• Избегайте схемы AJAX-Crawling на новых сайтах.
• Робот Googlebot не будет индексировать URL-адреса со знаком «#». Многие прогрессивные веб-приложения используют символ решетки в своей структуре URL, что означает, что поисковые системы будут отбрасывать все, кроме #. Единственный способ обойти это — реализовать структуру URL с использованием традиционных правил SEO. Это может быть сложно для некоторых сайтов и компаний, но это необходимый шаг для продвижения вперед.
• Проверьте, как Googlebot видит страницу. Вы можете использовать инструмент Fetch and Render в Google Search Console, чтобы увидеть свой сайт именно так, как его видит Google.
• Убедитесь, что необходимые ресурсы не блокируются файлом robots.txt.
• Сократите количество встроенных ресурсов на странице (особенно количество файлов JavaScript, необходимых для отображения страницы), так как они могут быть загружены не полностью.
• Используйте точный файл карты сайта, чтобы сигнализировать о любых изменениях на вашем веб-сайте при использовании ускоренных мобильных страниц (AMP).
• Помните, что некоторые поисковые системы и поставщики веб-услуг, получающие доступ к контенту, могут не поддерживать JavaScript или поддерживать другое подмножество.

Кроме того, Lighthouse — полезный инструмент от Google, когда речь идет о PWA. Этот инструмент был создан Google для улучшения качества веб-приложений. Этот инструмент покажет вам, готово ли ваше веб-приложение стать PWA. Когда вы добавили свой веб-сайт в это приложение, Lighthouse измеряет его по четырем критериям и показывает проблемы, которые вы должны решить, чтобы увеличить скорость вашего веб-приложения.

Итак, вот как именно прогрессивные веб-приложения помогают SEO

Это правда, что PWA могут значительно улучшить ваш профиль в органическом поиске .

Как?

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

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

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

Более высокая скорость сайта

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

Почему вы должны заботиться о скорости сайта? Потому что это напрямую влияет на ваше SEO

Поскольку тесты скорости Google вступают в силу менее чем через месяц, возможно, самым большим преимуществом PWA является их более высокая скорость по сравнению с другими мобильными платформами и нативными приложениями. И не только Google требует более быстрых сайтов — это ВАШИ ПОЛЬЗОВАТЕЛИ! Большинство пользователей покинут мобильный сайт, если он загружается более трех секунд. (Сделайте себе одолжение и проверьте скорость своего сайта здесь!)

Forbes заметил значительное улучшение скорости после того, как они перешли на PWA, сократив скорость загрузки мобильных устройств с 3–12 секунд до 0,8 секунды! Поэтому, чтобы убедиться, что ваш бренд находится как можно ближе к началу списка поиска Google, пришло время сделать PWA вашими брендами в первую очередь для мобильной стратегии.

Лучшее взаимодействие

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

PWA могут невероятно имитировать настоящие мобильные приложения. С PWA у вас по-прежнему будет возможность сохранить его на главном экране, где он будет отображаться в виде значка на вашем устройстве, как и приложение, но вам не нужно будет проходить процесс загрузки из магазина приложений. А поскольку загрузка невозможна, PWA требуют значительно меньше места для хранения, чем нативные мобильные приложения. Starbucks создала PWA, размер которого на 0,4% меньше, чем у собственного нативного приложения! Кроме того, обновления контента происходят автоматически при обновлении, что позволяет пользователям получать доступ к новейшим функциям, функциям и обновлениям безопасности, даже не пошевелив пальцем (или не нажимая раздражающую кнопку «Установить обновление»).

 Рекомендуемая литература: PWA или нативное приложение: что вам больше подходит?

Теперь, когда приложение установлено на их мобильных телефонах, шансы на взаимодействие и вовлеченность становятся экспоненциально выше, как это было в журнале Forbes, когда они запустили собственное PWA. Пользователи были уведомлены каждый раз, когда новый контент был доступен с помощью push-уведомлений. Благодаря молниеносной загрузке страниц, быстрым переходам и легкому дизайну страниц PWA от Forbes удалось добиться следующего:

• Увеличить глубину прокрутки в 3 раза
• Увеличение числа сеансов на пользователя на 43%
• Получите 6-кратное увеличение числа читателей, завершающих статьи
• Удвоить их уровень вовлеченности, что означает увеличение вовлеченности на 100%.

В случае такого издательского сайта, как Forbes, высокая вовлеченность равна высокой конверсии, и все благодаря их новому PWA.

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

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

Все дело в URL-адресах

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

PWA не требуют различных типов URL-адресов «mobile.site.com», чтобы обеспечить удобство работы на мобильных устройствах. Они автоматически настраиваются для обеспечения стабильной работы независимо от устройства.

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

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

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

Завершение

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

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

PWA помогают строить долгосрочные отношения с клиентами. Это отличная награда, но вы также испытаете универсальный рост, такой как органический поиск, потому что ваш сайт ставит пользовательский опыт на первое место.

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

Пришло время уловить эти подсказки и инвестировать в PWA, которые сочетают в себе простоту мобильного Интернета со скоростью и удобством мобильного приложения. Два по цене одного — вот что вы получаете с PWA. Так когда ты собираешься строить свою?