feat: #304 add meta tags for organization public page

Author: payamnj

django_email_learning/public/views.py

@@ -14,6 +14,31 @@
 )
 
 
+def json_ld_from(
+    courses: list[PublicCourseSerializer], organization: Organization
+) -> dict:
+    course_list = []
+    for course in courses:
+        course_data = {
+            "@type": "Course",
+            "name": course.title,
+            "description": course.description,
+            "inLanguage": course.language,
+            "provider": {
+                "@type": "Organization",
+                "name": organization.name,
+            },
+        }
+        if course.image:
+            course_data["image"] = course.image
+        course_list.append(course_data)
+    return {
+        "@context": "https://schema.org",
+        "@type": "ItemList",
+        "itemListElement": course_list,
+    }
+
+
 @method_decorator(ensure_csrf_cookie, name="dispatch")
 class OrganizationView(TemplateView):
     template_name = "public/organization.html"
@@ -82,6 +107,16 @@ def get_context_data(self, **kwargs) -> dict:  # type: ignore[no-untyped-def]
                     "course_language": _("Course language"),
                 },
             }
+            context["organization_name"] = organization.name
+            context["organization_description"] = organization.description
+            context["organization_logo_url"] = (
+                self.request.build_absolute_uri(organization.logo.url)
+                if organization.logo
+                else None
+            )
+
+            if len(courses) > 0:
+                context["json_ld"] = json_ld_from(courses, organization)
             context["page_title"] = organization.name
             return context
 

django_email_learning/templates/public/base.html

@@ -11,6 +11,7 @@
     {{ appContext | json_script:"app-context" }}
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    {% block meta_tags %}{% endblock %}
     <link rel="icon" type="image/png" href="{% static 'logo.png' %}" />
     <title>{% block title %}{{ page_title }}{% endblock %}</title>
   </head>

django_email_learning/templates/public/organization.html

@@ -1,5 +1,22 @@
 {% extends "public/base.html" %}
+{% load i18n %}
 {% load django_vite %}
 {% block head_script %}
     {% vite_asset 'public/organization/Organization.jsx' %}
+    {% if json_ld %}
+    <script type="application/ld+json">{{ json_ld|safe }}</script>
+    {% endif %}
+{% endblock %}
+{% block meta_tags %}
+    <meta name="description" content="{% blocktranslate %}Courses provided by {{ organization_name }}{% endblocktranslate %}, {{ organization_description }}">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="{{ request.build_absolute_uri }}">
+    <meta property="og:title" content="{% blocktranslate %} Courses by {{ organization_name }} {% endblocktranslate %}">
+    {% if organization_description %}<meta property="og:description" content="{{ organization_description }}">{% endif %}
+    {% if organization_logo_url %}<meta property="og:image" content="{{ organization_logo_url }}">{% endif %}
+
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="{% blocktranslate %} Courses by {{ organization_name }} {% endblocktranslate %}">
+    {% if organization_description %}<meta name="twitter:description" content="{{ organization_description }}">{% endif %}
+    {% if organization_logo_url %}<meta name="twitter:image" content="{{ organization_logo_url }}">{% endif %}
 {% endblock %}