[jira] [Commented] (CAMEL-16998) website - Improve the OpenGraph tags to align with the meta description

["Claus Ibsen (Jira)" <ji...@apache.org>]

    [ https://issues.apache.org/jira/browse/CAMEL-16998?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17419634#comment-17419634 ] 

Claus Ibsen commented on CAMEL-16998:
-------------------------------------

[~david_jencks@yahoo.com]  [~zregvart] here is something that would be good to consider for the website

> website - Improve the OpenGraph tags to align with the meta description
> -----------------------------------------------------------------------
>
>                 Key: CAMEL-16998
>                 URL: https://issues.apache.org/jira/browse/CAMEL-16998
>             Project: Camel
>          Issue Type: Improvement
>          Components: website
>            Reporter: Riccardo Forina
>            Priority: Minor
>         Attachments: image-2021-09-23-10-03-24-171.png
>
>
> I noticed that when sharing a deep link on apps like Telegram or Slack, the preview shows some generic info about Camel instead of the page's specific content. For example, this is a screen of the preview for the link [https://camel.apache.org/components/3.11.x/eips/stop-eip.html|https://camel.apache.org/components/3.11.x/eips/stop-eip.html)] when sharing it on Telegram:
> !image-2021-09-23-10-03-24-171.png!
> The meta title and description for this page are ok.
> {{<title>Stop :: Apache Camel</title>}} 
> {{<meta name="description" content="Stops the processing of the current message">}}
> Since in the source there are the OpenGraph tags, the original meta title and description are discarded by Telegram (and other OG compatible apps) to favor them. These are the title and description that will be used instead:
> {{<meta property="og:title" content="Apache Camel helps you integrate over 300 different systems!">}}
> {{<meta property="og:description" content="Camel is an open source integration framework that empowers you to quickly and easily integrate various systems consuming or producing data.">}}
> I suggest updating the OG tags to be specific about the page that's being shared. So for the above link the tags could be something like:
> {{<meta property="og:title" content="Stop - Enterprise Integration Pattern - Camel Component">}}
> {{<meta property="og:description" content="Stops the processing of the current message - Camel is an open source integration framework that empowers you to quickly and easily integrate various systems consuming or producing data.">}}
> The idea is to merge the generic OG tag with the specific meta title and description (plus a bit of info from the breadcrumbs to contextualize the content) to provide a more on point description of the content that's being shared.



--
This message was sent by Atlassian Jira
(v8.3.4#803005)