search

niccokunzmann / open-web-calendar

Embed a highly customizable web calendar into your website using ICal source links
https://open-web-calendar.quelltext.eu
GNU General Public License v2.0
212 stars 69 forks source link

Add description and image metadata #161

Open niccokunzmann opened 1 year ago

niccokunzmann commented 1 year ago

When I create a discourse one box of the calendar, the metadata would be nice to fetch!

image

We're using Polar.sh so you can upvote and help fund this issue. We receive the funding once the issue is completed & confirmed by you. Thank you in advance for helping prioritize & fund our work.

Fund with Polar

joshhazelhurst123 commented 6 months ago

I am a bit unsure here. Would you like to return the metadata of all images, so the function works like these tools https://imagy.app/exif-data-viewer/ https://www.npmjs.com/package/exifreader

niccokunzmann commented 6 months ago

Ah, this is an interesting one: I just went to this page: https://metatags.io/ This is something that should be part of the <head>:

I wonder also what would be useful to show there. We probably cannot include any event information because they may take a while to load. But the calendar description, an image (logo) and title might be available to be tagged.

<!-- Primary Meta Tags -->
<title>Meta Tags — Preview, Edit and Generate</title>
<meta name="title" content="Meta Tags — Preview, Edit and Generate" />
<meta name="description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://metatags.io/" />
<meta property="og:title" content="Meta Tags — Preview, Edit and Generate" />
<meta property="og:description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!" />
<meta property="og:image" content="https://metatags.io/images/meta-tags.png" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://metatags.io/" />
<meta property="twitter:title" content="Meta Tags — Preview, Edit and Generate" />
<meta property="twitter:description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!" />
<meta property="twitter:image" content="https://metatags.io/images/meta-tags.png" />

<!-- Meta Tags Generated with https://metatags.io -->

I think that is the same metadata that other services also use. I believe that that is something along the lines of what you contributed to already.

What are your thoughts on this? Thanks for commenting!

joshhazelhurst123 commented 6 months ago

--> Yes great, I think I am following your train of thought. I think these meta tags are great for SEO and getting the webpage up the top of google. I think there is more you can do with that as well. I just inspected the logo that you are referring to. Is it this part here.

Or here.

--> I can see that the meta tags in the head portion below.

Getting Started - Open Web Calendar

--> I am not sure how you do this part. When I create a discourse one box of the calendar, the metadata would be nice to fetch!

image

--> I am interested in learning more about the project and understanding how it works. Thanks for responding.