Social media tagging for your CMS Lite page
Learn how to add Twitter Cards and Facebook Open Graph (FacebookOG) metadata to your CMS Lite pages. When your page is shared via Twitter or Facebook, it will include your summary of the page and custom image.
How to add social media tagging
1. On the Tags tab, Click "Add Tag Collection". Add the following tag collections:
- Facebook-OG
- TwitterCard
2. Change Twitter "summary" to "summary_large_image" for a larger preview
3. Add:
- image (size: 1200 x 628 pixels)
- title
- description
Make the description short, concise and load the best information at the front.
4. Save, publish and debug - you need to be signed into Twitter and Facebook to access debuggers which scrape your website for the updated OG data
- Twitter card Validator: https://cards-dev.twitter.com/validator
- Facebook debugger: https://developers.facebook.com/tools/debug/
What it will look like
Link share preview:
Link share preview:
If you don't follow these steps, shares of your site will look more like these:
Facebook:
Twitter:
Twitter will only display a normal link if you don't add TwitterCard tagging.