Як створити веб-історії Google у WordPress

Повний посібник зі створення веб-історій Google за допомогою офіційного плагіна WordPress

Смартфони змінили весь наш світ, включаючи те, як люди сьогодні споживають контент. Все більше людей використовують свої телефони для перегляду в Інтернеті замість комп’ютерів. Таким чином, природно, що тип вмісту також має змінитися, щоб успішно відобразити цю зміну.

Google Web Stories створено саме для цього. Раніше відомі як історії AMP (оскільки їх підтримує фреймворк AMP), вони були переохрещені. Щоб отримати початкове уявлення про те, що вони собою представляють, уявіть собі історії в Instagram, але не зациклюйтеся на тому, що існує багато суттєвих відмінностей, найважливішою з яких є те, що веб-історії Google не є ефемерними.

Що таке Google Web Stories

Google Web Stories – це швидкий засіб для захоплюючого оповідання. Виготовлений у візуальному форматі, він використовує комбінацію зображень/відео та тексту для створення досвіду розповіді. Створені спеціально для мобільних телефонів, вони, як правило, являють собою повноекранні зображення із зануренням із деяким супровідним текстом, щоб розповісти історію. Зазвичай він має кілька сторінок, щоб повністю відобразити всю розповідь.

Google Web Stories існує вже деякий час, ви навіть могли натрапити на деякі з них, коли шукали щось у Google, але те, що тепер відрізняється тим, що Google пропонує офіційний плагін Google Web Stories для WordPress, який спростить роботу для створення веб-історій для видавців.

Вони можуть з’являтися в результатах пошуку Google, зображеннях, перегляді сітки (доступно в усіх регіонах і мовах) і розділі Discover (доступно лише англійською мовою і наразі лише в США). Веб-історії не тільки чудово підходять для того, щоб розповісти історію, яку ви хочете розповісти, залишаючи її короткою, але вони також мають великий потенціал для збільшення трафіку на вашому веб-сайті.

Як встановити плагін Google Web Stories

Google (наразі) випустив плагін Web Stories як загальнодоступну бета-версію, тому вам потрібно завантажити файл та вручну встановити його, якщо ви не хочете чекати публічного випуску. Перейдіть на сторінку Github для плагіна Google Web Stories WordPress.

Натисніть кнопку «Завантажити бета-версію».

Потім перейдіть до «Плагіни» на інформаційній панелі WordPress і натисніть «Додати новий».

Натисніть опцію «Завантажити плагін» і виберіть файл .zip, який ви щойно завантажили. Потім натисніть кнопку «Встановити плагін».

Після встановлення активуйте його, і в меню WordPress з’явиться новий параметр «Історії».

Як створити веб-історії Google у WordPress

Після встановлення плагіна GWS WordPress перейдіть до «Історії» з навігаційного меню ліворуч. Ви потрапите на інформаційну панель Stories. Тут ви знайдете будь-які чернетки та опубліковані історії.

Натисніть кнопку «Створити нову історію», щоб створити нову історію з нуля.

Редактор має простий у використанні, інтуїтивно зрозумілий інтерфейс, з яким не складно працювати. Він ділиться на три частини:

  • Ліворуч знаходиться меню елементів, з якого ви можете вибрати вміст, який ви хочете додати до історії, як-от зображення, відео, текст і фігури.
  • Центр, який матиме попередній перегляд того, як виглядає історія, та інструменти для публікації
  • І, праворуч, з додатковими інструментами редагування для кожного рівня дизайну, а також інструментами для документа

Додавання зображень до веб-історії Google

Ви можете додати вміст до історії з лівого розділу на екрані редактора історій. Зображення та відео, з яких ви можете вибрати, є з медіатеки WordPress. Щоб додати нове зображення, щоб ви могли редагувати його як історію, просто завантажте його до медіатеки.

Ви можете клацнути зображення або перетягнути його в редактор, щоб додати його на сторінку. У своїх інструкціях щодо створення веб-історій Google рекомендує використовувати відео тривалістю до 15 секунд і ніколи не використовувати відео тривалістю більше 60 секунд. Вони також пропонують підписувати відео.

Додавання тексту до веб-історії Google

Щоб перейти від зображень до тексту або фігур, клацніть вкладки у верхній частині розділу елементів.

Текст містить три попередні налаштування, з яких ви можете вибрати: заголовок, підзаголовок і основний текст. Виберіть категорію, щоб додати її на сторінку. Google рекомендує залишати текст на кожній сторінці коротким – менше 200 символів на сторінці.

