На відповідні веб-сайти більше не потрібні окремі веб-сайти для мобільних пристроїв або субдомени (m.website.tk). Тепер Safari підтримує PWA , останній великий браузер також готовий PWA . Чи забезпечить PWA (Progressive Web App), що рідні програми стануть так само зайвими, як окремі мобільні веб-сайти / субдомени? Або ж PWA лише дасть вам більше технічних головних болів і послабить ваші маркетингові зусилля? І чи є якісь переваги SEO?
PWA означає Progressive Web App . По суті, PWA є гібридною формою між програмою та веб-сайтом. У PWA ваші веб-сторінки відображаються в середовищі програми з функціональністю програми, також відомої як веб-сайт у куртці програми. Або процитувати Googler: "PWA - це веб-сторінки, які ви знаєте і любите, тільки з особливим соусом на них" .
Ваш веб-сайт - це колекція HTML-сторінок, створених за допомогою CSS і керованих Javascript. Відвідувачі можуть переходити безпосередньо до цих сторінок через панель браузера, відвідувати їх за допомогою результатів пошуку, а також через посилання на інших сайтах або в інформаційному бюлетені. Веб-сайти доступні через веб-переглядач, тому вам не потрібно мати певну операційну систему. Ви завжди залежить від підключення до Інтернету. Більше того, мобільний досвід і швидкість можуть залишити бажане бажане.
Додаток - це програмне забезпечення, яке завантажується через "магазин", що відповідає вашій операційній системі, встановленій на вашому пристрої. Це робить додаток "рідним". Програма відокремлена від вашого веб-сайту, хоча ви можете переконатися, що користувачі можуть надсилатися безпосередньо до програми, коли вони збираються використовувати ваш вміст за допомогою індексування додатків та глибоких зв'язків. Проте, зміст, можливості (наприклад, push повідомлення), дизайн та навігація можуть бути абсолютно різними, ніж на сайті.
Підключення до Інтернету не обов'язково потрібно використовувати, але часто це необхідно. Навіть якщо виробник вносить корективи, вам доведеться завантажити оновлення, щоб отримати вигоду від нього. Недолік: не весь вміст сайту доступний в додатку. Ви також повинні підтримувати технологію і контент для платформи (або насправді дві: iOS і Android) на додаток до сайту. І додатки рідко завантажуються спонтанно, так і додатково оптимізація магазину додатків потрібні більш широкі маркетингові зусилля.
Введіть PWA ...
Метою PWA є об'єднати найкраще з Інтернету та додатків. Як наслідок, він має переваги для розвитку, операцій та маркетингу. Компаніям подобається Twitter , Uber , Trivago і Lancôme вже пропонують PWA (див PWAstats.com або від Google ).
PWA отримують свою «куртку-додаток» завдяки архітектурі оболонки додатків та їх функціональності завдяки працівникові служби .
The архітектура оболонки додатків це стільки, скільки мінімальна кількість HTML, CSS і Javascript для відображення та управління інтерфейсом. Це має:
The службовець є двигуном PWA. Подумайте про це як про проксі-сервер між веб-сайтом і браузером. Працівник служби завантажує і кешує вміст. Якщо у вас немає підключення до Інтернету, вміст з кешу може відображатися. Якщо у вас є підключення до Інтернету, службовець може синхронізувати нові дані у фоновому режимі.
Працівник служби також може попередньо отримати дані, наприклад, щоб мати можливість швидше показувати зображення, які нижчі на сторінці. Крім того, працівник служби має доступ до апаратних засобів вашого пристрою (наприклад, геолокації, камери або гіроскопа) і надає поштові повідомлення.
Гуглер Джейк Арчібальд пояснює технічний ефект на основі вигаданого блогу про поїзди (насправді смішний).
Якщо ви тепер думаєте, що "дуже круто, я хочу цього теж!" Тоді дозвольте мені процитувати мудреця:
Якщо у вас зараз немає програми, але PWA здаються цікавими для вас, я хотів би заощадити вам багато головного болю, часу та грошей: вам, мабуть, не потрібен PWA. Тому що:
Сайт «Будівельники трафіку» - хороший приклад сайту, який наразі не вимагає PWA. Для нас достатньо швидкого веб-сайту з гарною навігацією. Таким чином, ми можемо краще зосередитися на оптимізації адаптивного веб-сайту, ніж створення PWA. Але ми будемо бачити, що компанії зроблять у майбутньому.
Звичайно, я бачу всі цифри, що стосуються зниження показників відмов і збільшення конверсій (незалежно від того, чи можна це робити в комбінації з AMP ). Питання полягає в тому, якою мірою ці результати не могли б бути досягнуті, поставивши час і гроші (і експертизу Google, які часто допомагають у розвитку) в інші штрихи оптимізації. Хоча переважна більшість програми майже не використовуються Є, звичайно, додана вартість кнопки програми на пристрої користувача. Таким чином, ви користуєтеся найвищою думкою користувачів, і ви надаєте швидкий доступ до свого сайту, а отже, і більше відвідувачів.
Різкий читач, напевно, вже знає: PWA зосереджується, зокрема, на найкращому досвіді вмісту на мобільному телефоні зі швидкістю і доступом, як головою. Це, у свою чергу, може призвести до більшої активності та, можливо, більшої кількості конверсій. Та що у меншій вартості та hassle ніж з рідною app!
Але чи може він також надавати вам переваги з точки зору SEO?
В даний час PWA не мають жодних переваг у Пошуку Google, і, наскільки я знаю, планів щодо зміни цього не існує.
- Джон Мюллер, Google
На жаль: ви не ранжувати вище тільки шляхом створення PWA. Для нативних програм це можливо через індексування програми . Індексуючи вміст вашого додатка, Google може вказати в результатах пошуку, що певна сторінка також доступна в програмі на вашому пристрої. Крім того, ви можете завантажити додаток безпосередньо з результатів пошуку (див. Малюнок). Хто знає, це також може бути застосовано до PWA в майбутньому.
Можливо, це також включає інші ключові можливості індексування додатків, такі як Google називає їх для PWA:
Якщо ці функції також стали можливими для PWA, існує перевага для SEO. Більш того, це більший шанс зробити підтвердження голосового пошуку вашої компанії, оскільки Google Assistant отримує інформацію з вашої програми замість означеного фрагмента вашого конкурента.
Нарешті, ймовірність того, що Google включає такі сигнали користувачів, як ставка відмов і участь у рейтингових факторах (RankBrain). Якщо PWA в цих областях дійсно призводять до значного поліпшення в порівнянні з оптимізованими веб-сайтами, існує також шанс для SEO.
Але будьте обережні: це все гіпотетичне і бажання рицаря на майбутнє. В основному, PWA залишається рамкою Javascript, а веб-сайт необхідний для ваших пошукових маркетингових заходів. Так що не розумно брати PWA замість вашого сайту: PWA є доповненням до вашого сайту, а не заміною !
Якщо ви хочете почати роботу з PWA, ви повинні взяти до уваги ряд рекомендацій щодо SEO. Це розумно не генерувати окремі URL-адреси виключно для вашого PWA. Зрештою, це лише вміст, який також відображається на вашому сайті. Ви робите це? Тоді переконайтеся, що ви використовуєте SEO-дружні URL-адреси (так що не # urls). Крім того, потрібно мати в порядку свої канонічні теги, щоб Google розумів, яка сторінка є оригіналом і яка повинна відображатися, коли.
Крім того, вам не потрібно блокувати ресурси за допомогою файла robots.txt. Вміст завантажується через Javascript. У консолі пошуку встановіть прапорець "Вибрати як Google", щоб переконатися, що ваші сторінки відображаються правильно. В основному стандартні поради SEO для веб-сайтів, які покладаються на Javascript, але завжди добре підкреслити.
Ця інформація та інструменти допоможуть вам у впровадженні та перевірці вашого PWA:
Досі виявилися виключно проблемою веб-розробки. Для маркетологів вони особливо цікаві з точки зору UX та взаємодії. Вам не потрібно робити це для кращої онлайн-пошуку. Насправді: якщо ви не звертаєте уваги, це може зашкодити вам з точки зору SEO.
PWAs (в значній мірі) могли б у майбутньому придушити нативні програми. Незалежно від того, чи варто ВПА витрачати час, гроші та зусилля на розробку, чи ви можете краще вирішувати свій поточний веб-сайт, залежить повністю від вашого поточного веб-сайту. Але ми не рекомендуємо вам повністю переходити з вашого сайту на PWA! І ми ніколи не боїмося дати вам пораду з цього приводу.
Що таке PWA?Copyleft © 2017 . www.info-center.od.ua Информационный центр - Всегда в центре событий