observablehq / feedback

Customer submitted bugs and feature requests
42 stars 3 forks source link

Feature Request: Include more SEO friendly meta tags for sharing #402

Open triptych opened 2 years ago

triptych commented 2 years ago

I've noticed when tweeting a notebook I get a nice title, link, and thumbnail, but there is some information missing that would be useful for when a notebook is shared. For example when this article is shared ( https://tympanus.net/codrops/2022/03/29/building-an-interactive-sparkline-graph-with-d3/ ) it has things like the author, how long it may take to read the article, etc.

Describe the solution you'd like I'm hoping notebooks could include more useful META tags like :

    <meta property="og:type" content="article">
    <meta property="og:title" content="Building an Interactive Sparkline Graph with D3 - Codrops">
    <meta property="og:description" content="Learn how to build an interactive line graph using the D3 JavaScript library and CSS custom properties to create different color schemes.">
    <meta property="og:url" content="https://tympanus.net/codrops/2022/03/29/building-an-interactive-sparkline-graph-with-d3/">
    <meta property="og:site_name" content="Codrops">
    <meta property="article:publisher" content="https://www.facebook.com/codrops/">
    <meta property="article:published_time" content="2022-03-29T10:26:19+00:00">
    <meta property="article:modified_time" content="2022-03-29T13:51:40+00:00">
    <meta property="og:image" content="https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/03/spark.jpg">
    <meta property="og:image:width" content="800">
    <meta property="og:image:height" content="600">
    <meta property="og:image:type" content="image/jpeg">
    <meta name="twitter:label1" content="Written by">
    <meta name="twitter:data1" content="Michelle Barker">
    <meta name="twitter:label2" content="Est. reading time">
    <meta name="twitter:data2" content="18 minutes">

Describe alternatives you've considered There's no manual way to add these meta tags as a user. Also, if this seems like overkill for every notebook, perhaps add an option in the "Publish" panel for "add additional Meta tags for SEO" or something.

Additional context