7.1: Add Meta Tags and SEO

[justin808]

Overview

Configure proper meta tags for SEO and social sharing.

Parent Epic: #70
Priority: P2

Prerequisites

• 4.1: Create Root Layout Component #82 (4.1: Create Root Layout Component)

Next Issues (after this is complete)

• None - this is a polish issue

Acceptance Criteria

• Dynamic page titles based on content (story title, user name, etc.)
• Open Graph tags for social sharing (og:title, og:description, og:image)
• Twitter card meta tags
• Description meta tags
• Favicon configured (HN orange Y)
• Canonical URLs set

Implementation Notes

Use Rails helpers or React on Rails features for setting meta tags:

<%# In layout %>
<title><%= content_for(:title) || 'Hacker News - React on Rails Pro' %></title>
<meta name="description" content="<%= content_for(:description) %>">
<meta property="og:title" content="<%= content_for(:title) %>">

Or handle in React components with react-helmet or similar.