Share Buttons
Businessshare-buttonsShare Buttons is an Agent Skill for business published in the thedaviddias/Front-End-Checklist repository on GitHub: a SKILL.md instruction file an AI agent can load to do this task.
Use when applies to blog posts, news articles, tutorials, and other long-form content. Less relevant for product pages, service pages, or home pages. Use when optimizing content distribution.
How to use this skill
Bring this guide into your coding agent with a prompt tailored to the tool you use.
- Open your project in Codex.
- Copy and paste the prompt below.
- Review files and risks before approving any action.
Inspect the Agent Skill at https://github.com/thedaviddias/Front-End-Checklist/blob/HEAD/skills/share-buttons/SKILL.md and all supporting files. Report provenance, permissions, scripts, dependencies, and security risks. Propose an exact installation into .agents/skills/share-buttons, but wait for my approval before writing files or running scripts.
Copying this prompt does not install or run the skill. Review third-party files before use.
Add share buttons to content pages
Social sharing extends content reach organically — shared articles gain traffic, which can attract backlinks that do contribute to search rankings over time.
Quick Reference
- Add sharing buttons to article and blog post pages to lower the friction for social distribution
- Use privacy-friendly share buttons (no third-party scripts): construct share URLs manually
- X (Twitter), LinkedIn, and Facebook share the vast majority of B2B and B2C content
- Share buttons do not directly affect Google ranking but drive traffic that can result in backlinks
Check
On article and blog post pages, check for social sharing buttons or links. Verify they use the correct share URL format for each platform (X, LinkedIn, Facebook, WhatsApp). Check that share URLs pre-populate the article title and URL. Verify no heavy third-party share scripts are loaded.
Fix
Add share links constructed with platform share URLs (no third-party SDKs required). Use window.location.href or the page's canonical URL as the shared link. Include og:title and og:image so the shared link renders a rich preview.
Explain
Explain how social sharing contributes to content distribution and indirect SEO through traffic and backlinks, why privacy-friendly share links (no tracking scripts) are preferred, and which platforms matter most for a given content type.
Code Review
Review metadata generation, rendered HTML, structured data, and response headers related to Add share buttons to content pages. Flag exact routes or templates where search-facing output violates the rule, and describe how to verify the final page output.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/en/rules/seo/share-buttons