Einblicke in den Swissinfo Relaunch: unser Vortrag beim WCEU

WordCamp Europe 2024

Das diesjährige WordCamp Europe fand vom 13ten bis 15ten Juni im wunderschönen Turin in Italien statt. Ich war in den letzten Jahren auf einigen WordCamps in Deutschland zu Gast, aber Turin war mein erstes #WCEU. Mit über 2.500 Teilnehmern ist doch alles eine ganze Ecke größer, aufregender und vollgepackter. Es waren drei sehr intensive und großartige Tage, um sich mit der WordPress Community auszutauschen und viele neue Menschen und Altbekannte zu treffen.

Ein persönliches Highlight für mich war, einige meiner Kollegen wieder in Person zu sehen und noch besser kennenzulernen. Syde war insgesamt mit 15 Kollegen vor Ort. Neben vielen Meetings, Interviews und Events waren wir unter anderem beim Contributor Day als Teilnehmer und mit einem Table-Lead vertreten. Am ersten Tag des WordCamps hatten wir mit Erika Gili und Luis Rosales auch zwei hervorragende Speaker auf der Bühne. Sie gaben mit ihrem Talk einen tiefgehenden Einblick in die Migration einer Legacy Website zu Gutenberg.

WordPress VIP event

Am Freitagabend stand das WordPress VIP Event auf dem Plan, bei dem viele Partner-Agenturen und Kunden von WP VIP zugegen sind. Als Gold Agency Partner von WP VIP wurden wir eingeladen, als Speaker gemeinsam mit unserem Kunden unser Projekt in einem kurzen Flashtalk vorzustellen. Zusammen mit Veronica DeVore von Swissinfo (SWI) hatte ich das große Vergnügen, über den Relaunch von swissinfo.ch zu sprechen.

Das Event fand in einem wunderschönen und beeindruckenden Ballsaal eines Hotels statt. Nach einem kurzen Empfang mit ersten Drinks und Fingerfood ging es auch schon mit dem Speaker-Programm los. Nachdem zuerst News UK über ihre Adaptation des Block-Editors referiert hatten, kamen wir sehr schnell als zweiter Talk an die Reihe.

Seit meinem letzten Vortrag sind ein paar Jahre vergangen. Trotz etwas Nervosität vorab lief es auf der Bühne sehr gut und wir erhielten durchweg positives Feedback. Das lag auch am großartigen Support meiner Kollegen, die zahlreich im Publikum saßen und uns unterstützten. Ein herzliches Dankeschön geht auch an Veronica von Swissinfo, die sich bereit erklärt hatte, den Talk gemeinsam mit mir zu halten.

I wanted to thank you on behalf of Swissinfo for inviting us to take part in this talk, I enjoyed working on it and presenting it with Thomas and I received very good feedback afterwards. I also learned a lot about WordPress and the WordPress community at the conference!

Veronica DeVore, Head of Audience, Swissinfo

Direkt nach unserer Präsentation sprang dann Matt Mullenweg als unangekündigter Gast auf die Bühne, bedankte sich persönlich bei allen Speakern und richtete seinerseits noch ein paar Worte an alle Gäste. Es war definitiv eine große Überraschung, auf einmal Matt vor sich zu haben und seine Hand zu schütteln. Ein perfekter Abschluss der Speaker-Session. Anschließend ging es nahtlos über zur VIP-Party, bei der wir noch viel Zeit und Freude hatten, uns über die Talks, das Projekt und WordPress auszutauschen.

Das Swissinfo Projekt

Im Februar 2024 sind wir mit dem Relaunch unserer Kunden-Website swissinfo.ch live gegangen. Das Projekt umfasste eine komplette Migration aller Artikel, Bilder und Nutzer von einem proprietären Content-Management-Systems zu WordPress VIP. Unser achtköpfiges Team bei Syde, dem ich angehöre, hat in über 1,5 Jahren Entwicklungszeit das existierende Design und die Funktionalität in WordPress nachgebaut und insbesondere einen hochgradig angepassten Block-Editor für die Journalisten bereitgestellt.

Ein besonderes Merkmal der Swissinfo-Website ist, dass diese in ein Ökosystem von Microservices eingebunden ist, welche auf AWS (Amazon Web Services) gehostet sind. Das Projekt war deshalb sehr stark geprägt von der Anbindung externer Services und die Bereitstellung einer umfangreichen API. Dazu wurde die WordPress REST API um zahlreiche Custom Endpoints erweitert, um sowohl Content aus WordPress abzurufen als auch zu importieren.

