Веб-історії Google створюють унікальні «легкі» історії для мобільних відвідувачів. Вони являють собою оптимізовану по вертикалі форму оповідання, яка відмінно підходить для людей, які перебувають у дорозі – приклади будуть нижчими.
З новим плагіном WordPress для Google Web Stories можна запустити незвичайну фішку на своєму сайті WordPress – код не потрібен. За допомогою простого інтерфейсу перетягування можна створювати свої історії та публікувати їх у будь-якому місці сайту.
У цій статті ви дізнаєтеся, що таке формат веб-історій і яку користь він принесе вашому сайту, і пройдете крок за кроком створення історії з Google Web Stories на WordPress.
Що таке веб-історії Google
Веб-історії Google – це короткі фрагменти контенту, оптимізовані для мобільних пристроїв. "Історія" складається з серії вертикально розташованих слайдів, які мобільні користувачі можуть перегортати.
За словами Google:
Веб-історії занурюють ваших читачів у повноекранну взаємодію, що швидко завантажується. Легко створюйте візуальні оповідання, з привабливою анімацією та інтерактивними взаємодіями.
Кожна сторінка в Інтернеті може містити не більше 10 слів, а рекомендований розмір для всієї історії становить від 4 до 30 сторінок (або «слайдів»).
В історії можна демонструвати вертикальні відео до 15 секунд. Для відео потрібно додати підписи, щоб люди могли стежити за ними без звуку, перебуваючи у громадському місці.
Пропонуємо подивитись кілька прикладів. Їх потрібно дивитися на мобільному пристрої. Якщо ви працюєте на настільному комп'ютері, отримайте загальне уявлення про веб-історію Google:
- CNN Захист Антарктики
- BBC Moon Mess
- Атлантична Амазонка Золота лихоманка.
На технічному рівні веб-історії Google – це новий тип пришвидшених мобільних сторінок (AMP). Насправді їх раніше називали AMP Stories, а потім змінили назву Web Stories.
Переваги веб-історій Google
Використання веб-історій Google на вашому сайті WordPress дає кілька переваг.
Вони просто класні та пропонують унікальний досвід для ваших відвідувачів. Вони надають привабливий та унікальний спосіб розповідати історії.
Мобільні користувачі воліють подивитися на веб-історію, ніж намагатися прочитати статтю з дрібного тексту.
На практиці веб-історії можуть привернути особливу увагу до результатів пошуку Google.
Наприклад, деякі запити Google включатимуть поле «Візуальні історії», яке містить лише веб-історії. Ви також можете ранжувати веб-історії в пошуку картинок Google, що відкриває нові можливості для зв'язку з пошуковими системами. Нарешті, Google також включить веб-історії в Google виявити.
Чи стоять ці переваги часу, що витрачається створення веб-історій? Відповісти складно. Але безперечно варто витратити деякий час на експерименти, особливо для видавців та блогерів.
Як використовувати Google Web Stories на WordPress
Google працює над офіційним плагіном WordPress для веб-історій, який дозволяє легко розпочати роботу з веб-історіями на сайті WordPress.
Під час написання цієї посади (липень 2020 року), плагін все ще знаходиться в бета-версії, але незабаром з'явиться на WordPress.org.
Однак на даний момент ви можете знайти плагін Web Stories на GitHub. Поки плагін знаходиться в бета-версії, рекомендуємо бути обережними при його використанні на великих сайтах.
Для початку завантажте плагін із GitHub. Встановіть його на WordPress, завантаживши ZIP-файл, як і при інсталяції преміум-плагінів.
Активуйте плагін.
1. Створіть нову історію
Після активації з'явиться нова вкладка Історії на панелі інструментів WordPress
Щоб створити свою першу історію, перейдіть в розділ Історії → Додати новий.
2. Додайте контент
Після створення нової історії плагін запустить повноекранну панель інструментів із трьома стовпцями:
- Ліворуч – це список всіх мультимедійних файлів на вашому сайті, витягнутих безпосередньо з бібліотеки мультимедіа WordPress. Використовуйте різні вкладки вгорі, додаючи текст або піктограми до вашої історії.
- Середина – це перегляд слайда, над яким ви працюєте.
- Праворуч – налаштування окремих елементів вмісту, а також налаштування для всього документа.
Конструктор використовує різні шари, якби ви працювали у Photoshop. Кожен елемент має власний шар. Наприклад, текстовий заголовок – це один шар, форма – інший шар, і так кожного елемента.
Спершу потрібно встановити фонове зображення для історії. Натисніть на одне із зображень у вашій медіатеці та за потреби змініть його розмір. Після налаштування натисніть кнопку 'Встановити як тло" на правій бічній панелі:
Щоб додати різні типи тексту, перейдіть на вкладку Текст у лівому меню.
Додавши текст:
- Відредагуйте текст.
- Використовуйте праворуч, щоб змінити кольори, шрифти, розміри.
Щоб додати фігури, перейдіть на вкладку Фігури. Наприклад, накладіть фон під текст, щоб людям було легше читати його.
Можна відрегулювати непрозорість фігур, щоб вони не закривали фонове зображення. Щоб переконатися, що текст розташований перед фігурою, використовуйте список шарів. Шар із текстом має бути вищим за тло:
Якщо ви хочете видалити шар, перетягніть його з полотна, і він автоматично зникне.
Дивіться також:
Огляд WP TikTok Feed: показ відео TikTok на WordPress.
3. Повторіть наступні слайди
Щоб продовжити створення своєї історії, повторіть процес для слайдів, скільки ви хочете включити в свою історію. Google каже, що історії мають бути довжиною 4-30 слайдів.
Клацніть піктограму плюс, щоб створити нові слайди. Переміщатися між слайдами можна за допомогою стрілок або клацання слайдів у списку:
Дублюйте слайди, якщо хочете використовувати те саме базове форматування. Це заощадить ваш час.
4. Опублікуйте свою історію
Закінчивши налаштування всіх своїх слайдів, опублікуйте свою історію. Перейдіть на вкладку Документ праворуч та налаштуйте кілька додаткових параметрів.
Наприклад, ви можете налаштувати інформацію про видавця та постійне посилання для вашої історії.
Одним із найважливіших параметрів є Page Advancement. Ви можете або автоматично просувати сторінку через певну кількість секунд (це працює як історії в Facebook та Instagram), або ви можете дозволити читачам просуватися вручну за допомогою стрілок:
Зробивши свій вибір, натисніть кнопку Опублікувати.
Ви зможете переглядати свою історію на постійному засланні, і вона буде працювати як для настільних, так і для мобільних відвідувачів (хоча очевидно, що для мобільних відвідувачів це працює краще).
Ось приклад того, як це виглядає на робочому столі:
І це все.
Створення веб-історій Google безперечно потребує часу, тому воно підходить не для кожного сайту. Але це зручне середовище для взаємодії з відвідувачами, так що можливо варто поекспериментувати на вашому сайті WordPress.
З технічного погляду, плагін дозволяє дуже просто створювати історії – вас можуть стримувати лише тимчасові витрати.
Джерело: wplift.com
Коментарі до запису: 0