Why make title and headline different in terms of SEO and SMM?

Question

CMS

I do CMS and there was a question.
At the stage of compiling a data model for the database for the same regular articles of a typical content site, having studied the topic from the point of view of search engine optimization and various microformats, I found recommendations to make the tag <title>and the title itself <h1>(as well as og:title) JSON-LDdifferent. For example:
Article on the site - https://hiphopdx.com/news/id.36463/title.talib-kwe...
1. Tag title:

Talib Kweli Talks About His Encounter With Racism While In Denmark | hiphopdx

This is what appears in the title of the browser tab. In addition, as it turned out, Google accepted this as what to show in SERP:
2. If you follow the link, then the title of the content itself that the user sees, i. The tag h1has a slightly different heading:

Talib Kweli Details Being Attacked "By Two Bigots" In Denmark

This is the same in all Open Graph, Twitter Card gags, and also, importantly, in JSON-LD.
Several questions arise:
1. What is the logic behind this, why make different headings? Practical use, benefits?
2. Why did Google ignore JSON-LDand take the data from the tag title?

Answer 1

and they make h1 and title different because they have different goals. especially since there can be a lot of h1 on the page.
When building a snippet, Google takes the title and description. it is useless to try to answer the question "why" or "logic" here. These are rules given from above. just follow them.