Opened 11 years ago
Closed 10 years ago
#415 closed enhancement (duplicate)
Update WordPress logo used in og:image element to improve social media distribution
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Priority: | normal | |
| Component: | General | Keywords: | |
| Cc: |
Description
Facebook likes images larger than 1200 pixels wide. Big photos lead to big link attachment stories for WordPress links shared on Facebook, which could lead to WordPress.org blog posts appearing in the news feed of more people.
https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/#images
Bump the WordPress logo used in the og:image RDFa element to a PNG over 1200 pixels wide.
The og:image element is also used by Twitter and LinkedIn stories. Twitter requires the image is under 1 MB in size. Should not be a problem for the WordPress logo.
https://dev.twitter.com/docs/cards/markup-reference
https://developer.linkedin.com/documents/setting-display-tags-shares
Change History (6)
#2
@
11 years ago
Really? 1200px of the logo?
Yeah, they're figuring that a 300px image already needs to be 600px for 2x screens, and that 4x screens can't be too far off, so might as well do forward-thinking.
#3
@
11 years ago
Well, nothing against 1200px images, or using large images, but using the logo alone seems a bit absurd for this. I'm thinking we need a different image here, is what I'm saying.
If you examine the stories auto-posted on https://www.facebook.com/WordPress, they all show that logo image on the side. If we were to use a larger image, Facebook says the result would look like this:
And that would look strange with just the logo there.
We could even vary it up and have a selection of various images, one chosen randomishly for each post. It would certainly make our various posts in the FB page look better.
Note that for posts where we actually have images, like the 3.8 release post, the inline images are automatically used for the og:image urls, so those don't use the logo. The logo is only the default choice for posts without images.
#4
@
11 years ago
og:image is an RDFa array, allowing multiple suggested values for a page. If the story extractor is not happy with the images it finds, via meta[property=og:image] or a regular img element, it may keep looking for a larger image.
The post images should not be downsized unless over 5 MB (or 1 MB if you want Twitter to use og:image as its fallback, or specify a separate twitter:image to target separately). If you use a large WordPress image as the last option, after the post images, then it can act as a fallback before the body is scanned for img elements of a desired size.
3.8 launch example:
http://wordpress.org/news/2013/12/parker/
VideoPress 640px poster frame passed to imgPress to upside to 692
http://i2.wp.com/videos.videopress.com/6wORgoGb/wp_38_launch_final_1080_dvd.original.jpg?resize=692%2C388
A WordPress.tv image with a 122px width downsized to 90px for some reason
http://i0.wp.com/wptv.files.wordpress.com/2010/07/wptv.png?resize=90%2C13
Large images associated with the post downsized
http://i0.wp.com/wpdotorg.files.wordpress.com/2013/12/overview.jpg?resize=623%2C193
http://i2.wp.com/wpdotorg.files.wordpress.com/2013/12/design.png?resize=623%2C151
http://i2.wp.com/wpdotorg.files.wordpress.com/2013/12/responsive.jpg?resize=255%2C255
#5
@
11 years ago
Some of my old SFC code is creating those og:images, and the reason they're resized comes from the Jetpack photon code. Neither plugin knows about the other, which is why the resizing isn't handled properly. That's relatively minor, I'll look into making the og:image handler there smarter.
In posts with no images, the og:image defaults to https://wordpress.org/about/images/logo-blue/blue-xl.png because, hey, no other images in the post to choose from. A choice of alternate defaults could be implemented if I had some other images to use.
Really? 1200px of the logo? Seems like epic overkill. I mean, we can do it, but that is kinda sorta crazy. Maybe we need a different image for this case?
Ideas welcome.