WordPress/wporg-developer

Improve Open Graph properties throughout Developer Resources

Closed this issue ยท 10 comments

ndiego commented

Right now, and in the previous design, the Open Graph properties for each individual page in Developer Resources are all the same, and there is no thumbnail image. We should improve this post-launch.

Example 1 Example 2
image image

cc @fcoveram @thetinyl for thoughts

the Open Graph properties for each individual page in Developer Resources are all the same

Oh dear. Could these be dynamically generated based on the page content? (Images included in this ask.)

Here is an idea based on the visuals made for other sections

Developers social-image

@fcoveram Three things stick out to me about the thumbnail:

  1. I appreciate the consistency in the visual language. It's a subtle nice touch.
  2. I think we need to add WordPress in the subcopy to be consistent with the other thumbnails (both Showcase and Events have it), but also to be just a little more obvious that this is WP. For some folks, they're not going to read anything beyond the image text as they skim their feeds, and the dot motif isn't enough to signal "WordPress" on its own. Could be as simple as: The freedom to build with WordPress
  3. This is a question for the target audience of Devs or Dev-minded folk: Is "Developers" compelling enough to get you to follow the link/read the rest of the OpenGraph info? To me, this feels like it's missing the hook and I'd want it to be consistent with the title of the section (Developer Resources). But I acknowledge it'll exist with additional context and fits the one-word pattern of the other sections. @ndiego Thoughts?
ndiego commented

Yeah, ideally, it would be great to include "Resources" and we also need "WordPress" in there somewhere. I like "The freedom to build with WordPress" ๐Ÿ™Œ

Great feedback. Here is an idea with the feedback applied.

Developers social-image 021

@fcoveram Nice! Minor copy edit for you: drop the 's' from 'Developers' ---> 'Developer Resources'

Oh you're right ๐Ÿ˜… I updated the comment above with the new image. Sorry!

ndiego commented

Lookin good to me!

ndiego commented

Thanks everyone!

ryelle commented

It was reported that this isn't showing up on twitter, because we don't have a twitter:image tag (thanks @bph!). Reopening to track fixing that.