Page metadata should be specific to the page

[thekaveman]

Right now we hardcode the <meta> tags to the site variables, e.g. site.title and site.description.

This means when links unfurl in e.g. social media or Slack, we always get the default site details instead of the specifics for the link itself (e.g. a Press Release).

All metadata should be specific to the page in question, and only fallback to the site configuration when page-level config is unavailable.

Todo

• Confirm default page title (browser tabs, link unfurls) for homepage: Cal-ITP: California Integrated Travel Project
• Confirm default page description (link unfurls) for homepage: A state government initiative, Cal-ITP is making riding by rail and bus simpler and more cost-effective—for California transit providers and riders.
• Figure out page title (browser tabs, link unfurls) format for /press, /press/<release>, and /resources
• Figure out description (link unfurls) for /press and /resources
• Confirm using press.intro for /press/<release> description (link unfurls)

[mrose914]

@thekaveman I'm looking at how https://cdt.org is doing page titles and think the pattern makes sense:

For home: Show Cal-ITP: California Integrated Travel Project and then below > "Home"

For "Press" or "Resources": Show Cal-ITP: California Integrated Travel Project and then below > "Press" or "Resources"

For a specific press or resource: Show Cal-ITP: California Integrated Travel Project and then below > "[specific press or resource title]"

So show Cal-ITP: California Integrated Travel Project on the top line and then either the page title or the article / resource title (if an article or resource title exists)

[thekaveman]

Thanks @mrose914 super helpful examples! Will have a PR for your review today.

[mrose914]

Looks good to me @thekaveman - thank you! Big improvement 😎