Set meta description on homepage (#25546)

rsese · emilyistoofunky · janiceilene · web-flow · commit 9c8ab14c4607 · 2022-02-28T18:24:57.000Z
* Set meta description on homepage

* Update data/ui.yml

Co-authored-by: Janice &lt;janiceilene@github.com&gt;

* Better naming

Co-authored-by: Kevin Heis &lt;heiskr@users.noreply.github.com&gt;

* Update string key

* Always rendered

Co-authored-by: Emily Gould &lt;4822039+emilyistoofunky@users.noreply.github.com&gt;
Co-authored-by: Janice &lt;janiceilene@github.com&gt;
Co-authored-by: Kevin Heis &lt;heiskr@users.noreply.github.com&gt;
diff --git a/components/DefaultLayout.tsx b/components/DefaultLayout.tsx
@@ -24,8 +24,9 @@ export const DefaultLayout = (props: Props) => {
     fullUrl,
     status,
   } = useMainContext()
-  const { t } = useTranslation(['errors', 'scroll_button'])
+  const { t } = useTranslation(['errors', 'meta', 'scroll_button'])
   const router = useRouter()
+  const metaDescription = page.introPlainText ? page.introPlainText : t('default_description')
   return (
     <div className="d-lg-flex">
       <Head>
@@ -37,7 +38,7 @@ export const DefaultLayout = (props: Props) => {
         ) : null}
 
         {/* For Google and Bots */}
-        {page.introPlainText && <meta name="description" content={page.introPlainText} />}
+        <meta name="description" content={metaDescription} />
         {page.hidden && <meta name="robots" content="noindex" />}
         {page.languageVariants.map((languageVariant) => {
           return (
diff --git a/data/ui.yml b/data/ui.yml
@@ -1,3 +1,5 @@
+meta:
+  default_description: Get started, troubleshoot, and make the most of GitHub. Documentation for new users, developers, administrators, and all of GitHub's products.
 header:
   github_docs: GitHub Docs
   contact: Contact

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+meta:`
	`2`	`+ default_description: Get started, troubleshoot, and make the most of GitHub. Documentation for new users, developers, administrators, and all of GitHub's products.`
`1`	`3`	`header:`
`2`	`4`	`github_docs: GitHub Docs`
`3`	`5`	`contact: Contact`