fix bugs at opengraphs

Author: OStefan2001

src/App/templates/layout/blog-post.html.twig

@@ -1,5 +1,11 @@
 {% extends '@layout/default.html.twig' %}
 
+{% set canonicalUrl = app.url ~ path('page::blog-resource', {categorySlug: article.category.slug, slug: article.slug}) %}
+{% set ogType = 'article' %}
+
+{% block canonical %}<link rel="canonical" href="{{ canonicalUrl }}" />
+{% endblock %}
+
 {% block json_ld %}
 <script type="application/ld+json">
     {

src/App/templates/partial/meta.html.twig

@@ -1,19 +1,22 @@
 {% set ogImage = meta.openGraphImage ?? null %}
+{% set ogDescription = meta.description ?? meta.excerpt ?? app.meta.description %}
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="msapplication-TileColor" content="#2d89ef">
     <meta name="theme-color" content="#ffffff">
     <title>{{ meta.title ?? meta.name ?? app.meta.title }}</title>
-    <meta name="description"         content="{{ (meta.description ?? meta.excerpt ?? app.meta.description) }}"/>
+    <meta name="description"         content="{{ ogDescription }}"/>
     <meta property="og:title"        content="{{ meta.title ?? meta.name ?? app.meta.title }}"/>
-    <meta property="og:description"  content="{{ (meta.description ?? meta.excerpt ?? app.meta.description) }}"/>
+    <meta property="og:description"  content="{{ ogDescription }}"/>
     <meta property="og:image"        content="{{ ogImage ? (app.url ~ ogImage) : app.meta.image }}"/>
-    <meta property="og:type"         content="{{ meta.type ?? app.meta.type }}"/>
+    <meta property="og:image:alt"    content="{{ ogDescription }}"/>
+    <meta property="og:type"         content="{{ meta.type ?? (ogType ?? app.meta.type) }}"/>
     <meta property="og:site_name"    content="{{ app.meta.siteName }}"/>
-    <meta property="og:url"          content="{{ meta.url ?? (routeName is defined and routeName ? url(routeName) : app.url) }}"/>
+    <meta property="og:url"          content="{{ meta.url ?? (canonicalUrl ?? (routeName is defined and routeName ? url(routeName) : app.url)) }}"/>
     <meta property="og:locale"       content="{{ app.meta.locale }}"/>
     <meta name="twitter:card"        content="{{ app.meta.twitterCard }}"/>
     <meta name="twitter:site"        content="{{ app.meta.twitterSite }}"/>
     <meta name="twitter:title"       content="{{ meta.title ?? meta.name ?? app.meta.title }}"/>
-    <meta name="twitter:description" content="{{ (meta.description ?? meta.excerpt ?? app.meta.description) }}"/>
+    <meta name="twitter:description" content="{{ ogDescription }}"/>
     <meta name="twitter:image"       content="{{ ogImage ? (app.url ~ ogImage) : app.meta.image }}"/>
+    <meta name="twitter:image:alt"   content="{{ ogDescription }}"/>