search

Syransong / portfolio-2022

0 stars 0 forks source link

Missing Twitter Card Open Graph Metadata #10

Open Syransong opened 1 year ago

Syransong commented 1 year ago

Description

Currently, the only meta data present on each webpage is a unique meta title and description. It is currently missing Twitter Card Open Graph tags. This metadata would be used to generate the link preview when shared on Twitter. This information would be essential in correctly displaying the desired information when sharing on Twitter. By generating custom card for Twitter, it may increase engagement and more traffic to the portfolio website.

The solution would involve adding specific twitter card og tags, such as the type of card to be generated.

Steps to Reproduce

  1. Navigate to an open graph meta tag checker, such as https://www.opengraph.xyz/
  2. Enter an existing webpage, such as https://karinasong.com/.
  3. Click "Check Website" to retrieve the preview of the Twitter card

Expected Result

The preview for the Twitter card shows an image, url, title and description.

Actual Result

There is no image for the Twitter card preview.

Environments

This is present on all environments across all browsers.

Screenshots

Screen Shot 2023-03-20 at 9 20 02 PM

Syransong commented 1 year ago

checked twitter card preview using the Open Graph preview tool and image is present:

Screen Shot 2023-03-22 at 10 35 11 PM