Making Your Links Look Great on Social Media
Good Morning Podcasters!January 09, 2023
30
09:0412.47 MB

Making Your Links Look Great on Social Media

Do you know what Open Graph tags are?

Open Graphs meta tags work behind the scenes on a website page to make sure that when a link get shared on social, the preview of that link looks great.

I'm sure you've seen people share links on social that don't look great. These links usually have a square image to the left (instead of on top) along with a title and some description copy on the right. A lot of times the image is cropped in a funky way or the image is missing altogether.

Why are Open Graph tags important?

People are more likely to interact with a good looking link. Social media algorithms like interaction. The more people interact with a piece of content, the more the algorithm will show that content to others. And vice versa.

What are the types of Open Graph tags?

Facebook created Open Graph back in the early 2010s. A few years later, platforms like Twitter, LinkedIn and other social networking sites adopted them, as well.

There are four types of open graph tags that are required for a link post: 

  1. Title - This is the social-specific title that is shared with your link. It should be no longer than 60 characters
  2. Type - This is the type of content. Use “article” for articles and use “website” for pretty much everything else
  3. Image - This is arguably the most important tag. It is the most visible, you know, since it’s an image. This is the one you should care the most about. More below.
  4. URL - This is the URL that is being shared on social. Use the canonical tag when possible. More is available on AHREFS.

Another important tag, though not required, is og:description. You get a very limited snippet of text below your image when you share a link on social media. If you use the open graph description tag, you can make sure that text is written to connect with those seeing the link on social media. 

There are a number of additional OG tag types, but the above are the most important ones for your social posts. 

Open Graph Images

Again, the Open Graph image tag, when used correctly, will make your images look great when shared on Facebook in particular, but also LinkedIn, Twitter, Slack, Post.News, Mastodon, etc.

Open Graph Image Size: 1200x630 px

File Size: <5MB (but you never want an image that big - try to keep it <500kb

You should make this image branded and relevant to your episode. Alternatively, you could just have one site-wide Open Graph image, but that means the same exact image will be shared every time a link to your website is shared.

How Do You Install Open Graph Tags?

Wordpress

If you’re in Wordpress, I recommend installing the free version of the Yoast plugin. Then you can scroll to the bottom of your episode’s post and click on the word “social” in the Yoast SEO box. There you can edit your open graph title, description and image. 

If you edit the Facebook area, you should be good pretty much everywhere.

A Note About Twitter

Twitter has its own protocol called “Twitter Cards.” Twitter’s preferred image size is 800px by 418px. If you scale that, it comes to 1200 x 627 pixels (as opposed to 1200x630). If you don't provide Twitter Card tags, Twitter will default to Open Graph anyway. So, unless you want or require completely separate Social Graph content for Twitter, you should be fine with only using Open Graph conent.

Squarespace

Simply go to your page's settings, click "social image" and then click “upload.” 

Wix

You can edit the Open Graph image in the social sharing settings area of a post. 

PodcastPage.io

Once your episode has gone live, click “edit,” scroll all the way down. Click the edit icon next to Advanced SEO settings. Then you can edit your SEO title, description and image - which includes the social sharing image.

---

If you happen to know anyone with any pull at PodcastIndex, urge them to update the podcast RSS protocol to include open graph images. That way we can automate these images in our feeds.

Wrapping Up

You spend a lot of time putting out great content. It only makes sense to make sure your web content is as good looking as possible. Make yourself some 1200x630px Open Graph images and make sure they’re on your site. 

Links to the things we discussed this episode:


Follow Us

Twitter: @GMPodcasters | @FuzzMartin | @Podcast_Father

Good Morning, Podcasters! is a product of Snoring Dog Media, LLC. Podcasting Sucks! is a product of Snoring Dog Media, LLC & Jeff Townsend Media.