WordPress / wporg-theme-directory

12 stars 6 forks source link

SEO/Social meta: First pass to add meta and opengraph tags #116

Closed ryelle closed 1 month ago

ryelle commented 1 month ago

This enables (and updates) the SEO meta tags and social opengraph tags from Jetpack, so social embeds and search results load correctly.

Fixes #meta-6579

Screenshots

No screenshots, but here's the before/after of the meta values for a few pages. n/a here means the value was missing.

Home

Name Production Update
<title> WordPress Themes | WordPress.org WordPress Theme Directory | WordPress.org
description Find the perfect theme for your WordPress website. Choose from thousands of stunning designs with a wide variety of features and customization options. Find the perfect theme for your WordPress website. Choose from thousands of stunning designs with a wide variety of features and customization options.
og:type n/a website
og:title n/a WordPress Theme Directory
og:description n/a Find the perfect theme for your WordPress website. Choose from thousands of stunning designs with a wide variety of features and customization options.
og:url n/a https://wordpress.org/themes/
og:site_name n/a WordPress.org
og:image n/a [placeholder]
og:image:alt n/a WordPress Theme Directory
og:locale n/a en_US
twitter:card n/a summary_large_image
twitter:site n/a @WordPress
twitter:image n/a [placeholder]

Filter combination

Name Production Update
<title> WordPress Themes: Full Site Editing Free | WordPress.org Block themes and Style variations | WordPress.org
description Posts about Full Site Editing written by Automattic, Shine Dezign Infonet, realtimethemes, Superb Addons, effethemes, WebMan Design | Oliver Juhas, portfoliowp, and Roman Fink Find the perfect theme for your WordPress website. Choose from thousands of stunning designs with a wide variety of features and customization options.
og:type n/a website
og:title n/a Block themes and Style variations
og:url n/a https://wordpress.org/themes/tags/full-site-editing/
og:description n/a Find the perfect theme for your WordPress website. Choose from thousands of stunning designs with a wide variety of features and customization options.
og:site_name n/a WordPress.org
og:image n/a [placeholder]
og:image:alt n/a WordPress Theme Directory
og:locale n/a en_US
twitter:site n/a @WordPress
twitter:image n/a [placeholder]
twitter:card n/a summary_large_image

Single theme

Name Production Update
<title> Twenty Twenty-Four - WordPress theme | WordPress.org Twenty Twenty-Four | WordPress Theme | WordPress.org
description Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations… Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
og:type website article
og:title Twenty Twenty-Four Twenty Twenty-Four | WordPress Theme Directory
og:url https://wordpress.org/themes/twentytwentyfour/ https://wordpress.org/themes/twentytwentyfour/
og:description Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4. Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
og:site_name WordPress.org WordPress.org
og:image https://i0.wp.com/themes.svn.wordpress.org/twentytwentyfour/1.1/screenshot.png https://i0.wp.com/themes.svn.wordpress.org/twentytwentyfour/1.1/screenshot.png
og:image:alt n/a Twenty Twenty-Four
og:locale n/a en_US
twitter:site @WordPress @WordPress
twitter:text:title n/a Twenty Twenty-Four | WordPress Theme Directory
twitter:description n/a Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
twitter:image https://i0.wp.com/themes.svn.wordpress.org/twentytwentyfour/1.1/screenshot.png?w=560&amp;strip=all https://i0.wp.com/themes.svn.wordpress.org/twentytwentyfour/1.1/screenshot.png
twitter:image:alt n/a Twenty Twenty-Four
twitter:card summary_large_image summary_large_image
article:published_time n/a 2023-11-07T19:26:45+00:00
article:modified_time n/a 2024-04-02T20:12:33+00:00
ryelle commented 1 month ago

I've created a separate issue for design to create an opengraph image #117 — for now it's using the main site's image.