Design page optimization section to include all SEO related settings

• Type: Spike
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: None
• Component/s: SEO Tools > OpenGraph tags
• Labels:
  • 7.3-ce-ga1
  • fc_19_10
• Epic Link: lima-opengraph-pages
• Epic/Theme:
  • SEO_Management
• Sprint: LIMA | #05 | Oct15-Oct29, LIMA | #06 | Oct29-Nov12

Conclussions

The idea is to divide the Configure page using the vertical navigation component. 

This change should allow us (lima) to have our SEO, OpenGraph and CustomMetaTags options in one single place, having also the control of the single modules with a specific save for each option. 

From the UX perspective is also good to find all the page options in one place.

How does it scale:
This structure would allow us to eventually include more hierarchy levels using tabs for the single navigation voices, eg: the Open Graph option could be divided in more tabs such as Facebook, Twitter and Linkedin. 

Integration with the future of the page builder: 
Echo is planning to add the options in the top-right part of the page builder, this action could navigate to the configure page where the user will find all the possible options. 

Design proposal

Figma Mockup