Add OG Tags

[fidellim]

Used OG image of this site but as the size of 1200x630.

Resolves #58 . Only added OG Tags to root page.

It should look something like this (can't test it with the OG image of this site yet as the image is not yet deployed to the specified absolute path:):

Absolute path of og image: https://freefolio.web.app/images/oss_ph_org.png

Click to view supposed change


[github-actions[bot]]

Visit the preview URL for this PR (updated for commit 0aaff26):

https://freefolio--pull-requests-g4fxrupu.web.app

_{(expires Sat, 01 Apr 2023 08:47:42 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 0970846dd0fc53318864266da8ba6cc9470d08c7}

[fidellim]

Hello sir @jofftiquez, upon checking, the OG Tag has not been updated yet. Not sure why the image can't be accessed although I have saved the image inside the /images folder

Click to view error


I am thinking of renaming the file as "oss-ph-og.png" instead. Maybe that can fix the issue.

[fidellim]

sir @jofftiquez, this is the outcome I am aiming for,

Facebook OG

Click to view


Twitter OG

Click to view


[jofftiquez]

Hi @fidellim thanks for reporting. I will check as well. Altho as long as it's static there should be no issue here, I wonder what's wrong. Will keep you posted.