Додавання фігур до веб-історії Google

Фігури включають деякі досить стандартні форми млина, як-от коло, квадрат, трикутник, серце, деякі багатокутники та краплі. Форми можуть бути досить простими, але їх можна використовувати як маски для скидання зображень під час створення історії. Їх також можна додати, натиснувши на них або перетягнувши їх у потрібну область.

Редагування веб-історій Google у WordPress

У центральному редакторі ви можете додати назву для історії, перейшовши до параметра «Додати назву». Google рекомендує залишати заголовок коротким до 40 символів.

Усі елементи, які ви додаєте на сторінку, додаються як окремі шари, тому ви можете редагувати кожен шар окремо. Щоб відредагувати елемент, натисніть на нього. Він буде виділений синьою рамкою, ви можете перетягнути його, щоб розташувати в будь-якому місці сторінки, змінити його розмір і використовувати інструменти дизайну праворуч для кожного елемента.

Ви можете редагувати окремі сторінки та додавати більше сторінок до історії. Google рекомендує, щоб історія мала приблизно 5-30 сторінок, а рекомендована ціль — 10-20.

Щоб додати нову сторінку до історії, натисніть значок «+» на панелі інструментів під редактором сторінки. Ця панель інструментів також має інші параметри редагування, як-от «Видалити сторінку», «Дублікати сторінку», «Скасувати» та «Повторити».

У редакторі також є кнопка для вмикання та вимкнення безпечного режиму. Тримайте безпечний режим увімкненим і щоб ваш вміст був видимим на більшості пристроїв, зберігайте важливу інформацію в безпечній зоні.

Редактор також містить параметри збереження історії як чернетки, її попереднього перегляду та публікації.

Інструменти дизайну та документування для веб-історій Google

Інструменти проектування праворуч стають активними лише тоді, коли елемент вибрано в редакторі. Отже, при виділенні тексту в редакторі праворуч з’являться інструменти для редагування тексту. Ви можете змінити вирівнювання та розташування, колір, розмір, стиль шрифту, міжрядковий інтервал тощо.

Кожен шар також матиме кілька загальних інструментів дизайну: непрозорість і посилання. Непрозорість кожного елемента за замовчуванням дорівнює 100, але ви можете зменшити її. Ви також можете додати посилання на будь-який елемент історії, але Google пропонує, щоб на сторінці не було більше одного посилання.

Натисніть вкладку «Документ», щоб перейти від інструментів проектування до інструментів документа. Сюди входять стандартні інструменти для публікації WordPress, а потім і інші. На додаток до статусів «Чернетка» та «Публічно», розповідь можна встановити як «Приватну», щоб вона також була доступна для адміністраторів і редакторів сайту, але не для всіх.

Крім цього, ви можете додати дату, логотип і зображення обкладинки, а також відредагувати постійне посилання. І найголовніше, ви можете налаштувати параметри просування сторінки. Налаштування «Розвиток сторінки» передбачає, чи буде історія автоматичного переходу, чи читач повинен вручну торкнутися, щоб перейти до сторінок.

Для параметра «Автоматичний перехід» ви також можете встановити тривалість між кожним перегортанням сторінки.

Використання шаблонів веб-історій Google

Плагін GWS WordPress також пропонує деякі шаблони, які можна використовувати для створення історії. Наразі існує 8 шаблонів для деяких стандартних категорій вмісту, таких як краса, їжа, DIY, розваги, мода, фітнес, подорожі та благополуччя. Може бути лише 8 шаблонів історій, але кожна історія має кілька сторінок, тому між ними у вас є середня кількість варіантів на вибір.

На інформаційній панелі веб-історій натисніть опцію «Дослідити шаблони», щоб відкрити шаблони.

Наведіть курсор на шаблон, і з’явиться кілька параметрів. Натисніть «Перегляд», щоб переглянути сторінки в ньому, і «Використовувати шаблон», щоб відкрити його в редакторі та почати редагувати історію.

Веб-історії легко створювати і обов’язково привертають увагу користувачів до вашого вмісту. Вони можуть допомогти збільшити трафік на ваш веб-сайт, залучаючи більше мобільних користувачів, і ви навіть можете монетизувати їх за допомогою партнерських посилань. Але найголовніше, що з їх естетикою та швидкістю їм важко сказати «ні». А новий плагін WordPress спрощує створення Google Web Stories для будь-кого.