Code Monkey home page Code Monkey logo

Comments (3)

Choubakawa avatar Choubakawa commented on May 16, 2024 1

We could add these meta tags to enhance the generated card

<meta property="og:site_name" content="${runtimeConfig.OG_SITE_NAME}" />
<meta property="og:title" content=“${runtimeConfig.OG_TITLE}" />
<meta property="og:description" content="${runtimeConfig.OG_DESCRIPTION}" />
<meta property="og:url" content="${runtimeConfig.OG_URL}" />
<meta property="og:type" content="siteweb" />
<meta property="og:image" content="${runtimeConfig.OG_IMAGE}" />
<meta property="og:image:secure_url" content="${runtimeConfig.OG_IMAGE}" />
<meta property="og:image:width" content="${runtimeConfig.OG_IMAGE_WIDTH}" />
<meta property="og:image:height" content="${runtimeConfig.OG_IMAGE_HEIGHT}" />
<meta property="twitter:card" content="${runtimeConfig.TWITTER_CARD}" />
<meta property="twitter:image" content="${runtimeConfig.TWITTER_IMAGE}" />
<meta property="twitter:site" content="${runtimeConfig.TWITTER_SITE}" />

from littlelink-server.

jjjonesjr33 avatar jjjonesjr33 commented on May 16, 2024

Need to re-open this issue. @Choubakawa , @timothystewart6 found two metadata fields that we were missing when I ran a social media check.

twitter:title
twitter:description

image

from littlelink-server.

Choubakawa avatar Choubakawa commented on May 16, 2024

I didn't add twitter:title and twitter:description because if the 2 tags are missing it will use og:title or og:description (see https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup).

If you think it's better to use twitter:title or twitter:description, let's open a new issue :)

from littlelink-server.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.