📜 Docs meta tags for social media (#6466)

* docs socials meta

* description

* nits

packages/docs/docusaurus.config.js

@@ -10,7 +10,7 @@ const defaultOptions = {
 
 /** @type {import('@docusaurus/types').Config} */
 module.exports = {
-  title: 'Actual Budget Documentation',
+  title: 'Actual Budget',
   tagline: 'Your finances - made simple',
   url: 'https://actualbudget.org/',
   baseUrl: '/',
@@ -68,6 +68,7 @@ module.exports = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      image: 'img/og.png',
       navbar: {
         logo: {
           alt: 'Actual Open Source',

packages/docs/src/pages/index.jsx

@@ -7,8 +7,11 @@ import Button from '../components/Button';
 import classes from './index.module.css';
 
 export default function Hello() {
+  const title = 'Your Finances — made simple';
+  const pageDescription = 'Actual Budget is a super fast and privacy-focused app for managing your finances. At its heart is the well proven and much loved Envelope Budgeting methodology.';
+
   return (
-    <Layout title="Actual" style={{ position: 'relative' }}>
+    <Layout title={title} description={pageDescription} style={{ position: 'relative' }}>
       <img alt="" src="/img/homepage/hero-bg.svg" className={classes.heroBg} />
 
       <div className={`${classes.main} ${classes.container}`}>