Navigation
Archive / How To Customize Preview Thumbnail Images For My Website
This is archived content. Visit our new forum.
  • Author
    Posts
  • January 2, 2015 at 9:28 pm #175469

    brigidward
    Participant

    Hi
    I am not totally sure how to ask this. But hoping you can help.

    So, every time I post my url on Facebook, I type in my site http://www.brigidward.com X Theme and it comes up with a WordPress logo and the following text.

    http://brigidward.com/
    [vc_row][vc_column][/vc_column][/vc_row][vc_row inner_container=

    My question is, can I change the logo to something else and can I update the weird text below my url? It is obviously pulling from my site somehow and I have done searches on google and can’t seem to find an answer. So I really need some guidance here.

    This answer below is the closest I could find, <see below> but I didn’t want to try implementing it as it seems really complicated to say the least. Any chance you have a suggestion that might be a bit easier? Please advise.
    Thanks
    Brigid

    <<Open Graph tags>>

    Here is an example of the open graph tags I would insert into the <head> section of the page . If you don’t know code, ask a developer for help. Using this META tag strategy, you can define the images, text, and other items to use when sharing a page on your website.

    site_name

    This one is pretty standard. Add the name of your website.

    ?
    1
    <meta property=”og:site_name” content=”Your Website Name Here”/>
    title

    What is the title of the page for this particular URL? Specify that here. In our experience, the title length can be around 90 characters before it gets cut off.

    ?
    1
    <meta property=”og:title” content=”Your awesome title goes here, about 90 characters in length.”/>
    description

    This tag tells Facebook how you want your website categorized. Are you sharing a post from your blog? Specify blog.

    ?
    1
    <meta property=”og:description” content=”Compelling description of URL that is about 300 characters in length.”/>
    image

    This is the tag that tells Facebook, “Hey Facebook, use this image as the thumbnail anytime the page is shared.” This is where I would add the file URL of the above image.

    ?
    1
    <meta property=”og:image” content=”YOURIMAGEURLGOESHERE.JPG”>
    url

    This is where you would add the URL of the page that is being shared.

    ?
    1
    <meta property=”og:url” content=”http://yourcontentURLgoeshere.com/”>
    type

    This tag tells Facebook how you want your website categorized. Are you sharing a post from your blog? Specify blog.

    ?
    1
    <meta property=”og:type” content=”blog”/>
    Now, if the correct open graph tags were added to this page, this is what would display if I was sharing the founders page on Facebook — a much more visual appealing link preview to look at!

    January 3, 2015 at 4:35 am #175586

    Christopher
    Moderator

    Hi there,

    It seems you already fixed it.
    I tried to share one of your posts and the code doesn’t appear.Check : http://prntscr.com/5nxbi1

    Would you confirm that?

    Thank you.

    January 5, 2015 at 11:01 pm #177290

    brigidward
    Participant

    Sharing posts works fine, it’s when I try and share my actual website. So try and share simply http://www.brigiward.com on FB. See the weird code that comes up. I am totally confused.
    Thanks so much

    January 6, 2015 at 3:25 am #177425

    Paul R
    Moderator

    Hi Brigid,

    I didn’t see the weird code while trying to share your homepage.

    It might be a facebook cache issue.

    Can you please try again.

    Thanks

    January 7, 2015 at 2:24 am #178237

    brigidward
    Participant

    Thanks. It isn’t the code anymore, and I am not sure why that is. I didn’t make any changes. But can you explain or help me figure out how to change out the the WordPress logo that shows up? Is there a way to force another image to show up? When I share on FB my website…www.brigidward.com it shows the WordPress logo as my image. Please advise if you can shed some light on how to fix this. Thanks so much.

    January 7, 2015 at 5:26 am #178345

    Paul R
    Moderator

    Hi,

    You can change the wordpress logo by adding a featured image to your home page.

    http://screencast.com/t/MIkNrF8zpr7N

    Hope that helps.

    January 7, 2015 at 11:02 pm #178941

    brigidward
    Participant

    So I made the update and I still see the WordPress logo. Any other suggestions? Please advise.
    Thanks so much
    B

    January 8, 2015 at 5:56 am #179136

    Zeshan
    Member

    Hi B,

    I just checked your website’s source code and it’s showing the correct image URL in it’s og:image tag (see: http://prntscr.com/5pw50a), so it should be appeared just fine on Facebook. However, upon inspecting the image on Facebook, it’s taking the image URL: http://prntscr.com/5pw5mh (URL: http://brigidward.com/wp-admin/images/w-logo-blue.png). And on your website, there’s a section “popupally-configuration” added that’s inserting the WP image (see: http://prntscr.com/5pw6dh)

    It seems to be a 3rd party plugin as this code isn’t generated by X, so you could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Thanks!

    January 19, 2015 at 9:27 pm #186525

    brigidward
    Participant

    Thank you for your help. sorry I hadn’t checked back as we were on vacation. But it was the PopupAlly issue. Thanks

    January 20, 2015 at 6:46 am #186825

    Paul R
    Moderator

    You’re welcome!

  • Author
    Posts