Unser Talk: Connecting cultures at SWI

Für unseren Talk haben wir uns nach einer kurzen Vorstellung des Projekts drei spezifische Herausforderungen herausgegriffen, die wir genauer beleuchtet haben. Diese haben wir in Rotation präsentiert. Veronica von Swissinfo hat das Problem aus Sicht des Kunden und der User-Perspektive beschrieben, worauf ich mit einer Erklärung über die technische Implementierung gefolgt bin.

1. Mehrsprachige Website mit 10 Sprachen

Das journalistische Angebot von Swissinfo wird in 10 verschiedenen Sprachen angeboten, u.a. Englisch, Deutsch, Französisch, Italienisch, Arabisch, Chinesisch und Japanisch. Zur Umsetzung der mehrsprachigen Website setzen wir auf eine WordPress Multisite und unser eigenes Plugin MultilingualPress. Für jede Sprachversion existiert dabei eine eigene Site im Multisite Network.

Sehr innovativ ist die automatische Übersetzung der Kommentare mit Künstlicher Intelligenz, welche wir für den Kunden implementiert haben. Für neue Kommentare wird dazu die Sprache des Kommentars mithilfe der Amazon Comprehend API ermittelt und in der richtigen Language Site der Multisite gespeichert. Nach der Moderation und Freischaltung des Kommentars übermitteln wir diesen zur Übersetzung zu DeepL und replizieren den übersetzten Kommentar dann in alle Sites im Multisite Network. Die Nutzer können dadurch ohne Sprachbarrieren das gleiche Thema diskutieren und sich gegenseitig antworten – die Übersetzungs-KI sitzt im Zentrum und übersetzt hin und her.

2. Rezirkulation und Empfehlung von Artikeln

Viele internationale Leser erreichen swissinfo.ch über Suchmaschinen und soziale Medien. Eine große Herausforderung für unseren Kunden ist, diese Nutzer auf der Website zu halten, indem weitere interessante Artikel empfohlen werden.

Hierfür wurden sogenannte Recommendation Widgets entwickelt, welche empfohlene Artikel in der Sidebar anzeigen. Die Implementierung besteht aus zwei Dingen. Als Erstes dem Recommendation Service, einem Mikroservice auf AWS. Dieser verwendet Parse.ly und dessen Content Analytics Metriken, um passende Artikel zu finden und stellt diese via eine API zur Verfügung. Als Zweites erfolgt die Umsetzung der Widgets in WordPress, welche die empfohlenen Post Ids von der API abruft, die Artikel damit aus der WordPress Datenbank abruft und anschließend als Artikel Teaser darstellt. Ebenfalls enthalten ist die gesamte Logik, wie und wo genau die Widgets überhaupt erscheinen.

3. Komposition der Homepage

Ein weiterer Wunsch von Swissinfo war, schnell und flexibel auf die aktuelle Nachrichtenlage reagieren zu können. Dazu sollen beispielsweise die dargestellten Artikel und Sektionen auf der Homepage direkt von den Editoren rasch angepasst und frei konfiguriert werden können.

Wir haben dazu eine Reihe von Custom Teaser Blocks kreiert, welche die Artikel in Teaser Cards in verschiedensten Layout-Formen darstellen können. Der Content für diese Blocks wird hauptsächlich von sogenannten Query Lists bereitgestellt. Dabei handelt es sich um eine Custom Taxonomie, mit der Artikel mit vielfältigen Suchoptionen, flexiblen Regeln, Gruppen- und Pattern-Matching ausgewählt werden können. Im Block selbst wird dann nur die Query List definiert, welche den Content liefert, den der Block anzeigt.

Eine Trennung zwischen der Auswahl des Contents (Query List) und Darstellung des Contents (Blocks) bietet die größtmögliche Flexibilität und die Query Lists können über multiple Blocks wiederverwendet werden.

Weitere Infos zum Projekt gibt es auf Englisch auf dieser Seite von WPVIP.

Fazit

Es war großartig, gemeinsam mit unserem Kunden unser Projekt vorstellen zu dürfen und vor einer Gruppe von WordPress Enthusiasten auf dem VIP Event präsentieren zu können.