Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Missing og:image in WordPress Playground source #960

Closed
alexdeborba opened this issue Jan 18, 2024 · 4 comments · Fixed by #980
Closed

Missing og:image in WordPress Playground source #960

alexdeborba opened this issue Jan 18, 2024 · 4 comments · Fixed by #980
Labels

Comments

@alexdeborba
Copy link

alexdeborba commented Jan 18, 2024

Description

I have noticed that the WordPress Playground is currently missing the og:image meta tag in its source code. This is causing links to the Playground to display without a featured image when shared on social networks like Facebook and Twitter.

Steps to reproduce:

  • Access the WordPress Playground.
  • View the source code of the page (right-click and "View Page Source" or use a similar option in your browser).
  • Search for the og:image meta tag. It is not present.
  • Share the WordPress Playground link on a social network (i.e: Facebook). The preview will lack a featured image.

Expected behavior:

The og:image meta tag should be present in the source code, specifying a default image to be used when the Playground link is shared on social networks.

Actual behavior:

The og:image tag is missing, resulting in no featured image being displayed on social shares.

Additional context:

  • The absence of the og:image tag diminishes the visual appeal and discoverability of WordPress Playground links on social media.
  • It is unclear if this is an intentional omission or an oversight.

Request:

Please consider adding the og:image meta tag to the WordPress Playground's source code to ensure proper display of featured images on social networks. This would enhance the sharing experience and visibility of the site.

@StevenDufresne
Copy link
Contributor

@adamziel @WordPress/meta-design Do we have an image that we can add here?

@jasmussen
Copy link

I would love to refresh the Playground page, perhaps even give it a logo of its own. But until that time (and I hope we can look at this in the not too distant future) I wonder if we shouldn't just apply the generic design? This one.

That said, here are two alternates:
WordPress Playground alt

WordPress Playground alt 2

I would still lean towards using the generic one, until we have some more identity on that page.

@alexdeborba
Copy link
Author

While acknowledging the current functionality of the page, I would like to propose exploring design alternatives that offer a more visually engaging and technologically-inspired aesthetic.

The current presentation, while clear, feels somewhat unremarkable.

@jasmussen
Copy link

Yes, I agree, I think the page itself deserves a complete redesign, and an OG image to go with it. I'm proposing the above until we have that.

adamziel added a commit that referenced this issue Jan 30, 2024
adamziel added a commit that referenced this issue Jan 30, 2024
Adds the following meta tags:

```
		<meta
			property="og:image"
			content="https://playground.wordpress.net/ogimage.png"
		/>
		<meta property="og:title" content="WordPress Playground" />
		<meta
			property="og:description"
			content="WordPress running in your browser for learning, testing, and developing with WordPress!"
		/>
		<meta property="og:url" content="https://playground.wordpress.net/" />
		<meta
			name="description"
			content="WordPress running in your browser for learning, testing, and developing with WordPress!"
		/>
```

I went with this image proposed by @jasmussen:

<img width="1200" alt="298001387-6ce0b346-9789-4c7a-882f-a7002431d622"
src="https://github.com/WordPress/wordpress-playground/assets/205419/0e9314b9-543b-4cc0-ba79-b917acd082b6">

We can adjust it later on when the w.org redesign progresses.

Closes #960

CC @alexdeborba
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants