Social Media Post Image

When you post to social media and include a link to your website, the social media page looks for a special line of code to determine which image to use.  Below are steps to create and add the line of code and the image itself.

1. Create an image in Photoshop or a similar software that is 1200w x 630h pixels. Leave some margin on all sides to allow for resizing by various device sizes. Name this image social.png
2. Create a new page on your website and name it social-image. Check the box to make this page hidden from navigation.
3. Go to this new page in the editor and upload your graphic that you created in step on. Click Publish.
4. In the live view of the website in your browser, go to this new website page which can be found at your yourdomainname/social-image.html
5. Right click on the image and open the image in a new tab or window.
6. Copy the URL from viewing this image by itself in the browser. Save this long URL somewhere. 
7. In a notepad or word document enter this lien of code:
   <meta property="og:image" content="IMAGE URL GOES HERE" />
   Replace IMAGE URL GOES HERE with the link of the image you found and saved in step 6.
8. In the website editor, go to the settings page and then go to SEO. In the header section enter the new line of code you formed in step 7. 
9. Click save and publish.
10. Test out if it worked by visiting a site such as https://orcascan.com/tools/open-graph-validator
11. Test further by trying a post on Facebook.