search

Seneca-CDOT / telescope

A tool for tracking blogs in orbit around Seneca's open source involvement
https://telescope.cdot.systems
BSD 2-Clause "Simplified" License
94 stars 187 forks source link

Improve SEO Tags and Create a Sitemap #1607

Open birtony opened 3 years ago

birtony commented 3 years ago

What would you like to be added: It would be nice to add meta tags for social media, such as:

<!-- 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/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.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/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png">

We could probably use https://metatags.io/ to generate the meta tags for us, and also refer to https://css-tricks.com/essential-meta-tags-social-media/ for reference. In terms of the sitemap, we could refer to https://medium.com/spemer/creating-a-sitemap-generator-for-next-js-3102fb5a297e or https://medium.com/frontend-digest/how-to-build-a-dynamic-sitemap-for-your-next-js-app-c69836c91f8a. Why would you like this to be added: This would improve our SEO and user experience when sharing links to Telescope on social media - they would have a logo, specified title and description to it, not just a blank url.

birtony commented 3 years ago

I will work on the SEO Tags for this issue

HyperTHD commented 3 years ago

Gonna also take a look at this as well

aserputov commented 2 years ago

@HyperTHD can this one be closed too ?