Optimising Your Web Content for Social Media: A Guide to Using Meta Tags

Social_Media_Meta_Tags.md

Here are the meta tags you can use for various social media platforms:

Facebook

<meta property="og:url" content="https://example.com">
<meta property="og:type" content="website">
<meta property="og:title" content="My Page">
<meta property="og:description" content="This is a description of my page.">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

Twitter

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Page">
<meta name="twitter:description" content="This is a description of my page.">
<meta name="twitter:image" content="https://example.com/image.jpg">

LinkedIn

<meta property="og:title" content="My Page">
<meta property="og:description" content="This is a description of my page.">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="og:url" content="https://example.com">
<meta property="og:type" content="website">` 

Pinterest

<meta property="og:title" content="My Page">
<meta property="og:description" content="This is a description of my page.">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:image:width" content="735">
<meta property="og:image:height" content="1102">` 

WhatsApp

<meta property="og:title" content="My Page">
<meta property="og:description" content="This is a description of my page.">
<meta property="og:image" content="https://example.com/image.jpg">` 

Reddit

<meta property="og:title" content="My Page">
<meta property="og:description" content="This is a description of my page.">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com">` 

Tumblr

<meta property="og:title" content="My Page">
<meta property="og:description" content="This is a description of my page.">
<meta property="og:image" content="https://example.com/image.jpg">` 

Make sure to replace the values of the content attribute with your own URL, title, description, and image. Additionally, adjust the width and height attributes of the og:image tag to match the dimensions of your image.