Marketing department wants to share their website content in Facebook and other social media in an attractive way, so they do not want just to paste the URL to the page they want to promote, but for the content to integrate smoothly in the Facebook feed.
In order to do so, Liferay pages have to support the OpenGraph metadata, so any app (Facebook, Slack, etc)
Add support for the OpenGraph meta tags at page configuration. (http://ogp.me/)
As a content creator I want to fill the OpenGraph meta tags so my content will appear attractive on apps supporting OpenGraph
As a content creator I want to reuse for the OpenGraph meta tags as much as possible from the information already filled
og:title : allow for filling it independently or reuse the title filled in HTML title
og:image: select an image from D&M, from web contents of the page, from the page itself or upload an image
og:url: use the canonical URL set for the page
og:description: allow for filling it independently or reuse the description filled in HTML title
og:locale : each localized page will fill the corresponding locale. The format is es_ES
og:locale:alternate : An array of other locales this page is available in.
og:site_name : add the site name
As a content creator I want to see a preview of what the OpenGraph information will look like in Facebook, Slack, etc
- Allow developers to contribute with previews for other applications.
For blogs/individual web content:
datetimeWhen the article was first published.
datetimeWhen the article was last changed.
datetimeWhen the article is out of date after.
profile arrayWriters of the article.
stringA high-level section name. E.g. Technology
string arrayTag words associated with this article.
Add the Twitter cards special meta tags: https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started.html
Allow to include custom meta tags: https://issues.liferay.com/browse/LPS-100449
*enable/disable open graph support at site/system level (disable by default)
- Enter new tags for:
- Url -> fill it with the selected canonical URL
- Locale: fill it with the corresponding locale
- Locale:alternate: fill it with the hreflangs
- Site_name: fill it with the site name
- For title and description, allow to reuse the tags already set for the page or customize.
- Google SERP preview tool
- Include custom meta tags:
- Set the tag name
- Set the tag value