{"id":30095,"date":"2021-04-20T08:06:58","date_gmt":"2021-04-20T06:06:58","guid":{"rendered":"https:\/\/www.strato.nl\/blog\/?p=30095"},"modified":"2024-06-12T10:33:26","modified_gmt":"2024-06-12T08:33:26","slug":"wordpress-google-web-stories","status":"publish","type":"post","link":"https:\/\/www.strato.nl\/blog\/wordpress-google-web-stories\/","title":{"rendered":"Story\u2019s voor WordPress met Google Web Stories"},"content":{"rendered":"\n

Story\u2019s zijn super populair op sociale media. In dit blog laten we zien hoe je professionele story\u2019s kunt cre\u00ebren met Google Web Stories en de bijbehorende WordPress plug-in.<\/strong><\/p>\n\n\n\n

    \n
  1. Wat zijn Web Stories?<\/a><\/strong><\/li>\n\n\n\n
  2. Een web story met sjabloon aanmaken<\/a><\/strong><\/li>\n\n\n\n
  3. Web Stories in WordPress met individueel design<\/a><\/strong><\/li>\n\n\n\n
  4. Opmaaksjablonen voor pagina’s<\/a><\/strong><\/li>\n\n\n\n
  5. Pagina-elementen invoegen en bewerken<\/a><\/strong><\/li>\n\n\n\n
  6. Animaties<\/a><\/strong><\/li>\n\n\n\n
  7. Eigen standaardstijlen voor tekst<\/a><\/strong><\/li>\n\n\n\n
  8. Web Story publiceren<\/a><\/strong><\/li>\n\n\n\n
  9. Stappen voor publicatie<\/a><\/strong><\/li>\n\n\n\n
  10. Checklist voor publicatie<\/a><\/strong><\/li>\n\n\n\n
  11. Tracking en reclame: Google Adsense, Google Analytics<\/a><\/strong><\/li>\n\n\n\n
  12. Matomo-trafficanalyse integreren<\/a><\/strong><\/li>\n\n\n\n
  13. Hulp bij problemen met Google Web Stories<\/a><\/strong><\/li>\n<\/ol>\n\n\n\n

    Wat zijn Web Stories?<\/strong><\/h2>\n\n\n\n

    Web Stories<\/a> zijn slideshows met interactieve content zoals je die al kent van social media. Een typische story bestaat uit een combinatie van foto\u2019s, video\u2019s, geluid en tekst die je als slides kunt doorbladeren. <\/p>\n\n\n\n

    Een groot voordeel van Web Stories is dat je story\u2019s kunt maken die onafhankelijk zijn van een social mediaplatform, zoals Instagram, Tik Tok of Facebook. Deze story\u2019s blijven altijd toegankelijk, omdat je er zelf controle over hebt. Informatieve verhalen ranken bovendien goed op Google en andere zoekmachines.<\/p>\n\n\n\n

    Google Web Stories zijn gebaseerd op de AMP-standaard (Accelerated Mobile Pages<\/a>) die Google zelf heeft ge\u00efntroduceerd. Dit is een HTML5-gebaseerde standaard die webcontent heel licht maakt, zodat het laden op mobiele apparaten als smartphones veel sneller plaatsvindt. De verhalen zijn bovendien handig te embedden en daardoor makkelijk op meerdere pagina\u2019s in te zetten. Je kunt ook een speciale URL-sectie (mijn-website.nl\/web-stories\/mijn-story\/) aanmaken voor je verhalen.<\/p>\n\n\n\n

    De WordPress plug-in Web Stories<\/a> stelt zelfs niet-technische bloggers in staat om Google Web Stories te ontwerpen en te publiceren. Wij lopen dit proces met je door. <\/p>\n\n\n\n

    Een web story met sjabloon aanmaken<\/strong><\/h2>\n\n\n\n

    Als je de Web Stories-plug-in hebt ge\u00efnstalleerd en geactiveerd, kun je meteen aan de slag. In het menu vind je het nieuwe item Stories<\/em>.<\/p>\n\n\n\n

    Het is zinvol om onder Settings<\/em> eerst je logo te uploaden. Dat is dan voor alle story\u2019s beschikbaar als herkenningsteken. Het logo moet minstens 96\u00d796 pixels groot zijn. Heb je nog geen logo? Dan kun je er eentje maken, bijvoorbeeld op de website canva.com<\/a>.<\/p>\n\n\n

    \n
    \"Je
    Een merk voor je web story\u2019s: upload je websitelogo<\/figcaption><\/figure>\n<\/div>\n\n\n

    Via Explore Templates<\/em> vind je een handvol professioneel ontworpen sjablonen waarin je alleen maar beelden en teksten hoeft te plaatsen om je eigen story\u2019s te bouwen. Door op Use Template<\/em> te klikken, kun je het betreffende ontwerp overnemen voor je eigen story. Vervolgens kun je het verder bewerken. De sjablonen zijn ook een goede manier om vertrouwd te raken met het maken van web story\u2019s.<\/p>\n\n\n\n

    \"Google
    Met de standaardsjablonen kun je snel en gemakkelijk professioneel ogende story\u2019s maken.<\/figcaption><\/figure>\n\n\n\n

    Je kunt trouwens ook je eigen story\u2019s gebruiken als sjabloon voor nieuwe story\u2019s. Ga daarvoor naar het overzicht My Stories<\/em>, klik op de drie stippen onder de titelafbeelding van het verhaal en kies de optie Duplicate<\/em>. Overigens werkt dit ook met story\u2019s die nog niet gepubliceerd zijn (Draft<\/em>), dus je kunt je eigen kleine sjabloonbibliotheek maken. Dan hoef je niet telkens met een volledig witte pagina te beginnen als je een nieuwe story maakt.<\/p>\n\n\n

    \n
    \"Google
    Duplicate-functie: gebruik je eigen story\u2019s als sjablonen voor nieuwe story\u2019s.<\/figcaption><\/figure>\n<\/div>\n\n\n

    Web Stories in WordPress met individueel design<\/strong><\/h2>\n\n\n\n

    Maar je kunt natuurlijk ook je eigen story\u2019s maken zonder sjablonen te gebruiken, door de menuoptie Add New<\/em> te gebruiken of de knop Create New Story<\/em>. Denk er bij het maken van foto\u2019s aan dat story\u2019s meestal in staand formaat gemaakt worden, omdat ze bedoeld zijn om op een smartphone te bekijken.<\/p>\n\n\n\n

    Een story bestaat uit verschillende bladzijden, die elk verschillende lagen hebben. Elke laag bevat een inhoudselement, zoals beeld, video, tekst, of geometrische vormen. Je maakt dus elke pagina uit verschillende elementen, die je elk afzonderlijk kunt bewerken. Je vindt de juiste tools aan de rechterkant van de story-editor. Klik, houd vast en versleep elementen om de volgorde van de lagen te veranderen.<\/p>\n\n\n\n

    Er zijn vijf basiselementen waarmee je de pagina’s kunt vormgeven:<\/p>\n\n\n\n