Add Facebook Opengraph Metadata
Summary
Facebook has this sweet metadata collector thingy that creates cards based off of websites. We expose this data through <meta>
tags we set in the header. Essentially keep adding <meta>
tags until our opengraph profile looks nice. This should be done in base.html in the <head>
Resources
- http://gethead.info/#facebook--open-graph
- details here: http://ogp.me/
- test here: https://developers.facebook.com/tools/debug/ (You may need to open up a publicly routeable address to localhost running your branch-- see http://stackoverflow.com/a/31433008)
The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.
The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.
Also, the Author should probably be changed to Mason :srct: instead of :jrouly: