The web-based version of "Stories", called Web Stories got special attention this year. A free and open-web format that blend video, audio, images, animation, and text to create engaging visual narratives now became part of the listed content on search, Google Images and Google Discovery. Learn about how to create web stories, what are the best practices that you keep in mind and finally how to analyse your results.

1. Web Stories the "new"
visual storytelling format
for the web
@fellyph
@fellyph

2. But first...

4. PWA
Privacy
Performance
SEO
CSS
And more…
https://www.youtube.com/playlist?list=PLNYkxOF6rcIDzLmWaDwfHVZJl1Q5RFgOR

6. stories

7. What they have in common ?

8. Web Stories

9. Web Stories == AMP Stories

10. Google I/O 2019
https://www.youtube.com/watch?v=L_waSaTNlqM

11. CMS Leadership Forum
why just now ?

12. CMS Leadership Forum
● The content is yours
● Flexibility for editorial and
branding
● Sharable and linkable on
the open web
● Track and measure
● Advertising Support
Web
Stories

13. Web Stories Everywhere

14. How to create web stories
● Coding with AMP
● Visual editor

15. CMS Leadership Forum
Coding

16. Coding: AMP boilerplate
https://amp.dev/boilerplate/

17. Coding: Web Stories
https://amp.dev/boilerplate/

18. Result:

19. Extra components

20. Bookend

21. CMS Leadership Forum
SEO

22. Testing Web Stories
https://search.google.com/test/amp

23. Tracking and analyzing

24. CMS Leadership Forum
Visual Editor

25. Visual Editors

26. WordPress Plugin
https://wordpress.org/plugins/web-stories/

27. CMS Leadership Forum
Future

28. INTERACTIVE CONTENT
https://amp.dev/documentation/components/amp-story-interactive/

29. Working Groups
https://amp.dev/community/working-groups/stories/

30. Google Web Creators channel
https://www.youtube.com/channel/UCXZNlYNefXV3iMcyzszt_9Q

31. CMS Leadership Forum
Reviewing
● You own the content
● Flexibility for editorial
● No 24 hours time
● No “link in a bio”
● Open Web
● Indexable

32. DrupalCon
Questions ?

33. CMS Leadership Forum
Obrigado
(Thank you)
@fellyph