Are We Going to See Metadata > Data Someday?!

linuxfuture profile image Anаѕ R. ・1 min read

My question her is: why Twitter and other social media use custom metadata, like Twitter card and Open Graph properties? I mean, aren't standard HTML metadata supposed to be enough?

Check this example:

<title>Lorem Ipsum</title>
<meta property="og:title" content="Lorem Ipsum" />

<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
<meta property="og:description" name="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />

<link rel="canonical" href="https://domain.com/path/to/page/" />
<meta property="og:url" content="https://domain.com/path/to/page/" />

<meta name="twitter:card" content="summary" />

<meta property="og:image" content="path/to/logo.png" />
<link rel="icon" type="image/png" href="path/to/logo.png" sizes="128x128" />

Even with an ability to merge some lines:

<meta property="og:description" name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />

We still have redundancy.

Doesn't this phenomenon kind of reinventing-the-wheel?

According to this example, the only line that's not supported by W3C yet is twitter:card line, which could be simply renamed to sm:layout; something like this:

<meta name="sm:layout" content="summary" />

The rest of the values could be the same as Twitter's ones:

  • summary_with_image or visual_summary.
  • player.
  • app.

For visual_summary case, we could write:

<meta name="sm:layout" content="summary" />
<link rel="cover_image" type="image/png" href="https://domain.com/path/to/cover.png" sizes="640x400" />

Even Open Graph protocol, which came to standard this issue, doesn't rely on the already existing metadata!

What do you think?

Posted on by:

linuxfuture profile

Anаѕ R.


UX researcher and designer. Interested in usability, web performance, i18n, FOSS, and software engineering. I tend to enjoy classic Arabic music while playing CSS notes. 🎜


markdown guide

Twitter annoys me with how custom they went for their meta implementation.

I struggle twice as much getting their share cards to work as compared to Facebook, LinkedIn, etc.

Take a look at Facebook & LinkedIn’s implementations. They follow OG standards much better. That might give you some inner peace 🙂