search

WordPress / wporg-developer

WordPress.org Developer theme
https://developer.wordpress.org/
60 stars 24 forks source link

Improve Open Graph properties throughout Developer Resources #442

Closed ndiego closed 10 months ago

ndiego commented 11 months ago

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

thetinyl commented 11 months ago

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.)

fcoveram commented 11 months ago

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

Developers social-image

thetinyl commented 11 months ago

@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 11 months ago

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" 🙌

fcoveram commented 11 months ago

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

Developers social-image 021

thetinyl commented 11 months ago

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

fcoveram commented 11 months ago

Oh you're right 😅 I updated the comment above with the new image. Sorry!

ndiego commented 11 months ago

Lookin good to me!

ndiego commented 10 months ago

Thanks everyone!

ryelle commented 10 months ago

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.