Skip to content

SEO Update for Base Template #57

@hoangvu5

Description

@hoangvu5

https://developers.google.com/search/docs/fundamentals/seo-starter-guide

Inside src/templates/base.html, add:

  1. Open Graph block (optimized the card seen when PCS is shared on social medias):
<!-- Open Graph Tags -->
{% block og_tags %}
<meta property="og:title" content="ACM at FSU Programming Contest">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ request.build_absolute_uri }}">
<meta property="og:image" content="{{ request.scheme }}://{{ request.get_host }}{% static 'img/acm_fsu_diamond.png' %}">
<meta property="og:description" content="ACM at FSU Programming Contest Registration & Management">
<meta property="og:site_name" content="ACM at FSU Programming Contest">
{% endblock %}
<!-------------------------------------------------------------->
  1. Twitter Card block (optimized the card seen when PCS is shared on Twitter/X):
<!-- Twitter Card Tags -->
{% block twitter_tags %}
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="ACM at FSU Programming Contest">
<meta name="twitter:description" content="ACM at FSU Programming Contest Registration & Management">
<meta name="twitter:image" content="{{ request.scheme }}://{{ request.get_host }}{% static 'img/acm_fsu_diamond.png' %}">
{% endblock %}
<!-------------------------------------------------------------->
  1. Organization block:
<!-- Structured Data - Organization -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "ACM at Florida State University",
  "url": "https://fsu.acm.org",
  "logo": "{{ request.scheme }}://{{ request.get_host }}{% static 'img/acm_fsu_diamond.png' %}",
  "sameAs": [
    "https://www.facebook.com/ACMatFSU/",
    "https://www.instagram.com/fsuacm/",
    "https://discord.gg/4z3hNMA"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "email": "contest@fsu.acm.org",
    "contactType": "Contest Inquiries"
  }
}
</script>
<!-------------------------------------------------------------->

The code above should be checked again for correctness.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    Status

    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions