holoviz-topics / panel-chat-examples

Examples of Chat Bots using Panels chat features: Traditional, LLMs, AI Agents, LangChain, OpenAI etc
https://holoviz-topics.github.io/panel-chat-examples/
MIT License
105 stars 31 forks source link

Make it easy to share on social media #74

Closed MarcSkovMadsen closed 10 months ago

MarcSkovMadsen commented 10 months ago

We should add social meta tags as described in https://mrkeo.github.io/reference/meta-tags/ to make our pages more easily shareable.

An alternative would be to have Panel post one tweet per example. Then we could utilize twitter intent and linkedin sharing urls to like and repost the examples.

<a href="https://twitter.com/intent/tweet?text=🤖 Check out this {title} example&via=Panel_org&url=https://holoviz-topics.github.io/panel-chat-examples/{folder}/%23{anchor}&hashtags=Python,DataScience,LLM,ArtificialIntelligence" target="_blank">Twitter</a>,
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://holoviz-topics.github.io/panel-chat-examples/{folder}/%23{anchor}" target="_blank">LinkedIn</a>
MarcSkovMadsen commented 10 months ago

Social Media Cards

This is how https://holoviz-topics.github.io/panel-chat-examples/ looks on social media. We should add the things needed to the header to make it look better - including some picture

LinkedIn

Can find some information for card.

image

Twitter

Cannot find any information for card

image

MarcSkovMadsen commented 10 months ago

Social Media Card Comparision

For comparison this is how the pyodide app https://holoviz-topics.github.io/panel-chat-examples/pyodide/basic_chat.html look because I added the social meta tags in the head

Linkedin

image

Twitter

image