Themes: Add SEO to ‘/design`

In addition to server-side-rendering, we need to add the various meta data to /design to help with SEO. Using react-helmet is a pretty neat, and easy way to do this.

What SEO tags do we need?

<meta name="description" property="og:description" content=”DESCRIPTION"/>
<meta property="og:title" content=”TITLE"/>
<title>TITLE</title>
<meta property="og:url" content="CANONICAL_URL"/>
<link rel="canonical" href="CANONICAL_URL"/>

TODO:

/design[/type/all]

[x] title: WordPress Themes
[x] meta description: Beautiful, responsive, free and premium WordPress themes for your photography site, portfolio, magazine, business website, or blog.

/design/type/free

[x] title: Free WordPress Themes at WordPress.com
[x] meta description: Discover Free WordPress Themes on the WordPress.com Theme Showcase.

/design/type/premium

[x] title: Premium WordPress Themes at WordPress.com
[x] meta description: Discover Premium WordPress Themes on the WordPress.com Theme Showcase.

Automattic / wp-calypso

Themes: Add SEO to ‘/design` #1329