Skip to main content

Open Graph & Social Previews

To ensure that MiHSEF links look professional when shared on social media (Discord, X/Twitter, Facebook, etc.), we use Open Graph and Twitter Card tags.

Social Preview Image​

We use a high-resolution absolute URL for our social preview image.

  • Dimensions: 1200x630px (Optimal for most platforms)
  • Path: /img/social-card.jpg
  • Source: Generated from the primary MiHSEF logo with white padding.

Configuration​

The settings are managed in docusaurus.config.ts under themeConfig:

themeConfig: {
  image: 'img/social-card.jpg',
  metadata: [
    { name: 'twitter:card', content: 'summary_large_image' },
  ],
}

Testing Previews​

If you change the social card and don't see the update on platforms like Discord, it is likely due to their metadata cache. You can force a refresh by appending a version query parameter to your link:

https://mihsef.org/?v=1

Official URLs​

  • Production: https://mihsef.org
  • Staging: https://mihsef-staging.web.app