AMP reporting many errors

Hello @richard1250

Thank you for creating a support topic, GenratePress can be made AMP-compatible using a small plugin they created.

We checked your support data it seems you are using the child theme of GeneratePress. which created a validation error.

The source of error seems to be functions.php file with the function add_twitter_cards function having an invalid attribute.

I will recommend checking twitter cards tags one more time from the official documentation and validate once added on twitter card validator

Another error about Generatepress adding script should be fixed by AMP for the GeneratePress plugin.

if that didn’t help, please add the following code to the child themes functions.php file.

add_filter( 'generate_print_a11y_script', 'amp_remove_a11y_script' );
/**
 * Remove the a11y script from GeneratePress.
 *
 * @param bool $print Whether to print the script or not.
 */
function amp_remove_a11y_script( $print ) {
    if ( function_exists( 'amp_is_request' ) && amp_is_request() ) {
        return false;
    }

    return $print;
}

Hope this helps!

Hello @richard1250

Sorry for the delayed response, it seems you are using value attribute while the Twitter docs mention content attribute

Can you please try the below code also please replace variable values for $tc_title, $tc_exceprt and $tc_image_thumb with yours values.

add_action(
	'wp_head',
	function() {
		$tc_title = get_the_title();
		$tc_exceprt = strip_tags( get_the_excerpt() );
		$tc_image_thumb = 'http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg';
		?>
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:creator" content="@RichardDetering">
		<?php if ( ! empty( $tc_title ) ) { ?>
			<meta name="twitter:title" content="<?php echo esc_attr( $tc_title ); ?>">
		<?php } ?>
		<?php if ( ! empty( $tc_exceprt ) ) { ?>
			<meta name="twitter:description" content="<?php echo esc_attr( $tc_exceprt ); ?>">
		<?php } ?>
		<?php if ( ! empty( $tc_image_thumb ) ) { ?>
		<meta name="twitter:image" content="<?php echo esc_attr( $tc_image_thumb ); ?>">
			<?php
		}
	}
);

The same code worked for me on my test site, also verified same on twitter card validator

Hope this helps!

@richard1250

Sorry for the confusion, I mean the variables (the ones you were using before), it’s up to you how you wanted to use Twitter cards (you easily find examples of Twitter cards by quick search)

No problem Richard, I thought you have those variables that might be getting values from somewhere in your code snippet.

In case no, then please use the updated code snippet below that uses the post’s feature image for the Twitter card.

You also need a default image path (currently it’s your image) if the post has no feature image set.

add_action(
	'wp_head',
	function() {
		$tc_title = get_the_title();
		$tc_exceprt = strip_tags( get_the_excerpt() );
		$tc_image_thumb = has_post_thumbnail() ? get_the_post_thumbnail_url() : 'https://richarddetering.com/wp-content/uploads/2020/01/richarddetering8.jpg';
		?>
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:creator" content="@RichardDetering">
		<?php if ( ! empty( $tc_title ) ) { ?>
			<meta name="twitter:title" content="<?php echo esc_attr( $tc_title ); ?>">
		<?php } ?>
		<?php if ( ! empty( $tc_exceprt ) ) { ?>
			<meta name="twitter:description" content="<?php echo esc_attr( $tc_exceprt ); ?>">
		<?php } ?>
		<?php if ( ! empty( $tc_image_thumb ) ) { ?>
		<meta name="twitter:image" content="<?php echo esc_attr( $tc_image_thumb ); ?>">
			<?php
		}
	}
);

replace the previous code snippet with this one