<?php // phpcs:ignore WordPress.Files.FileName.NotHyphenatedLowercase
* Add Open Graph tags so that Facebook (and any other service that supports them)
* can crawl the site better and we provide a better sharing experience.
* @link https://developers.facebook.com/docs/opengraph/
* @package automattic/jetpack
use Automattic\Block_Scanner;
use Automattic\Jetpack\Connection\Manager as Connection_Manager;
use Automattic\Jetpack\Current_Plan;
use Automattic\Jetpack\Status\Host;
if ( ! defined( 'ABSPATH' ) ) {
add_action( 'wp_head', 'jetpack_og_tags' );
add_action( 'web_stories_story_head', 'jetpack_og_tags' );
// Add a Fediverse Open Graph Tag when an author has connected their Mastodon account.
add_filter( 'jetpack_open_graph_tags', 'jetpack_add_fediverse_creator_open_graph_tag', 10, 1 );
add_filter( 'jetpack_open_graph_output', 'jetpack_filter_fediverse_cards_output', 10, 1 );
* Outputs Open Graph tags generated by Jetpack.
function jetpack_og_tags() {
$data = $post; // so that we don't accidentally explode the global.
$is_amp_response = ( class_exists( 'Jetpack_AMP_Support' ) && Jetpack_AMP_Support::is_amp_request() );
// Disable the widont filter on WP.com to avoid stray  s.
$disable_widont = remove_filter( 'the_title', 'widont' );
if ( ! $is_amp_response ) { // Because AMP optimizes the order or the nodes in the head.
$og_output .= "<!-- Jetpack Open Graph Tags -->\n";
* Filter the minimum width of the images used in Jetpack Open Graph Meta Tags.
* @module sharedaddy, publicize
* @param int 200 Minimum image width used in Jetpack Open Graph Meta Tags.
$image_width = absint( apply_filters( 'jetpack_open_graph_image_width', 200 ) );
* Filter the minimum height of the images used in Jetpack Open Graph Meta Tags.
* @module sharedaddy, publicize
* @param int 200 Minimum image height used in Jetpack Open Graph Meta Tags.
$image_height = absint( apply_filters( 'jetpack_open_graph_image_height', 200 ) );
$description_length = 197;
if ( is_home() || is_front_page() ) {
$site_type = Jetpack_Options::get_option_and_ensure_autoload( 'open_graph_protocol_site_type', '' );
$tags['og:type'] = ! empty( $site_type ) ? $site_type : 'website';
$tags['og:title'] = get_bloginfo( 'name' );
$tags['og:description'] = get_bloginfo( 'description' );
$front_page_id = get_option( 'page_for_posts' );
if ( 'page' === get_option( 'show_on_front' ) && $front_page_id && is_home() ) {
$tags['og:url'] = get_permalink( $front_page_id );
$tags['og:url'] = home_url( '/' );
// Associate a blog's root path with one or more Facebook accounts.
$facebook_admins = Jetpack_Options::get_option_and_ensure_autoload( 'facebook_admins', array() );
if ( ! empty( $facebook_admins ) ) {
$tags['fb:admins'] = $facebook_admins;
} elseif ( is_author() ) {
$tags['og:type'] = 'profile';
$author = get_queried_object();
if ( is_a( $author, 'WP_User' ) ) {
$tags['og:title'] = $author->display_name;
if ( ! empty( $author->user_url ) ) {
$tags['og:url'] = $author->user_url;
$tags['og:url'] = get_author_posts_url( $author->ID );
$tags['og:description'] = $author->description;
$tags['profile:first_name'] = get_the_author_meta( 'first_name', $author->ID );
$tags['profile:last_name'] = get_the_author_meta( 'last_name', $author->ID );
} elseif ( is_archive() ) {
$tags['og:type'] = 'website';
$tags['og:title'] = wp_get_document_title();
$archive = get_queried_object();
if ( $archive instanceof WP_Term ) {
$tags['og:url'] = get_term_link( $archive->term_id, $archive->taxonomy );
$tags['og:description'] = $archive->description;
} elseif ( ! empty( $archive ) && is_post_type_archive() ) {
$tags['og:url'] = get_post_type_archive_link( $archive->name );
$tags['og:description'] = $archive->description;
} elseif ( is_singular() && is_a( $data, 'WP_Post' ) ) {
$tags['og:type'] = 'article';
if ( empty( $data->post_title ) ) {
/** This filter is documented in core/src/wp-includes/post-template.php */
$tags['og:title'] = wp_kses( apply_filters( 'the_title', $data->post_title, $data->ID ), array() );
$tags['og:url'] = get_permalink( $data->ID );
if ( ! post_password_required() ) {
* If the post author set an excerpt, use that.
* Otherwise, pick the post content that comes before the More tag if there is one.
* Do not use the post content if it contains premium content.
if ( ! empty( $data->post_excerpt ) ) {
$tags['og:description'] = jetpack_og_get_description( $data->post_excerpt );
} elseif ( ! has_block( 'premium-content/container', $data->post_content ) ) {
$excerpt = explode( '<!--more-->', $data->post_content )[0];
$tags['og:description'] = jetpack_og_get_description( $excerpt );
$tags['article:published_time'] = gmdate( 'c', strtotime( $data->post_date_gmt ) );
$tags['article:modified_time'] = gmdate( 'c', strtotime( $data->post_modified_gmt ) );
if ( post_type_supports( get_post_type( $data ), 'author' ) && isset( $data->post_author ) ) {
$publicize_facebook_user = get_post_meta( $data->ID, '_publicize_facebook_user', true );
if ( ! empty( $publicize_facebook_user ) ) {
$tags['article:author'] = esc_url( $publicize_facebook_user );
} elseif ( is_search() ) {
if ( '' !== get_query_var( 's', '' ) ) {
$tags['og:title'] = wp_get_document_title();
* Allow plugins to inject additional template-specific Open Graph tags.
* @module sharedaddy, publicize
* @param array $tags Array of Open Graph Meta tags.
* @param array $args Array of image size parameters.
$tags = apply_filters( 'jetpack_open_graph_base_tags', $tags, compact( 'image_width', 'image_height' ) );
// Re-enable widont if we had disabled it.
add_filter( 'the_title', 'widont' );
* Do not return any Open Graph Meta tags if we don't have any info about a post.
* @module sharedaddy, publicize
* @param bool true Do not return any Open Graph Meta tags if we don't have any info about a post.
if ( empty( $tags ) && apply_filters( 'jetpack_open_graph_return_if_empty', true ) ) {
$tags['og:site_name'] = get_bloginfo( 'name' );
// Get image info and build tags.
if ( ! post_password_required() ) {
$image_info = jetpack_og_get_image( $image_width, $image_height );
$tags['og:image'] = $image_info['src'];
if ( ! empty( $image_info['width'] ) ) {
$tags['og:image:width'] = (int) $image_info['width'];
if ( ! empty( $image_info['height'] ) ) {
$tags['og:image:height'] = (int) $image_info['height'];
// If we have an image, add the alt text even if it's empty.
if ( ! empty( $image_info['src'] ) && isset( $image_info['alt_text'] ) ) {
$tags['og:image:alt'] = esc_attr( $image_info['alt_text'] );
// Facebook whines if you give it an empty title.
if ( empty( $tags['og:title'] ) ) {
$tags['og:title'] = __( '(no title)', 'jetpack' );
// Shorten the description if it's too long.
if ( isset( $tags['og:description'] ) ) {
$tags['og:description'] = strlen( $tags['og:description'] ) > $description_length ? mb_substr( $tags['og:description'], 0, $description_length ) . '…' : $tags['og:description'];
// Try to add OG locale tag if the WP->FB data mapping exists.
if ( defined( 'JETPACK__GLOTPRESS_LOCALES_PATH' ) && file_exists( JETPACK__GLOTPRESS_LOCALES_PATH ) ) {
require_once JETPACK__GLOTPRESS_LOCALES_PATH;
// We have to account for w.org vs WP.com locale divergence.
if ( defined( 'IS_WPCOM' ) && IS_WPCOM ) {
$gp_locale = GP_Locales::by_field( 'slug', $_locale );
$gp_locale = GP_Locales::by_field( 'wp_locale', $_locale );
if ( isset( $gp_locale->facebook_locale ) && ! empty( $gp_locale->facebook_locale ) ) {
$tags['og:locale'] = $gp_locale->facebook_locale;
* Allow the addition of additional Open Graph Meta tags, or modify the existing tags.
* @module sharedaddy, publicize
* @param array $tags Array of Open Graph Meta tags.
* @param array $args Array of image size parameters.
$tags = apply_filters( 'jetpack_open_graph_tags', $tags, compact( 'image_width', 'image_height' ) );
// secure_urls need to go right after each og:image to work properly so we will abstract them here.
$tags['og:image:secure_url'] = ( empty( $tags['og:image:secure_url'] ) ) ? '' : $tags['og:image:secure_url'];
$secure = $tags['og:image:secure_url'];
unset( $tags['og:image:secure_url'] );
$allowed_empty_tags = array(
foreach ( (array) $tags as $tag_property => $tag_content ) {
// to accommodate multiple images.
$tag_content = (array) $tag_content;
$tag_content = array_unique( array_filter( $tag_content, 'is_scalar' ) );
foreach ( $tag_content as $tag_content_single ) {
if ( empty( $tag_content_single ) && ! in_array( $tag_property, $allowed_empty_tags, true ) ) {
continue; // Only allow certain empty tags.
switch ( $tag_property ) {
case 'og:image:secure_url':
case 'og:audio:secure_url':
case 'og:video:secure_url':
$og_tag = sprintf( '<meta property="%s" content="%s" />', esc_attr( $tag_property ), esc_url( $tag_content_single ) );
$og_tag = sprintf( '<meta property="%s" content="%s" />', esc_attr( $tag_property ), esc_attr( $tag_content_single ) );
* Filter the HTML Output of each Open Graph Meta tag.
* @module sharedaddy, publicize
* @param string $og_tag HTML HTML Output of each Open Graph Meta tag.
$og_output .= apply_filters( 'jetpack_open_graph_output', $og_tag );
if ( 'og:image' === $tag_property ) {
if ( is_array( $secure ) && ! empty( $secure[ $secure_image_num ] ) ) {
$og_tag = sprintf( '<meta property="og:image:secure_url" content="%s" />', esc_url( $secure[ $secure_image_num ] ) );
/** This filter is documented in functions.opengraph.php */
$og_output .= apply_filters( 'jetpack_open_graph_output', $og_tag );
} elseif ( ! is_array( $secure ) && ! empty( $secure ) ) {
$og_tag = sprintf( '<meta property="og:image:secure_url" content="%s" />', esc_url( $secure ) );
/** This filter is documented in functions.opengraph.php */
$og_output .= apply_filters( 'jetpack_open_graph_output', $og_tag );
if ( ! $is_amp_response ) { // Because AMP optimizes the order or the nodes in the head.
$og_output .= "\n<!-- End Jetpack Open Graph Tags -->";
// This is trusted output or added by a filter.
echo $og_output; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
* Returns an image used in social shares.
* @param int $width Minimum width for the image. Default is 200 based on Facebook's requirement.
* @param int $height Minimum height for the image. Default is 200 based on Facebook's requirement.
* @param null $deprecated Deprecated.
* @return array The source ('src'), 'width', and 'height' of the image.
function jetpack_og_get_image( $width = 200, $height = 200, $deprecated = null ) {
if ( ! empty( $deprecated ) ) {
_deprecated_argument( __FUNCTION__, 'jetpack-6.6.0' );
if ( is_singular() && ! is_home() ) {
// Grab obvious image if post is an attachment page for an image.
if ( is_attachment( get_the_ID() ) && str_starts_with( get_post_mime_type(), 'image' ) ) {
$image['src'] = wp_get_attachment_url( get_the_ID() );
$image['alt_text'] = Jetpack_PostImages::get_alt_text( get_the_ID() );
// Attempt to find something good for this post using our generalized PostImages code.
if ( empty( $image ) && class_exists( 'Jetpack_PostImages' ) ) {
$post_image = Jetpack_PostImages::get_image(
if ( ! empty( $post_image ) && is_array( $post_image ) ) {
$image['src'] = $post_image['src'];
if ( isset( $post_image['src_width'] ) && isset( $post_image['src_height'] ) ) {
$image['width'] = $post_image['src_width'];
$image['height'] = $post_image['src_height'];
if ( ! empty( $post_image['alt_text'] ) ) {
$image['alt_text'] = $post_image['alt_text'];
} elseif ( is_author() ) {
$author = get_queried_object();
if ( is_a( $author, 'WP_User' ) ) {
$image['src'] = get_avatar_url(
$image['alt_text'] = $author->display_name;
* Generate a fallback social image,
* dynamically generated based on the site name,
* a representative image of the site,
* and a custom template used by our Social Image Generator.
$site_image = jetpack_og_get_fallback_social_image( $width, $height );
if ( ! empty( $site_image ) ) {
$image['src'] = $site_image['src'];
$image['width'] = $site_image['width'];
$image['height'] = $site_image['height'];
// If we didn't get an explicit alt tag from the image, set a default.
if ( empty( $image['alt_text'] ) ) {
* Filter the default Open Graph image alt text, used when the Open Graph image from the post does not have an alt text.
* @param string $str Default Open Graph image alt text.
$image['alt_text'] = apply_filters( 'jetpack_open_graph_image_default_alt_text', '' );
* Get a fallback social image for the site.
* @param int $width The width of the image.
* @param int $height The height of the image.
* @return array The source ('src'), 'width', 'height', and source type of the image.
function jetpack_og_get_fallback_social_image( $width, $height ) {
// Let's get the site's representative image.
$site_image = jetpack_og_get_site_image( $width, $height );
* Define your own site's representative image,
* to override any fallback image found by looking through site's logo, site icon, and blavatar.
* This will allow you to overwrite the default fallback image generated dynamically.
* @param array $site_image Your own site's representative image.
* @param array $site_image The site's representative image picked by Jetpack. {
* @type string $src The source of the image.
* @type int $width The width of the image.
* @type int $height The height of the image.
* @type string $type The type of the image.
$custom_site_image = apply_filters( 'jetpack_og_default_site_image', array(), $site_image );
if ( ! empty( $custom_site_image['src'] ) ) {
return $custom_site_image;
if ( empty( $site_image['src'] ) ) {
// When using the default blank image, use a different template in Social Image Generator.
$site_image['src'] = jetpack_og_get_site_fallback_blank_image();
* Only attempt to generate a dynamic fallback image
* if we have a healthy connection to WPCOM.
* and if the site has the right plan.
( ( new Host() )->is_wpcom_simple()
|| ( new Connection_Manager() )->is_connected()
&& Current_Plan::supports( 'social-image-generator' )
* Allow filtering the template to use with Social Image Generator.
* Available templates: highway, dois, fullscreen, edge.
* @param string $template The template to use.
$template = apply_filters( 'jetpack_og_fallback_social_image_template', $template );
// Let's generate the image.
$site_image = jetpack_og_generate_fallback_social_image( $site_image, $template );
* Get the site's representative image.
* @param int $width The width of the image.
* @param int $height The height of the image.
* @return array The source ('src'), 'width', 'height', and source type of the image.
function jetpack_og_get_site_image( $width, $height ) {
// First fall back, blavatar.
if ( function_exists( 'blavatar_domain' ) ) {
$blavatar_domain = blavatar_domain( site_url() );
if ( blavatar_exists( $blavatar_domain ) ) {
'src' => blavatar_url( $blavatar_domain, 'img', $width, false, true ),
// Second fall back, Site Logo.
function_exists( 'jetpack_has_site_logo' )
&& jetpack_has_site_logo()