eCommerce construction > Templates

meta tags for sharing links to 3rd sites on V.1.4.1

(1/1)

G. O.:
Hello,

I already searched the forum but couldn't find a useful solution on:
How to integrate meta tags on all categories and products to push sharing function to show the category/product name, image and description?

I edited the head.tpl file and placed the next code but that only will work with the main webpage URL
<!-- Essential Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="robots" content="index, follow" />
<meta name="author" content="" />
<meta name="description" content=" is a trusted manufacturer of premium uniform fabrics for all industries. Discover our durable and comfortable collections today." />
<meta name="keywords" content=" uniform fabrics, industrial fabrics, medical fabrics, airline uniforms, textile manufacturer, durable textiles" />

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="" />
<meta property="og:description" content="Premium uniform fabric collections crafted for durability and comfort across industries." />
<meta property="og:type" content="website" />
<meta property="og:url" content="" />
<meta property="og:image" content="resources/image/19/2d/c.jpg" /> <!-- Replace with your actual image -->

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="Explore our high-quality, industry-standard uniform fabrics." />
<meta name="twitter:image" content="resources/image/19/2d/c.jpg" /> <!-- Replace with your actual image -->
<meta name="twitter:site" content="" /> <!-- Replace with your Twitter handle if available -->

<!-- Security & Performance -->
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<meta name="referrer" content="no-referrer-when-downgrade" />

<!-- Mobile Web App & Theme Color -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="theme-color" content="#005f73" />


how to make the same technique to inject information and retrieving them pre-sharing the categories/products URL links on 3rd websites?

can we expect a good news in next AbanteCart Version related to this issue?


Thank you Team

Basara:
Hello.
There are third-party extensions available that can help you achieve exactly what you’re looking for.
You might want to check out these two extensions on the AbanteCart Marketplace:
• Facebook Meta Tags – adds proper Open Graph meta tags for Facebook.
• X Meta Tags – specifically for Twitter Cards.

G. O.:

--- Quote from: Basara on April 14, 2025, 03:05:00 AM ---Hello.
There are third-party extensions available that can help you achieve exactly what you’re looking for.
You might want to check out these two extensions on the AbanteCart Marketplace:
• Facebook Meta Tags – adds proper Open Graph meta tags for Facebook.
• X Meta Tags – specifically for Twitter Cards.

--- End quote ---


thank you for sharing, what if i don't want to use 3rd parties tools and just wanna edit my template file?

shall i add these tags to each category and product html description section or there is something else could be done and will not be effected or changed when will be a new version upgrade process?

Basara:
Hello.
If you prefer not to use third-party tools, you are absolutely free to edit any file in your AbanteCart installation and customize it with your own code to meet your specific needs.

Navigation

[0] Message Index