In this podcast episode, Corey Maass and Cory Miller discuss marketing a WordPress plugin, focusing on the use of open graph data across different platforms like Facebook, Pinterest, and Instagram. They emphasize the importance of customizing images and content for specific pages and posts, and the value of rich content for SEO. They also discuss the use of a social previewer tool and the necessity of a default image for every URL. The conversation includes the significance of educating clients on updating their websites and the need for a strong online presence.
Top Takeaways:
- Strategic Approach to OG Images: The discussion emphasizes a strategic approach to Open Graph (OG) images, focusing on the main brand image, specific OG images for pages and products, and additional opportunities for content like blog posts.
- Importance of OG Images for Branding: OG images act as a visual representation of a brand when content is shared on various platforms. Ensuring a strong, visually appealing OG image is crucial for brand recognition and engagement.
- Understanding Channel-Specific Requirements: Different social media channels have unique requirements for displaying OG images. The conversation touches on the importance of understanding these nuances, such as Twitter’s preference for image-only display and the need for specific image sizes.
- Educating Clients and Website Owners: The conversation discusses the significance of educating clients or website owners about the importance of OG images and the potential pitfalls of neglecting them. It highlights the need to guide them in creating compelling content for sharing on social media.
Mentioned in the show:
🙏 Episode Partner: Gravity Forms
Gravity Forms is a powerful form builder for WordPress and the #1 choice for businesses and web professionals across the globe. Its vast array of features, intuitive drag-and-drop form editor, and extensive ecosystem of add-ons, ensure customers can design beautiful, intelligent, and accessible forms for any project requirement.
You can follow Post Status and our guests on Twitter:
- Corey Maass
- Cory Miller (CEO, Post Status)
- Olivia Bisset (Intern, Post Status)
The Post Status Draft podcast is geared toward WordPress professionals, with interviews, news, and deep analysis.
Browse our archives, and don’t forget to subscribe via iTunes, Google Podcasts, YouTube, Stitcher, Simplecast, or RSS.
Transcript
Cory Miller (00:00:05) – Get over to the YouTubers. Session three. Is that right?
Corey Maass: It is.
Cory Miller: Okay.
Corey Maass: Season two, session three.
Cory Miller: Okay.
Corey Maass: Season two, session three, in which Corey and Cory market a WordPress plugin.
Cory Miller: Yep. Okay. It’s redirecting. Just want to make sure this get set up. Okay. You know our YouTube.
Cory Miller (00:00:48) – Okay. We’re live now. So if you missed it, Corey was saying several times, but I’ll say it again. This is season two, episode three of Cory and Corey marketing a WordPress plugin. And today. Corey and Cory have talked about building a lead magnet type thing. Small educational resource. My thought would be to start with slides of the opportunities, like going with the assumption that technical or technical or customer customers are technical, and agencies wanting to check to make sure they’re delivering the best website to their clients. And that includes maximizing all the opportunities with the open graph. And we talked about creating a slide template based slide deck basically. That said, here’s all the popular channels and here’s all that.
Cory Miller (00:01:45) – What that looks like for me, I’m visual of each of those things. Did I get it?
Corey Maass: Nailed it.
Cory Miller: Nailed it. Okay.
Corey Maass: (00:01:57) – And and damn, your voice sounds crisp and clear and not boomy. And referencing, uh, the other the other Cory got a new microphone in addition to his his Christmas, uh, gnomes taking over. Uh, maybe it’s they who brought him a new microphone, and he sounds great. We’re professional around here. Damn it.
Cory Miller (00:02:23) – Professional? Oh, look at this. So I left the notes for us.
Corey Maass: No. Here.
Cory Miller: That’s where I left it. 7.0 figure out how to get more organized. Okay, so do you want me to do that? Yeah. Slides give the bare bones like opportunities. To. I’ll do this for both and then.
Corey Maass: (00:03:00) – Right. Well, and I mean, I think we might even continue to flush out a Google doc before we. Like, let’s get the words and then.
Cory Miller (00:03:10) – Like this one.
Corey Maass: (00:03:12) – So it’s, you know, I mean, even just doing slide one, slide two, because we can, we can futz around with slides all day. But.
Cory Miller (00:03:25) – Okay. So I’ll just use this since we already did a lot of work here.
Corey Maass: Yeah.
Cory Miller: So really we’re looking at. These channels.
Corey Maass: (00:03:40) – Yeah.
Cory Miller: Okay. So
Corey Maass: I think we can do we can do a slide per channel.
Cory Miller: (00:03:47) – Yep.
Corey Maass: (00:04:13) – And I can read them to you. And still, if you’re having to jump back, I don’t know why I’m sitting. Just sitting here.
Cory Miller (00:04:19) – You’re mesmerized by my work flow.
Corey Maass (00:04:21) – I kind of am.
Cory Miller (00:04:22) – You trying to read all my tabs? I get it like this. Read all these.
Cory Miller (00:04:33) – LinkedIn. Slack. Oh, I guess.
Corey Maass (00:04:47) – Discord. Discord. All right. Yeah. I was talking to somebody this morning about. Um, he’s doubling down on Gutenberg. And I was like, yeah, at some point I need to get more invested in Gutenberg. If I’m, like, building code for it. And, um. You know, I need to understand how people are using it so that I basically can build and design for it.
Corey Maass (00:05:20) – And, um. It was. And it’s analogous to like I don’t use LinkedIn, but I’m make. I’m resigned to making myself start using LinkedIn at least a little bit, because I need to have some sense of what it looks like these days. I haven’t looked at it properly and a decade or something. Um, and same with Discord. Like I’m a Slack user, I find Discord very overwhelming, but I need to at least cursorily get into it and and see what the experience is like, you know, on a regular basis. Because at this point, these are things where we’re kind of invested in, you know.
Cory Miller (00:06:02) – Yeah.
Corey Maass(00:06:03) – But I don’t want to, Cory. I don’t want to.
Cory Miller (00:06:08) – Okay, I get it. It was one I always, uh, overlooked, but, um. Or purposefully. Wait, which one do you mean send it to?
Corey Maass (00:06:22) – Um, actually, uh. That’s fine. Yeah. Uh, well. No. Um. Sorry. OMG. Where are we at?
Cory Miller (00:06:34) – This one?
Corey Maass (00:06:37) – Omgimg.co. No. Here. I’ll send it to you. Is. I think you actually need a one that is a Gmail account. So I just sent you Slack.
Cory Miller (00:07:05) – All right.
Corey Maass (00:07:12) – So. Yeah, I think it’s I think it’s good to start with Facebook since they invented it.
Corey Maass (00:07:31) – Yeah, Facebook invented open graph. I just like that. I hope that is right. Um. And so they. Help define, um, the standards. And so it’s like through. So there are two. I think there’s two things we’re trying to do here. Right. One of them, especially that we defined last on our last call is. So a little bit of education. Like we said, we’re going to assume that people know about open graph. They know what it is or from a technical standpoint, tags. Tags in your HTML that get read by third parties. Non-humans consumed by third parties. Um. But there are some details that we could go into, um, which will sort of fill out over time.
Corey Maass (00:08:37) – And then the other way that we wanted to look at this, which I think is is more important, I’m saying all this one to to refresh our memories, but to, to, to kind of bring clarity to it in my own head is if we’re talking to. Um, agencies who have clients and and ultimately people who are consuming this are going to essentially be clients themselves. Right. Is. Thinking about is, is is different kinds of client, different kinds of websites are going to be are going to emphasize this. Most websites they they focus on a few channels, maybe one channel, probably not literally every channel. But most of this work is going to.
Corey Maass (00:09:31) – Um. Benefit all channels, right? Having an og image and having general open graph data. If somebody consumes you, like I just said a minute ago, I never use discord. But if somebody consumes my website on Discord and I’m not even aware of it, but having that, those tags still going to benefit me, it’s still going to look good, right? Um, but we had talked about, um, using some use cases for each of these channels.
Corey Maass (00:10:02) – So I think that that’s something to to focus on as well. So. Like we said, a good example. We can jump, right. Jump down to Pinterest, right? Um, we said a great common example use case of people who focus on Pinterest are food bloggers.
Cory Miller (00:10:30) – Oh. That’s okay. Go ahead. Um, I.
Corey Maass (00:10:33) – Also think you want to add a slide for Instagram. Even though Instagram does not consume open graph. But it’s it’s a common channel, right?
Cory Miller: Yeah.
Corey Maass: And so I think we want to talk about the fact that they don’t use open graph despite being a Facebook property these days.
Cory Miller (00:10:59) – Okya.So. Okay. Yeah. That’s what we talked about like one is the use cases. And maybe this needs to be like a two. For lack of a better. It’s like OG opportunities and outfits. Like what. What can you do with Open Graph from your website to Pinterest, right? Because my thought was like on Facebook show. Well, I guess Google is a better one that the favicon or something comes here.
Cory Miller (00:11:42) – You know how it shows up posts.
Corey Maass (00:11:47) – So if we want to get if. We want to get real specific, go back to Facebook. Um. Because I was just. Oh, so we I should. I sent you a link. I started building a social previewer.
Cory Miller: Yeah.
Corey Maass: Um, you know, there’s a bunch out there, but we want our own, um, which is, if nothing else, is a good exercise because. I went and and took and took a screenshot of. Like I posted a fake. Something on um, on Facebook. So like put, you know, plug in omgimg.co, like our home page.
Corey Maass (00:12:31) – And hit enter. Right. So already um, so Twitter has those, you know, rounded corners. Um, click on the Facebook tab. So this one. So Facebook gives you the full thing. The full preview, that’s the whole image is there. Um, and they pull that, that other data you see down below the domain. Uh, the title and description.
Corey Maass (00:13:02) – Is actually shown. Versus if you go back to the Twitter tab on the page you’re on. Rounded corners. No other data but the image. And this is, of course, the big scandal recently. Right. Is they they cut out all text. Um, there should be a little domain floating over that. Um. So I need to add that for accuracy. But they essentially ignore all this other stuff. So you need anyway. Yeah. So. So these are some of the gotchas. Hmhm. Products, WooCommerce.
Cory Miller (00:14:15) – So I was trying to think here, like when you when we showed that thing, it’s like, okay, that’s the obvious one, the main default.
Corey Maass (00:14:25) – Yeah, I would say default. Yeah. So this is this is the you you want. You want an image that shows up if no other image is specified. So bare minimum every single URL from your website that get shared your URLs you may not even know exist. Have something. Um, I would also separate blog posts and pages.
Corey Maass (00:14:54) – Like they are technically the same thing. We know this, right? But, um, I think there’s a lot of. People don’t think about this stuff. Um, what’s a good example?
Cory Miller (00:15:05) – Um, yeah. Services. You’re about page. You’re, you know.
Corey Maass (00:15:11) – Right. Um. I’m going to check my work here before I send you. Yeah. So. So, for example, go back to that preview. Or open? Open up a new one. You and your tabs. Um.
Corey Maass (00:15:31) – Uh, let’s keep this open. Open up an open. You know, duplicate this, um, tab because you need more tabs open. Um, and then put in the the URL that I just sent you on Slack. So like you see that, you know. So this is a page and I created a separate open graph image for this page. So it’s it’s not the default image.
Cory Miller (00:16:16) – It’s specific to that thing, which.
Corey Maass (00:16:18) – It’s specific to that page. Oh, and the another good example is I won’t keep sending them to you, but like. Uh, yeah. Blog posts. And I would say post comma like custom post type. So the example here is. Uh, I’m writing support docs on our website. Right. And so I’ve created a template in OMG. And then for each support doc I generate an image. And so that’s more analogous to a blog post, right? Where I’m using content from the from the the post, even if it’s not a post, it’s a custom post type. But like I’m injecting the title, right? And I think that this is what a lot of people are thinking about. Um, by default is, um, like publishing, right? A news article should have the headline and the excerpt and the link back kind of thing versus, um, in a perfect world, uh, even something boring like a contact us page the same way that, like, you need a meta description. You know, it’s it’s it’s a chore to come up with. Like, what is a two sentence description of for our contact us page? But if somebody shares it or when Google consumes it, you you want more than.
Corey Maass (00:17:42) – Contact us dash OMGIMG right? You want a sentence that says have a question or a comment about the OMGIMG WordPress plugin question mark. Send us send an email to our support team here. Right? So rich content full of keywords um, consumed by. To be consumed by Google and or if somebody actually shares it, like you’ve got these nice sentences that show up. Um, and so it’s the same with these open graph images like. Yes, like the boring example is you’re, you know, you and I are talking about this OMGIMG website and you’re like crap, I can’t how how do we send them an email? You’re like, oh, here I say here’s the URL to their contact us page OMGIMG.co contact right? Um. And so it’s not you’re not thinking about the content. But there’s value in stopping. Um, at least once. It’s kind of like. It’s like what? Um, what any of the SEO plugins try to do, right? Like, they want you to stop and fill out all this metadata and it’s again, it’s boring.
Corey Maass (00:18:58) – And it’s it feels bizarre to be like, why am I writing? You know, why am I thinking this hard about a contact us page? It’s just a form where people can send us an email. But you you want words on the page, um, for an overall effect of authority and SEO and, um, and when people share and stuff like that.
Cory Miller (00:19:20) – So. Okay taking. We’re going from WordPress leveraging Open Graph into these channels. And this page. You’re helping me really flesh this out like. The the technical. Parts of. WordPress that. Are awesome. We got blog posts, custom posts, and output podcasts in here. I don’t I don’t know if that fits in custom posts, but.
Speaker 3 (00:19:50) – So I guess here’s let me put it another way, right. Like so I would move events up one. Um. I would. Yeah, I would put. I would put pages below default. So I guess the way that I. Again I’m talking out loud. So so this is clarity is coming to me as I’m rambling, but it’s like think of it as moving parts.
Corey Maass (00:20:13) – Right. You have a default, um, you have default open graph information, the name of your website, which it probably doesn’t change often. You have the description of your website, which again, doesn’t change often. You want a default open graph image that probably mentions the name of your website has your logo right, but it doesn’t change. And then you’ve got pages again where where the content, like you’ve got a contact us page. The URL is not going to change the gist. The purpose of the page isn’t going to change, but there’s still value in having open graph data that is specific to that page. That isn’t just the website logo. Does that make sense? Um pretty static. So default open graph data very static could change. But but but you know once a year or something. Um pages probably doesn’t change very often again if ever. But there’s but in theory you’re, you’re creating more pages over time and or the um, the stuff on the the contact us page might change.
Corey Maass (00:21:28) – So you might update your open graph data once in a while. So again, the part parts might move a little bit versus like blog posts, events, products. Um, you know, each item doesn’t necessarily change much over time, but in theory, you’re cranking out articles, you’re adding products regularly, you’re, um, adding new podcast episodes regularly. So there’s there’s um. Variables. I don’t know how to say it, but it’s like you’re you’re going to be updating the the open graph data for each of those things more regularly. Podcasts in general, uh, or podcast episodes in general. You’re going to be adding them regularly. So you’re going to be dealing with the the metadata for podcasts in general pretty regularly. There you go. Well. Thank you. Well. Distilled. Yeah.
Cory Miller (00:22:24) – Okay. It’s like one table stakes. You got to do the OG image and we can give some opportunities later on down after the channels, like how you could how you could do this or this could be a separate piece of content.
Cory Miller (00:22:51) – And then here’s.
Corey Mass (00:22:52) – And again I would, I would put pages in the first section because I think that a lot of people I would take the the pages bullet out of the second section and put it up above. I mean, it’s definitely a big opportunity. Um, but again, it’s I think people are not thinking about open graph data for the contact us page for the terms of service page. But but they should.
Cory Miller (00:23:27) – I wonder. I was thinking of. Like every website. That we’re probably talking about. Got to have that. Okay. After you get that step one. Now look most every pages have every side has pages that those are opportunities.Step two. Convince. And I think we should put products up there. Like because if you have products, this is kind of like pages are kind of like services, your basic stuff. But if you have products, that’s probably almost essential right here.
Corey Maass (00:24:16) – Yeah. Well, I think people are. People are thinking, you know, this this page is tough because it’s it’s either top down or bottom up, depending on how you you look at it.
Corey Maass (00:24:26) – Right. But it’s like people are thinking about. Like I write a blog post like, this is what my clients go through and I’m trying to. Patch them up and build good habits with them there. They’re writing articles because again, I’m my clients mainly use our are running online magazines so they’re writing blog posts essentially. Right. They’re writing articles and I’m like the necessary steps. It’s not. You’re coming up with a title, an excerpt. They call it a deck. And then the article. Awesome. But there’s so unfortunately for them, there’s so much more work that then has to be done right. Um, they need an image. And so we’ve got Getty Images and a couple of other stock photo. So they have to go find a stock photo. If somebody hasn’t gone and taken a picture. But then they’re and I understand that it’s a point of pain for them. But it’s I’m like, you have to fill out all these other fields. We we happen to have Yoast installed. So it’s like you have to go fill out the meta description, the, you know, all the stuff.
Corey Maass (00:25:39) – This is what gets shared on socials. So you need to fill out all these other boxes. Right. And I think that that’s the workflow that more and more people are in fact getting used to. It’s to me so, so I so there’s a lot of value. They’re thinking of the value of the website in terms of the articles that they’re writing. And so naturally there’s opportunity, as we’re calling it, there’s value in filling out all of these fields. But I also think that one of the value the, the things, the, the big points we’re trying to make with this talk that we’re talking about, you know, what we’re generating the slides in front of us is the the actual opportunities are the ones that people miss, and that’s what we’re trying to educate them on, which is having that default open graph image and then pass that, not neglecting the boring stuff like pages. Do you see what I mean?
Cory Miller (00:26:37) – Mhm.
Corey Maass (00:26:39) – Because I bet like again, we’re running with the analogy of us standing on a stage at a WordCamp delivering this talk, and, and we’re up there and we’re like, okay, so, you know, you’re writing articles or you’re adding products and you’re filling again, you’ve got an SEO plugin installed and you’re filling out all these fields and they’re going, yeah, I already know this.
Corey Maass (00:27:02) – And then and then us going, okay, but do you have a default image? Do you have default data? That’s SEO rich. And they’re like probably. And we’re like, okay, does your contact page have, you know, a custom image so that when it’s shared it’s like contact us at OMGIMG. And I bet they go no.
Cory Miller (00:27:30) – Yeah, I like. Yep. I’m putting my mind in what you’re thinking here. And. The way I did. This is like, okay, first step is, you know, we’ve seen a bunch of people don’t even pay attention to this. And this is like the very basic first step.
Corey Maass (00:27:45) – Right.
Cory Miller (00:27:46) – The next thing you need to be thinking about is pages in products. Because that site. You know.
Cory Miller (00:27:54) – You’re delivering such a client an opportunity for them to stand out. And this isn’t have to be. You know, if I’m trying to think of a different known agency or own example. But if you’re, I don’t know, mental.
Cory Miller (00:28:11) – Shit. Gas station. You have certain things that you do. And those the like the main services of what you provide, and those should be the ones you look next. If you’re an e-commerce products, that’s naturally the products like default OMG next step is the products flesh out your OG images for products and services and some of these others their their opportunities and then the other ones like next level growth ones or blog post events that.
Corey Maass (00:28:51) – Yeah. And there’s, there’s so it’s, you know, an example I keep that. Oh, sorry.
Cory Miller (00:28:59) – Go ahead.
Corey Maass (00:29:03) – Something very weird. I have our last episode up in a tab, and it was paused this whole time, and then you just started talking. So I thought you were talking. Started talking. So I was like, oh, sorry, sorry I interrupted.
Corey Maass (00:29:14) – You again. But it was last week’s episode that freaked me out. Anyway, um. I saw a talk this week by, um. I don’t know. It was a clip somewhere.
Corey Maass (00:29:27) – SEO guy. And he’s like. What is he said? What? Just a little digression, but I got me thinking. He’s like, what is your local pizza place post non-stop on socials. Pictures of of pizza. He’s like, do I get up in the morning and I’m like, ooh, let me go see another picture of pizza from the local pizza place. No, he’s like, you need funny things. You need to tell stories. You need compelling content. And and arguably the, um, pizza’s maybe the last thing that you are actually posting pictures of, unless it’s somebody eating pizza or whatever.
Corey Maass (00:30:12) – So. I think it’s it’s analogous to that. So it’s thinking again from the. From the term from the perspective of the. Client or, excuse me, from the agencies. There’s a basic things that they can deliver. So it’s like when you deliver the website. To the local bakery. You’ve already populated. The metadata for the homepage. Take a stab at it.
Corey Maass (00:30:49) – Something is better than nothing. Because what what the local, you know, you then hand over the keys. I think this is still probably a unless unless you’re you the agency are maintaining the site for the client which may or may be the case. And hopefully then you’ve got an SEO person or a content person. But when you hand over the keys part of the education that you end up having to do. Right. You’re like, okay, so here’s how you, you know, here’s your website. It’s all done. Looks great. But when you need to update the menu, if you’re not going to come to us, you know, here’s how you click through to the menu page, right. The basics, the things that that we we teach our client. And so I think part of the education needs to be, you know, yes, you need to fill out all these other fields. So there’s stuff that the agency does in order to be, as we talked about last week, the full service agency and to deliver the most value to your clients.
Corey Maass (00:31:50) – But then there’s also stuff that your clients need to do, like when they add new blog posts, when they add content. Hopefully again, that isn’t just pictures of pizza. They need to fill out those boxes they need to be thinking about. That’s why I brought it up in the same context as when you’re posting compelling stuff. You know, the the, the metadata that you’re filling out about your blog post needs to be compelling.
Cory Miller (00:32:20) – Yeah. Okay, so let me put this in a. Okay. First up is the OG images. How are you really the main brand image? It’s the one that goes by default. It’s a fallback. It’s it is the most important because it’s probably going to be the one you use on Slack. It’s probably going to be the one that defaults when you’re just like, we’re running a special at Pizza Hut, Pizzahut.com. Like the The fallback thinks that’s the first. And you should be thinking about that. For how the brand showcases, like your pizza analogy, it should be that main image for Pizza Hut or Domino’s should be like beautiful pizzas in a way.
Cory Miller (00:33:03) – Domino’s get it fast, like that’s your main sales proposition then for any organization. But let’s say. The ones on my head are, uh. Mental health treatment centers. So we’ve got the brand. That’s the first how you want to be perceived overall. Then we go to the purpose of a website is to help them buy your product or service. So that’s why we suggest the second thing you should be looking at is your pages, your service pages, your service and product pages.
Corey Maass (00:33:42) – Mhm.
Cory Miller (00:33:44) – Service and product pages. Um. Okay. The same. We can get into that with WooCommerce and different things with service products. And then here’s our opportunities. Um. Well, this could be it. Like what if you are their service or products company? But there’s also like the magazine, your publisher. Um, that gets into blog posts just more. Here’s more growth opportunities, like if you’re a job site, like a directory. Yeah. Um. Support docs. Maybe podcasts can go up here to blog posts.
Cory Miller (00:34:41) – Okay. All right. So. I think this is great because it marries the WordPress technic technical stuff with the open graph, but then the. Really mission and goals and purpose of a website which is show off your brand that you’re someone that they should buy from or they have you have a solution that someone might need. Push that to your OG image because that should be the one size fits all kind of thing to fall back. Then think through what type of business or is it sort of service business, product business. And and we can just say like down here is content. Um, okay. So in the technical things of those OG image pages, posts. Essentially. Right?
Corey Maass (00:35:32) – Did you share this slideshow with. Same account.
Cory Miller (00:35:39) – Uh huh. Yeah.
Cory Miller (00:35:42) – Um, okay, so where I want to why I wanted to do this. And I think this was really helpful because it put it not just an output of all the things you can do from WordPress that could go into image, but like a real ordering. Of how to think about this. Well, I don’t have time to do blog every blog post. Cool. You should be doing these. These are kind of fixed. These three are kind of fixed. Content pieces that that are bigger opportunities. Now, if you’re really generating a lot of blog posts, that’s where OMG shines too. And you can do specifics like that. Uh, like. So.
Corey Maass (00:36:47) – So like. Trying to run with or bring it back to use cases and and again who we’re talking to. So the default data probably done by the agency before they hand over the site. And the analogy is. A billboard doesn’t change. You paid a lot of money. It’s on a side of a highway. It’s not going to change regularly.
Corey Miller: Yep.
Corey Maass: And then. These. This middle section is like, what? What made me think of this is is you said menus. So it’s like. The the the bakery menu. I mean, obviously some bakeries, it changes every day. But you know Starbucks, the menu is the menu.
Corey Maass (00:37:46) – So it’s like. The menu. The, you know, signage inside the store. Doesn’t change very often. But changes more often than the billboard on the side of the highway.
Cory Miller (00:38:04) – Mhm. If we take like a Mets ball. You know it’s. Yeah. For Arby’s that screaming look at me go okay I want that and that and that like yeah I love that analogy. The interior signage, the menu, the thing someone looks at to buy. Um. Like that. And that’s important because you want to showcase and this is an opportunity for them. Like it’s actually a really good content opportunity too because they’ve got the text on the the page that they want however they want it. But then there’s an image opportunity here to go. Uh, you know. Well, a lot of restaurants write their menu is either in a PDF or something. This is a cool little outfit perhaps for OMGIMG is like your menu. You know, I don’t know, but.
Corey Maass (00:39:00) – Well it’s not. Yeah. Well and it’s again so it’s like from, from the perspective of, of an agency. You, you design a client, a website. Local bakery comes to you, says, let me pay you a few thousand bucks. You say, great, you know, I’ll set up your basic website. Home page, menu page, contact us page, whatever it is. You. You hand the keys over to the client. What is literally the first thing they do? They share the URL on Facebook. Hey, we have a new website. And imagine if. Nothing came up.
Cory Miller (00:39:39) – Yeah.
Corey Maass (00:39:40) – Or if you share it on Twitter, it’s a gray box instead of. You know, a picture of the storefront or the logo or whatever. The second thing that starts to happen is word starts to spread. Hey, this this new bakery is open. Corey shares it with Cory. Cory shares it with Corey. Like here’s the here’s a link to the menu page. And again nothing comes up.
Corey Maass (00:40:11) – Yeah. And somebody else overhears Corey telling Cory about the bakery and Googles it. And nothing comes up like these. Are these are the the pitfalls.
Cory Miller (00:40:25) – Yeah. Okay. Can you humor me for if you think this is okay for now, this slide.
Corey Maass: Yep.
Cory Miller: Can you humor me nd like I can with brains brainstorm or just share all the channel outputs for OG images. Like, obviously it’s a blog post. If you’re blocked. I mean, uh, whatever Facebook calls it, you know. So we’ve got our set over here. But Facebook lets you. Use those OG images in all of these different ways. Like here’s the example, like Google. It’s that little side icon we saw. Maybe that’s the favicon, I don’t know, um, the OG image that appears in the right side like I want to list technically. Um, the things they can do by channel.
Corey Maass: Right.
Cory Miller (00:41:22) – Right?
Corey Maass So? So, Google, technically it’s called schema rather than open graph. Just so you’re so it sounds familiar to you. Um, but. Yeah, same, you know, same purpose essentially. They just they kind of have their own, um, so they pull in. Uh, a bunch of data points. Truth is that I don’t. I’m not overly familiar with. Where and how what they actually consume. Like I know like you can define the data so that when Google scrapes your site. Crawls your site. Spiders your site. Um, they they understand the content. You can use this data block that no human should ever see. Um, so that Google goes, oh, this is an article or oh, this is a product for sale, right? What they actually show in search results. Is that still the metadata? Is that the open open graph data? I don’t think it’s the open graph data. But the image because there is no meta tag for an image. They pull the image from that schema.
Cory Miller (00:42:46) – Okay. So. We can start whatever channel.
Cory Miller (00:42:50) – Um, you said a minute ago. I’m trying to get the right terminology. So you know what I’m asking. Um, like, on Facebook, you have a default image. We’ve already talked about that. When you do a, like, your Black Friday thing. It’s it’s. Update by pop up and post image like if you do.
Corey Maass (00:43:16) – Yeah. So this is a this is the better example. So you know based on like my my preview tool um is the is the good example of Facebook shows your domain not the full URL. Um, but again, as pulled from the um og colon URL meta tag. They show the OG title, not the page title. They show the OG description, not the meta description, and they show the OG image. Does that make sense?
Cory Miller (00:43:55) – Yeah, that’s what I want right there. So like. OG image and description. So that’s the most important one, which we already tied back here.
Corey Maass (00:44:07) – And title. Image description and title. It’s those three lines of text that they show below the image.
Cory Miller (00:44:29) – Or is it title and description?
Cory Miller (00:44:49) – So like all of these, we could say. This. Well yes.
Corey Maass: Not not Google.
Corey Maass (00:45:09) – I mean, and this is I think the reason that we’re stumbling on this is why is exactly why this is interesting, right? Facebook shows the image description and title. Twitter only shows the image. And I mean they show the domain but and it so does Facebook but it’s like. It’s. It’s so secondary.
Cory Miller (00:45:49) – It. It’s like in the plugin we have all of the channels for it. All the. Uh. Do you have, let’s see.
Corey Maass (00:46:32) – I might have kicked you out.
Cory Miller (00:46:39) – You kicked me out. I’m sorry. I’m trying to communicate what. I’m trying to figure out what I’m trying to communicate to you. Um, what we need is, like, you have the website. Okay. The website. And maybe that’s Post Status. And you go, okay. When. Here’s all the things you can do on Facebook. With images with OMGIMG images.
Cory Miller (00:47:14) – Like we got the default. This default thing that you share on the preview and then like. It’s basically if you make a specific blog post for an update, you can have a specific image for that thing, and then I’m just giving you like crude examples of what I’m trying to get at on these slides is like, um. Okay. So. Main image. If anybody puts a link to Corey’s hot hairdressing dot com, it’s going to have your main profile. Then if you do, you know. By, uh, specific posts on your WordPress website to Facebook. You can do specific images for those. Um, and I’m trying to make sure I, I don’t know all of them, but I go those are the big two uses I would say.
Corey Maass: Yeah.
Cory Miller: Corey’s hairdressing dot com I’d go you want your link. Somebody shares it to look nice that general og images. And you want to make sure your Facebook one looks really good on Facebook. We can do that through OMG. And then when you do oh 20% off Corey’s hot hairdressing dotcom you can do another image.
Cory Miller (00:48:36) – So it’s like post specific, per post or something like that. Per I’m trying to get the nomenclature down and I’m really fumbling here, but I want to go down and say, here’s five things you could do with Facebook five things you could do with Google, five things, five things you should be doing, five things you could be doing. Maybe. You know what I mean? Like, it doesn’t have to be five, but, um. Like one.
Corey Maass (00:49:04) – I mean, I think it’s, I think it’s the it’s pretty much the same two on all of them. Because it’s it’s the catchall and then it’s. Per page. Proposed per product. Data.
Corey Maass (00:49:20) – But I. And so to me, what I think is what I think is interesting is, is if we touch on essentially the gotchas, the, the quirks, the, the differences between them. Words matter on Facebook. Words do not matter on on Twitter.
Corey Maass (00:49:38) – That kind of thing.
Cory Miller: Gotcha.
Corey Maass (00:49:54) – But Twitter. So Twitter has their own. Um og image, essentially the Twitter card image and it’s a different size. So things like that are what. What. I think that if we’re doing the deep dive. On the gotchas, the extra opportunities, as you said. Then it’s then it’s this stuff like understand that Twitter doesn’t show words. Understand that the Twitter card what it what Twitter obviously wants to pull the image that is specific to the Twitter meta metadata. And so the image needs to be a different size. And I’m sure, I’m sure Pinterest has opinions about the size and shape of images. Um. And then they actually offer offer separate tax.
Cory Miller (00:50:58) – Okay. So. On all of these I hear what you’re saying. They have a specific name. Like Twitter cards for Twitter. Facebook for this schema for Google.
Corey Maass (00:51:11) – Yep.
Cory Miller (00:51:13) – Um. Whatever the Facebook name is called. Okay. Pinterest probably the same. And then any. Off of that. Is more, you know, a custom post Black Friday sale that you could do specific for that.
Corey Maass: Yep.
Cory Miller (00:51:35) – Okay. So main brand and how supplied per channel. The the what we are calling the og image and then the custom content opportunities.
Corey Maass: Mhm.
Cory Miller: Okay. Okay. And we could actually list this like, like we’re doing on Twitter here or something. This is. No text.
Cory Miller (00:52:33) – Which you’ve already done in the plugin. Like all of the all the templates are for that things. And if I had if I could look at it, I could probably just do what I’m trying to do, which is you already have that there. It’s like you have Twitter. You I don’t know if you call it Twitter card, but it’s like for Twitter the main thing is x by x, but OMG does that for you. But I wanted to put that information here. Like on all these sites you probably need to check that one box for sure. Which you can find it. A lot of these og image sites. Um, but we do it right here. Tag it appropriately. Get it the right size. Okay.
Cory Miller (00:53:18) – And then everything under that is really custom except. So we could say Facebook, LinkedIn. Uh, I’m not I’m not going to talk about Pinterest because I don’t know anything about it, but, say, Facebook and LinkedIn. It is main og main site image. Brand image and custom content. Is there any other nuances you think of right now? For those networks.
Corey Maass (00:53:58) – No. Um. Nothing comes to mind. But. Like I think. Yeah. In my mind, like so. Yeah. Top level, you know, here’s how to cover your bases. Sitewide data per thing. Data. Having a sale. Here’s a new blog post. Here’s a new podcast episode. Whatever. And then, um. And then. Like we said per channel, I think there’s there’s just there’s a variety of gotchas that we can cover. And we can also talk about because like you said last time, I essentially already have images of almost every one of these channels and what it looks like, um, which I’m replicating again on our social preview tool.
Corey Maass (00:54:49) – Um, but so, you know, a lot of people might not know what. Their website looks like when shared on Discord. Right, or the local bakery doesn’t know what their website looks like when shared on Slack, if they’re non-tech and aren’t using Slack. I’m sorry. We’ve reached the top of the hour and I got to jump.
Cory Miller: Okay.
Cory Miller (00:55:16) – All right.
Corey Maass (00:55:17) – But I think we’ve started filling in some of the blanks. And I think, you know, if we if we sit with this is like, this is it’s a neat mental exercise of. Like when you’re preparing a talk, how do you organize this information?
Cory Miller (00:55:30) – Yeah.
Corey Maass (00:55:31) – And so I think that’s kind of where we’re, um, where we’re at. I was just trying to figure out how how we’d present this stuff.
Cory Miller (00:55:39) – Yeah.
Corey Maass (00:55:40) – Okay as a narrative, you know?
Cory Miller (00:55:44) – Okay.
Corey Maass: Thank you sir.
Cory Miller: Thanks man. All right. Talk to you later.
Corey Maass: Bye.
