Support » Plugin: WooCommerce Facebook Like Share Button » Escape attribute in Facebook OpenGraph correctly

  • Resolved Torsten Landsiedel


    If there are quotes in the text for the FB open graph description it is not sufficient to just strip the tags:
    <meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" />

    You have to care about the quotes and use “htmlentities“, too.

    Better: You can use the WP function for this, called esc_attr:

    If you use this line:
    <meta property="og:description" content="<?php echo esc_attr( strip_tags( get_the_excerpt($post->ID) ) ); ?>" />
    there are no problems with quotes anymore!

    And the thumbnail image is (if not changed from the standard 150×150) to small for Facebook:

    og:image should be larger: Provided og:image is not big enough. Please use an image that’s at least 200×200 px. Image ‘’ will be used instead.

    As Facebook is using the original version of the image anyway, we could set it on the page, too:

    <meta property="og:image" content="<?php echo wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?>" />
    <link rel="image_src" href="<?php echo wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?>" />

    Or you could use at least the medium version (minimum 200×200 for FB).

    Best regards

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Escape attribute in Facebook OpenGraph correctly’ is closed to new replies.