GreenInfo-Network/caliparks.org

Unique titles, meta description for each page

emilyhobson opened this issue · 3 comments

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.”

@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.

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.