Like this:example of good open graph social media content … here’s what the social meta tags must look like in the HTML code:<meta property=”og:title” content=”The Always-Up-to-Date SEO Checklist from Bruce Clay Inc.” /><meta property=”og:description” content=”Just getting started optimizing websites? Here’s a time-tested SEO checklist to keep on-hand during your projects.” /><meta property=”og:type” content=”article” /> To make sure your Open Graph tags have been properly configured, use Facebook’s Sharing Debugger to view an error report and see a preview of how a shared URL will appear when posted to Facebook. Pro tip:
If you update a page’s OG tags, use the Sharing Debugger to force Facebook to do a fresh scrape of the URL, which will cause Facebook to pull the new social meta tag data. Otherwise, it might pull from cache instead of showing your updated Cork Bicycle shop content. Twitter Card Markup Twitter Cards allow you to attach photos or videos to Tweets with a few lines of code. There are several types of Twitter Cards but Summary Cards and Photo Summary Cards are most commonly used. The basic markup tags for Twitter are: So in order to get this: example of good twitter card social share content …
The Twitter Card social meta tags will look like this:<meta name=”twitter:card” content=”summary_large_image” /><meta name=”twitter:description” content=”Just getting started optimizing websites? Here’s a time-tested SEO checklist to keep on-hand during your projects.” />Want to see what your page will look like when pasted into a tweet? Input a URL into the Twitter Card validator to see a preview and make sure you’ve configured your Twitter Card social markup correctly. Pro tip: If you update a page’s Twitter Card tags, use the Twitter Card validator to force Twitter to do a fresh scrape of the URL, which will cause Twitter to pull the new social meta tag data.