*SOLVED* Unsure if here or "Off Topic" was most accurate; involves WB

etcbbu · Post by **etcbbu** » Fri Sep 08, 2023 9:13 pm

Hello, I was unsure whether to post this here in the "General Questions" section or the "Off Topic" section; but it *does* involve WB. But it's about facebook Pages:

When I am operating a facebook Page of a business and attempt to post a new "Post" on its feed, and input a URL with an https:// in front of it, that tells facebook's system I'm posting an external link.

So facebook system just about always tries to hit that URL and auto-pulls an image thumbnail; and it uses it for the post.

Where do I edit code from within my .WBS work-space to exactly define what image they're gonna pull, size it to where it'll look good, etc.? This thing pulls out the *worst* thumbnails unless I successfully can define it to do it exactly how I want.

--etcbbu

crispy68 · Post by **crispy68** » Fri Sep 08, 2023 9:31 pm

You need to specify the image you want to use buy setting the og:image tag in the open graph meta tags.

One tool I use to see what info Facebook is pulling from a website is their Facebook Crawler tool here:
https://developers.facebook.com/tools/debug/

etcbbu · Post by **etcbbu** » Fri Sep 08, 2023 9:35 pm

@crispy68 — Thanks! Do you have a go-to pixel-width and pixel-height that you use for that, by chance? I've seen some articles saying something about 1200 x 630 pixels .. ?

--etcbbu

crispy68 · Post by **crispy68** » Fri Sep 08, 2023 10:04 pm

Yes, I believe that is the recommended size. Running the Facebook scraper via the link I gave you will also tell you if the image is not adequate.

etcbbu · Post by **etcbbu** » Mon Sep 11, 2023 5:11 pm

Do I just place the

Code: Select all

og:image

tag in Page Properties >> Between<head></head>tags ? Just, above or below the unrelated google Analytics snippet I always have there?

crispy68 · Post by **crispy68** » Mon Sep 11, 2023 6:11 pm

No need to add it like that. Just open up the page properties --> Click Meta Tags --> select Open Graph --> Image

etcbbu · Post by **etcbbu** » Mon Sep 11, 2023 6:51 pm

Is everything in that dialogue box optional? Like, I'm not sure what (if anything) I should put in "App ID"..?

And then, for example, is the "twitter card" button for when someone posts a URL to the page in question, and defining how it'll look in the preview on twitter when someone posts the URL? Or are these something else altogether?

crispy68 · Post by **crispy68** » Mon Sep 11, 2023 7:04 pm

yes, the twitter card is for twitter.

You can fill out as much info as you want in that section. For me, I usually fill it all in.

the app id is for Facebook developers. I have created id's in the past. You can find more about that here:
https://developers.facebook.com/docs/de ... ate-an-app

etcbbu · Post by **etcbbu** » Mon Sep 11, 2023 7:27 pm

Ah yes, I remember those facebook App IDs from the past.

What about for other social media networks that are not Meta/facebook or twitter/X? Like,for example, if I wanted to post a URL on another social media network that "pulls in" a graphic into the little thumbnail / preview for posts on that other social media platform that allows for this type of thing similar to Meta/facebook and twitter/X; should what I am doing here on the

page properties --> Click Meta Tags --> select Open Graph

do that for those other social media networks too?

crispy68 · Post by **crispy68** » Mon Sep 11, 2023 8:46 pm

Hard to say without you picking one. You would need to look at how it's implemented with that particular social media site. More than likely they are using the same open graph tags as those are all pretty standard.

Here is some info to check out:
https://ogp.me/

BaconFries · Post by **BaconFries** » Mon Sep 11, 2023 9:56 pm

Twitter/X might be of some help..
Getting started with Cards | Docs | Twitter Developer Platform
How To Add Twitter Card and Open Graph Social Metadata to Your Webpage with HTML

www.wysiwygwebbuilder.com

SOLVED Unsure if here or "Off Topic" was most accurate; involves WB

SOLVED Unsure if here or "Off Topic" was most accurate; involves WB

Re: Unsure if here or "Off Topic" was most accurate; involves WB

Re: Unsure if here or "Off Topic" was most accurate; involves WB

Re: Unsure if here or "Off Topic" was most accurate; involves WB

Re: Unsure if here or "Off Topic" was most accurate; involves WB

Re: Unsure if here or "Off Topic" was most accurate; involves WB

Re: Unsure if here or "Off Topic" was most accurate; involves WB

Re: Unsure if here or "Off Topic" was most accurate; involves WB

Re: Unsure if here or "Off Topic" was most accurate; involves WB

Re: Unsure if here or "Off Topic" was most accurate; involves WB

Re: Unsure if here or "Off Topic" was most accurate; involves WB