Add social media meta tags

[andrewdavidwong]

No description provided.

[marmarek]

Can you elaborate?

[marmarek]

Can you elaborate?

[adrelanos]

Opengraph, structured data, http://ogp.me/. The metadata for various (sub) web pages. The ones that describe the preview image, excerpt text, product name, price and whatnot.

I recommend using the following linters:

• https://developers.facebook.com/tools/debug/
• https://cards-dev.twitter.com/validator
• https://developers.google.com/structured-data/testing-tool/

Since this has been implemented on the Whonix website (that uses entirely different content generators, mediawiki, wordpress, phabricator, discourse), I may be a bit of help with these metadata. Can do a bit testing and question/answer on the topic.

[adrelanos]

Opengraph, structured data, http://ogp.me/. The metadata for various (sub) web pages. The ones that describe the preview image, excerpt text, product name, price and whatnot.

I recommend using the following linters:

• https://developers.facebook.com/tools/debug/
• https://cards-dev.twitter.com/validator
• https://developers.google.com/structured-data/testing-tool/

Since this has been implemented on the Whonix website (that uses entirely different content generators, mediawiki, wordpress, phabricator, discourse), I may be a bit of help with these metadata. Can do a bit testing and question/answer on the topic.

[kalkin]

I did a microdata project some time ago and I would recommend using https://schema.org instead of opengraph, because it's more widely(?) supported. You can also express the schema.org vocabulary with RDFa

[kalkin]

I did a microdata project some time ago and I would recommend using https://schema.org instead of opengraph, because it's more widely(?) supported. You can also express the schema.org vocabulary with RDFa

[akuckartz]

👍 for using schema.org

[akuckartz]

👍 for using schema.org

[andrewdavidwong]

Why not both?

[andrewdavidwong]

Why not both?

[kalkin]

@andrewdavidwong You can do both. As far as I'm not mistaken OpenGraph also uses RDFa with own namespace/vocabulary, this will get cumbersome very fast if you do it by hand. If you generate it automatically there might be cases where you can't generate both vocabularies data without some special handling for each vocabulary, i.e. when you need to insert empty/hidden tags which only contain data. It's definitely doable, but cumbersome and is more effort.

[kalkin]

@andrewdavidwong You can do both. As far as I'm not mistaken OpenGraph also uses RDFa with own namespace/vocabulary, this will get cumbersome very fast if you do it by hand. If you generate it automatically there might be cases where you can't generate both vocabularies data without some special handling for each vocabulary, i.e. when you need to insert empty/hidden tags which only contain data. It's definitely doable, but cumbersome and is more effort.

[andrewdavidwong]

Done:
QubesOS/qubesos.github.io@dc48060
QubesOS/qubesos.github.io@f524079

[andrewdavidwong]

Done:
QubesOS/qubesos.github.io@dc48060
QubesOS/qubesos.github.io@f524079