Localizing the open graph description tag in voice-web (Common Voice)

voice-web-localize-og-desc-tag.md

voice-web/web/index_template.html

<meta property="og:locale" content="en" />
<meta property="og:locale:alternate" content="sv-SE" />

voice-web/web/src/components/app.tsx

document.querySelector('meta[property="og:locale"]').setAttribute('content', mainLocale);
document.querySelector('meta[name="description"]').setAttribute('content', 'Hello!');
document.querySelector('meta[property="og:description"]').setAttribute('content', 'Hello, OG!');

voice-web/web/locale/en/messages.ftl

site-description = This is the English version of the site description.

voice-web/web/locale/sv-SE/messages.ftl

site-description = This is the Swedish version of the site description.

References:

• http://ogp.me/
• https://projectfluent.org/fluent/guide/
• https://stackoverflow.com/questions/13923944/how-can-i-internationalize-meta-og-tags-to-be-parsed-correctly-by-facebook
• https://stackoverflow.com/questions/13511143/how-to-implement-internationalization-of-og-tags