visualize-admin · bprusinowski · Jul 23, 2025 · Jul 23, 2025 · Jul 23, 2025
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -14,6 +14,8 @@ You can also check the
 - Features
   - Improved UX of interacting with conversion units multiplier input
   - Updated WMS & WMTS providers list
+  - Added missing OpenGraph tags to the application (description, image) and
+    updated the title
 - Fixes
   - Interactive calculation is now correctly reset when removing segmentation
   - Tooltips are now correctly displayed in data preview table

diff --git a/app/pages/_app.tsx b/app/pages/_app.tsx
@@ -74,7 +74,9 @@ export default function App({
       <Head>
         <title key="title">visualize.admin.ch</title>
         <meta property="og:type" content="website" />
-        <meta property="og:title" content={"visualize.admin.ch"} />
+        <meta property="og:title" content={titleByLocale[locale]} />
+        <meta property="og:description" content={descriptionByLocale[locale]} />
+        <meta property="og:image" content={`${PUBLIC_URL}/og-image.png`} />
         <meta property="og:url" content={`${PUBLIC_URL}${asPath}`} />
         {federalTheme.preloadFonts?.map((src) => (
           <link
@@ -110,3 +112,17 @@ export default function App({
     </>
   );
 }
+
+const titleByLocale = {
+  de: "Visualisieren Sie Schweizer Open Government Data",
+  fr: "Visualisez les données ouvertes de l’administration publique suisse",
+  it: "Visualizza i dati aperti dell’amministrazione pubblica svizzera",
+  en: "Visualize Swiss Open Government Data",
+};
+
+const descriptionByLocale = {
+  de: "Erstellen Sie Visualisierungen von Datensätzen, welche durch den Linked-Data Dienst (LINDAS) des Bundesarchivs bereitgestellt werden und betten Sie diese in Ihre Webseite ein.",
+  fr: "Créez et intégrez des visualisations à partir des jeux de données du service LINDAS (Linked Data).",
+  it: "Crea ed incorpora visualizzazioni partendo dai dataset forniti dal servizio LINDAS (Linked Data).",
+  en: "Create and embed visualizations from any dataset provided by the LINDAS Linked Data Service.",
+};
diff --git a/app/pages/v/[chartId].tsx b/app/pages/v/[chartId].tsx
@@ -147,14 +147,12 @@ const VisualizationPage = (props: Serialized<PageProps>) => {
   return (
     <>
       <Head>
-        <meta name="twitter:card" content="summary_large_image" />
-        {/* FIXME: possibly we'll need to copy the content of first chart when migrating / saving to db
-        or have additional annotator for dashboards / compositions. */}
         <meta property="og:title" content={state.layout.meta.title[locale]} />
         <meta
           property="og:description"
           content={state.layout.meta.description[locale]}
         />
+        <meta name="twitter:card" content="summary_large_image" />
       </Head>
       <ContentLayout>
         {config.published_state === PUBLISHED_STATE.PUBLISHED && (

diff --git a/app/public/og-image.png b/app/public/og-image.png