Optimize metadata and social cards (SEO)

[wesley-dean-gsa]

Confirm meta data and social cards have been added and optimized for each page

[wesley-dean-gsa]

From Slack

This is speaking to search engine results and social media cards. We were looking to confirm that the meta data that Google/social media platforms will be pulling for our website has been added for each page. And that the necessary code/configurations for social media cards has been added. [Kate has] been out of the social media game for a while, can't remember exactly what is needed these days off the top of my head. It used to be just dropping some a meta tag.

[wesley-dean-gsa]

This is a Search Engine Optimization (SEO) task.

• https://moz.com/blog/the-ultimate-guide-to-seo-meta-tags
• https://developers.google.com/search/docs/crawling-indexing/special-tags
• https://backlinko.com/hub/seo/best-practices

[wesley-dean-gsa]

Found this site on SEO tags in 11ty and this checklist is from there:

HTML tags:

• title
• link rel="canonical"

Meta tags:

• description
• robots
• og:title
• og:url
• og:description
• og:image
• og:type

The meta tags and such appear to live here: https://github.com/GSA-TTS/tts.gsa.gov/blob/main/_includes/meta.html

Eleventy Front matter

---
title: the page's title
permalink: /the/link/to/the/thing
date: date/of/update
author: Who Dunit
summary: summary of the page's content
description: not really sure how this is different from summary
tags: i, guess, some, tags, question, mark

For the og:image and og:type, we can do some thing like:

{{ "{ page.page_type or renderData.page_type or metadata.page_type }" | escape }}