feat: Enhance SEO/SMO with dynamic Open Graph tags

Author: Divyapahuja31

buildSrc/src/main/groovy/website/gradle/tasks/BlogTask.groovy

@@ -238,6 +238,7 @@ abstract class BlogTask extends GrailsWebsiteTask {
         }
 
         def metadata = htmlPost.metadata.toMap()
+        metadata['ogurl'] = postLink(htmlPost)
         html = RenderSiteTask.renderHtmlWithTemplateContent(html, metadata, templateText)
         html = RenderSiteTask.highlightMenu(html, metadata, htmlPost.path)
 

buildSrc/src/main/groovy/website/gradle/tasks/RenderSiteTask.groovy

@@ -176,7 +176,7 @@ abstract class RenderSiteTask extends GrailsWebsiteTask {
     ) {
         for (def page : listOfPages) {
             def resolvedMetadata = processMetadata(
-                    siteMeta + page.metadata
+                    siteMeta + page.metadata + [ogurl: siteMeta['url'] + page.path]
             )
             def html = renderHtmlWithTemplateContent(
                     page.content,
@@ -260,6 +260,17 @@ abstract class RenderSiteTask extends GrailsWebsiteTask {
                 )
             }
         }
+
+        if (!resolvedMetadata.containsKey('ogimage')) {
+            if (resolvedMetadata.containsKey('image')) {
+                resolvedMetadata.put('ogimage', resolvedMetadata['url'] + '/images/' + resolvedMetadata['image'])
+            } else if (resolvedMetadata.containsKey('video') && parseVideoId(resolvedMetadata)) {
+                String videoId = parseVideoId(resolvedMetadata)
+                resolvedMetadata.put('ogimage', "https://img.youtube.com/vi/${videoId}/maxresdefault.jpg".toString())
+            } else {
+                resolvedMetadata.put('ogimage', resolvedMetadata['url'] + '/images/grails.png')
+            }
+        }
         resolvedMetadata
     }
 

templates/document.html

@@ -13,10 +13,8 @@
     <meta name='twitter:site' content='@grailsframework'/>
     <meta name='twitter:description' content='[%description]'/>
     <meta name='twitter:creator' content='@grailsframework'/>
-    <meta property='og:image' content='[%url]/images/grails.png'/>
-    <meta property='og:image:width' content='300'/>
-    <meta property='og:image:height' content='300'/>
-    <meta property='og:url' content='[%url]'/>
+    <meta property='og:image' content='[%ogimage]'/>
+    <meta property='og:url' content='[%ogurl]'/>
     <meta property='og:title' content='[%title]'/>
     <meta property='og:description' content='[%description]'/>
     <meta property='og:type' content='website'/>