Unique titles, meta description for each page
emilyhobson opened this issue · 3 comments
emilyhobson commented
Instead of having a universal header, each page should display meta title and meta description specific to the page. They can be consistent and programmatic.
- ACTIVITIES PAGE:
- TITLE: Parks for [Activity Name] in California - CaliParks
- DESCRIPTION: Find the best parks near you for [Activity Name] and other activities. See real-time California park photos from Instagram, get directions, and make reservations.
- PARKS PAGE
- TITLE: [Park Name] Photos and Information - CaliParks
- DESCRIPTION: See real-time park photos of [park name] from Instagram. Get information on park activities, directions, and make reservations.
If possible, only include “or make reservations” on parks that allow reservations. For others use, “See real-time park photos of [park name] from Instagram. Get information on park activities, maps and directions.”
emilyhobson commented
Adding @mojodna
ebrelsford commented
@mojodna My approach has been to move toward using something such as react-helmet to unify how the meta
and title
elements are handled on each page. In theory you render the route to a string then helmet
knows all the proper values to add.
This part seems straightforward enough but I'm just not sure how to integrate it with react-engine
.
mojodna commented
If you don't mind beating your head against it for a while (no concussions), do it. I'm happy to provide extra eyes if you want to pair on it at some point.