Welcome to TalkGraphics.com
Results 1 to 10 of 11

Thread: Open Graph

Hybrid View

  1. 27 August 2021, 12:48 PM #1
    RKissane's Avatar
    RKissane
    RKissane is offline Member
    Join Date
    Jul 2015
    Location
    Currently New York State
    Posts
    777

    Default Open Graph

    Has anybody used the Open Graph function yet? It is now available on the Design Pro release so I assume it has been out with DP+ for awhile.

    I am not really following how this is used. I did read the help file but still a little vague on the use of Open Graph. So if I post a link to my website on a social media site, how does the site know to grab the Open Graph information? Is it a special link that has to be posted? Does all social media sites use Open Graph?

    Where is the Open Graph information stored on a website? Is in the main header on all of the pages of the site?

    Ray
    Reply With Quote Reply With Quote IP
  2. 28 August 2021, 01:12 AM #2
    Egg Bramhill's Avatar
    Egg Bramhill
    Egg Bramhill is online now Member
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,934

    Default Re: Open Graph

    Hi Ray, not loked into this addition until your post. I created a one page website containing an opengraph Title, Content and an Image which I uploaded to my server in the sub-folder '/opengraph'.

    I then tested in on Facebooks https://developers.facebook.com/tools/debug/

    It came up with the Title, Description and Photo. However it did show bugs of which I don't know why they're being reported. The Xara implementation is perhaps oversimplified as it could have additional tags:
    Attached Thumbnails Attached Thumbnails Click image for larger version.  Name: export.png  Views: 67  Size: 25.8 KB  ID: 130506  
    Egg

    Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor     + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
    Reply With Quote Reply With Quote IP
  3. 28 August 2021, 11:58 AM #3
    gwpriester's Avatar
    gwpriester
    gwpriester is offline Moderator Emeritus
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,518

    Default Re: Open Graph

    Not sure if this is the problem but the first time I tried this feature it did not post on Facebook. But when I added the entire URL to the site name then it worked. I think Rob had suggested that.
    Attached Thumbnails Attached Thumbnails Click image for larger version.  Name: Screenshot 2021-08-28 at 05-56-26 Facebook.png  Views: 64  Size: 178.2 KB  ID: 130511  
    Gary W. Priester
    Mr. Moderator Emeritus Dude    , Sir

    gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
    Reply With Quote Reply With Quote IP
  4. 28 August 2021, 02:24 PM #4
    Acorn's Avatar
    Acorn
    Acorn is offline Super Moderator
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,882

    Info Re: Open Graph

    @Ray, when GaryP says he "added the entire URL to the site name", I imagine this is the necessary step in Web Properties > Publish > Publish to Other web host > settings > Publish details > Website URL.
    When I check the rendered <head> , the full URL appears for:
    • canonical
    • og:url
    • og:image

    All other linked content remains relative.

    @Egg, the missing fb:app_id probably resolves when FB finds the og:image full path.
    Your current https://parkeston.com/opengraph/ source shows the full URL is missing.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
    Reply With Quote Reply With Quote IP
  5. 28 August 2021, 02:32 PM #5
    Initiostar's Avatar
    Initiostar
    Initiostar is offline Member
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    953

    Default Re: Open Graph

    I tried the Xara utility for one of my websites. The Open Graph utility creates the meta tags you would otherwise have to create manually. I did have to refresh the FB cache via the FB debug page, but thereafter all appeared as expected.

    Click image for larger version.  Name: FB Meta Tags.jpg  Views: 60  Size: 112.7 KB  ID: 130515 Click image for larger version.  Name: OG FB Debug.jpg  Views: 65  Size: 64.2 KB  ID: 130516

    Worth a read through the FB pages: https://developers.facebook.com/docs...ng/webmasters/

    No substitute though for coordinating FB/Instagram/Twitter posts and website content.

    Gary
    Reply With Quote Reply With Quote IP
  6. 28 August 2021, 08:07 PM #6
    Acorn's Avatar
    Acorn
    Acorn is offline Super Moderator
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,882

    Default Re: Open Graph

    @Xara, still waiting --> https://www.talkgraphics.com/showthr...471#post638471.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
    Reply With Quote Reply With Quote IP
  7. 06 September 2021, 08:37 PM #7
    forresthowie
    forresthowie is offline Member
    Join Date
    Jul 2014
    Posts
    133

    Default Re: Open Graph

    Hi all,
    I bought the new version just for this feature but I'm obviously doing something wrong. I'm trying this out on a test page I made and uploaded to a folder on my webspace via ftp. I've included a pic of what I (think) I made, and the blank space I'm getting when I post the direct link on my fb page.
    Is there something i'm missing here? Any help would, as ever, be much appreciated.
    Yours,
    Forrest

    Click image for larger version.  Name: 1.jpg  Views: 59  Size: 44.5 KB  ID: 130575

    Click image for larger version.  Name: 2.jpg  Views: 56  Size: 29.4 KB  ID: 130576
    Reply With Quote Reply With Quote IP
  8. 06 September 2021, 09:58 PM #8
    Initiostar's Avatar
    Initiostar
    Initiostar is offline Member
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    953

    Default Re: Open Graph

    Forrest,

    Once you have added your image to Open Graph, you need to re-publish your website. If you have been successful, you will see the meta 'og' tags in your source code; they should look something like this - there is no need to ftp the image to your server.

    Click image for larger version.  Name: OG Tags Source Code.jpg  Views: 55  Size: 45.5 KB  ID: 130577

    Thereafter, you need to head over to Facebook debug, add your full URL https://......... and 'scrape' to see the image in situ.

    Click image for larger version.  Name: FB.jpg  Views: 48  Size: 40.9 KB  ID: 130578

    You may get a message that the FB id is missing - this is irrelevant, but if you have a FB developer id you can manually add the meta tag to the website HTML(head): <meta property="fb:app_id" content="xxxxxxxxxxxxxxx" /> content is your FD developer ID.

    Gary
    Reply With Quote Reply With Quote IP
 

 
« Previous Thread | Next Thread »

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules

Powered by vBulletin® Version 4.2.2
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.
© 2018 Xara Group Ltd
All times are GMT. The time now is 08:12 PM.