open-graph | Library that assists in building Open Graph meta tags | Search Engine Optimization library

Twitter likes name, not property (the OG meta tags use property).

Ok, you have quite a bit here. NORMALLY, you should limit a SO post to 1 question and issue, but I'll work through each issue. It would be easier if you provided at least a few rows of your data.csv

1.

The code does not get the needed information every the time because sometimes the html elements are missing or varies and will give errors in python because of that:

Use if logic to check if it's present. If it's not there, then have the variable as an empty string, null, nana, or whatever you want

You could also use the try/except. I like using that, however I've been told a few times that technically, shouldn't use it in that manner

I put both in there as you can see it though.

1. you want to append not overwrite, so change from 'w' to 'a'. Also I don't think you want to keep writing the column names, so you'd need to account for that some way. few ways you can do it.

2. Have the script load in the extract.csv file (if it exists, and make a list of what ever you need it to check. Then have the script check that list to see if it's repeat of what you are about to write. If it's not there, write to the file, if it is, don't write it.

Full code:

I copied your code against a code sandbox - https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fkzi2c.csb.app%2F

Initially keeping the og:url as https://spurafrika.org/ caused warnings and og:description not getting picked up, once i pointed it to the actual url it all got fixed

Change the og:url to the right url may fix it, give it a shot and let us know.

Your scrapeUrl function doesn't return any data (you only described what the .then() function will return), you should try this way :

My answer is basically a rehash of answers given here and here. You should specify a namespace with the prefix attribute (newer, more recommended method) or the xmlns declaration (equivalent; an older reminiscent of xhtml). For Opengraph metatags, however, you may choose to omit the prefix/declarations as Opengraph (among others) is widely recognized:

RDFa users can use these prefixes without having the obligation of defining the prefixes in the HTML code

In spite of that, explicit is better than implicit, as they say in our profession. It is better to announce you are using Opengraph metatags then just use them and expect whoever reading the tags to infer that based on the experience that "oh, if I ever see the 'og' prefix, it probably stands for Opengraph" – although most people will do just that. The suggestion to declare a prefix is a very good one and you should follow it. One of the reasons is that it will make it easier to distinguish Opengraph 'og' tags than other, future 'og' tags that might be more popular in the future.

To conclude, you may choose any of the three methods: prefix, xmlns or nothing at all, with preference to the first.

When Facebook checks your page to find the meta data, they don't run your Javascript. Vue never runs, your tags are never replaced. This is a limitation of Facebook's crawler.

This means you would indeed have to render those tags at the server level, whether by Vue's server side rendering or by some other method (I don't know what type of server you are running). But yes, ultimately, you must be able to hard-code this value into your server response, otherwise it won't display in Facebook.

Here is the answer to this question PorterDuffXfermode DST_IN not working as expected

He says that:

"Be careful though: it will work only in a transparent Bitmap or in layer. When you draw directly on screen, the destination is already filled by the window background."

You could also clip the canvas before and then fill the clipped canvas, so you would do in Java:

First add webpack loader to your webpack config according to apollo document.

Dynamic OG Tags are not possible anymore, you have to change the OG Tags of the page source if you want to show different information. share_open_graph was just a workaround that is deprecated now.