Update course description for clarity and add social media metadata for improved sharing; introduce new social-meta.html file for Open Graph and Twitter card integration.

Author: cleberhensel

README.md

@@ -1,4 +1,4 @@
-# 🚀 Angular Expert - Do Básico ao Expert em 5 Dias
+# 🚀 Angular Expert
 
 <div align="center">
 
@@ -16,7 +16,7 @@
 
 ## 📖 Sobre o Curso
 
-**Angular Expert - Do Básico ao Expert em 5 Dias** é um treinamento completo e intensivo que leva você desde os conceitos fundamentais até técnicas avançadas de desenvolvimento Angular. Este curso foi projetado para desenvolvedores que desejam dominar Angular de forma prática e eficiente, construindo conhecimento sólido através de exercícios práticos e projetos reais.
+**Angular Expert** é um treinamento completo e intensivo que leva você desde os conceitos fundamentais até técnicas avançadas de desenvolvimento Angular. Este curso foi projetado para desenvolvedores que desejam dominar Angular de forma prática e eficiente, construindo conhecimento sólido através de exercícios práticos e projetos reais.
 
 ### 🎯 Objetivos do Curso
 

_config.yml

@@ -1,7 +1,14 @@
 title: "Angular Expert"
-description: "Treinamento intensivo e prático de Angular"
+description: "Treinamento intensivo e prático de Angular - Do básico ao expert em 5 dias"
 url: "https://onosendae.github.io"
 baseurl: "/angular"
+author: "Angular Expert"
+twitter:
+  username: "@angular-expert"
+  card: "summary_large_image"
+facebook:
+  app_id: ""
+image: "/assets/images/podcasts/01-Fundacao_Angular_Tipagem_Encapsulamento_e_Generics.png"
 
 markdown: kramdown
 highlighter: rouge

_includes/social-meta.html

@@ -0,0 +1,48 @@
+{% assign page_title = page.title | default: site.title %}
+{% assign page_description = page.description | default: page.podcast.description | default: site.description %}
+{% assign page_url = page.url | default: '/' | prepend: site.baseurl | prepend: site.url %}
+
+{% if page.podcast and page.podcast.image %}
+  {% assign image_source = page.podcast.image %}
+{% elsif page.image %}
+  {% assign image_source = page.image %}
+{% elsif site.image %}
+  {% assign image_source = site.image %}
+{% else %}
+  {% assign image_source = '/assets/images/podcasts/01-Fundacao_Angular_Tipagem_Encapsulamento_e_Generics.png' %}
+{% endif %}
+
+{% if image_source contains 'http' %}
+  {% assign page_image = image_source %}
+{% else %}
+  {% assign image_first_char = image_source | slice: 0, 1 %}
+  {% unless image_first_char == '/' %}
+    {% assign image_source = image_source | prepend: '/' %}
+  {% endunless %}
+  {% assign page_image = image_source | prepend: site.baseurl | prepend: site.url %}
+{% endif %}
+
+{% assign page_type = 'website' %}
+{% if page.layout == 'lesson' %}
+  {% assign page_type = 'article' %}
+{% endif %}
+
+<meta property="og:type" content="{{ page_type }}">
+<meta property="og:title" content="{{ page_title }}">
+<meta property="og:description" content="{{ page_description }}">
+<meta property="og:url" content="{{ page_url }}">
+<meta property="og:image" content="{{ page_image }}">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta property="og:image:alt" content="{{ page_title }}">
+<meta property="og:site_name" content="{{ site.title }}">
+<meta property="og:locale" content="pt_BR">
+
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="{{ page_title }}">
+<meta name="twitter:description" content="{{ page_description }}">
+<meta name="twitter:image" content="{{ page_image }}">
+<meta name="twitter:image:alt" content="{{ page_title }}">
+
+<link rel="canonical" href="{{ page_url }}">
+

_layouts/default.html

@@ -4,10 +4,11 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
-  <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+  <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ page.podcast.description | default: site.description }}{% endif %}">
   <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
   {% include google-analytics.html %}
   {% seo %}
+  {% include social-meta.html %}
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",