masakudamatsu / line-height-picker

A front-end web app that helps web designers/developers pick the best line-height value for their websites
https://line-height-picker.vercel.app
MIT License
2 stars 1 forks source link

Add structured data #219

Closed masakudamatsu closed 4 years ago

masakudamatsu commented 4 years ago

Reference: https://www.evernote.com/l/AFPI5kDrCltPz5sUt9cFPQHCSEVNCzCEtTg

masakudamatsu commented 4 years ago

We add the following in the element of index.html:

    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "WebApplication",
        "name": "Line-height Picker",
        "url": "",
        "applicationCategory": "Developer tools",
        "genre": "typography",
        "browserRequirements": "Requires JavaScript. Requires HTML5.",
        "softwareVersion": "1.0.0",
        "operatingSystem": "All"
        "offers": {
          "@type": "Offer",
          "price": "0"
        }
    }
    </script>
masakudamatsu commented 4 years ago

Filling the 'url' property value is delegated to issue #221

masakudamatsu commented 4 years ago

For author information, we just use rel="author" in the link tag for my Twitter account in the Footer section.