Open Graph Images And Meta Tags Cheat Sheet

November - 2021

TKTKTK - Use the below posts to write up a list of what you actually need to do for the sites in one concise guide


https://cards-dev.twitter.com/validator


Pages to use:

  • https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started
  • https://ogp.me/?fbclid=IwAR3kNxPZ_Mpulu-dRPlcLUyR5u5dD39KPbADZLIg26Gb7EjBl6c4PhdbJME#types
  • https://developers.facebook.com/docs/sharing/webmasters#markup
  • https://developers.facebook.com/docs/sharing/best-practices/
  • https://stackoverflow.com/questions/54266598/meta-tags-for-url-with-description-and-image-in-skype-discord

Though, this is probably the main one to look at since it give you a list of tags to add

https://www.opengraph.xyz/url/https%3A%2F%2Fwww.alanwsmith.com%2F/

https://developers.facebook.com/tools/debug/ https://developers.facebook.com/docs/sharing/webmasters/images/ https://developers.facebook.com/docs/sharing/webmasters/