How can I personalize a shared link name on social media?

[KawaiCreations]

How do you customize the name of a link, when it is shared on social media?

When I currently share a link to a collection from my store on a Facebook page or through Messenger it shows up with a thumbnail and says as example "XXX Custom Designs"

This is misleading for a lot of my customers, as they think I am sending them to the original designers page and not my own store, and this is causing them to not visit my shop to begin with.

I want it to read "XXX Custom Designs @ MY STORE" so that my customers are not confused and understand that they are going to my store and viewing that designers collection in my shop.

[magecomp]

Hello @KawaiCreations 

To customize the name of a link when it is shared on social media, you can use Open Graph meta tags in the head section of your store's theme.liquid file. Open Graph meta tags provide social media platforms with specific information about the content on your page, including the title, description, and image.

Here's an example of how you can add Open Graph meta tags to your theme.liquid file to customize the name of a link:

1. Open your store's theme.liquid file in your Shopify admin.

2. Scroll down to the head section of the file.

3. Add the following code to the head section:

{% if template == 'collection' %}
  <meta property="og:title" content="{{ collection.title }} @ MY STORE" />
{% endif %}

This code will add the name of your store to the end of the collection title when the collection template is being used.

Save the changes to your theme.liquid file.

Once you've added the Open Graph meta tags to your theme.liquid file, you can use Facebook's Sharing Debugger tool to test your changes and see how your links will appear on social media.