meta

api/collections/content.yml

@@ -23,6 +23,7 @@ meta:
               - source: active
                 name: Aktiv
                 filter: true
+
     tablist:
         activeTab: general
 
@@ -372,3 +373,37 @@ fields:
               - source: nextPage
 
       subFields: !include fieldLists/row.yml
+
+    - name: meta
+      type: object
+      meta:
+          label: Meta Agaben
+          dependsOn:
+              eval: $.type == "page"
+      subFields:
+          - name: title
+            type: string
+            meta:
+                label: Titel
+                containerProps:
+                    layout:
+                        size:
+                            default: "col-6"
+                            small: "col-12"
+                            large: "col-6"
+          - name: description
+            type: string
+            meta:
+                label: Beschreibung
+                widget: richtext
+                containerProps:
+                    layout:
+                        size:
+                            default: "col-6"
+                            small: "col-12"
+                            large: "col-6"
+          - name: keywords
+            type: string
+            meta:
+                label: Schlüsselwörter
+                widget: richtext

frontend/src/lib/components/Pagebuilder/Rows.svelte

@@ -49,6 +49,30 @@
     }
 </script>
 
+<svelte:head>
+    {#key page}
+        <!-- Title -->
+        {#if page?.pageTitle}
+            <title>{page.pageTitle}</title>
+        {:else if page?.meta?.title}
+            <title>{page.meta.title}</title>
+        {/if}
+
+        <!-- Description -->
+        {#if page?.meta?.description}
+            <meta name="description" content="{page.meta.description}" />
+        {/if}
+
+        <!-- Keywords -->
+        {#if page?.meta?.keywords}
+            <meta name="keywords" content="{page.meta.keywords}" />
+        {/if}
+
+        {#if page?.active === false}
+            <meta name="robots" content="noindex" />
+        {/if}
+    {/key}
+</svelte:head>
 <div class="rows" class:HP="{path == '/'}">
     {#if page}
         {#if path == "/"}<Homepage />{/if}

types/global.d.ts

@@ -19,6 +19,11 @@ interface Page {
     jobOffer: jobOffer
     rows: Row[]
     id: string
+    meta: {
+        title: string
+        description: string
+        keywords: string
+    }
 }
 
 interface teaserHomepage {