Social & Sharing
When a customer shares your page on Facebook, texts a link in iMessage, pins a project photo on Pinterest, or posts your blog on LinkedIn — what do they share? A blank preview with a broken image and your full URL? Or a compelling card with your brand image, title, and description? Every Hydra OS page ships with full Open Graph, Twitter/X Cards, favicons, and web app manifest — so every share looks professional from day one.
What ships on every page
og:title, og:description, og:image, og:type, og:url — the metadata Facebook, LinkedIn, Pinterest, Slack, Discord, and most chat apps read to generate link previews. Every page gets a unique OG title and description that matches the page content.
twitter:card, twitter:title, twitter:description, twitter:image, twitter:site — separate card metadata for Twitter/X previews. Hydra OS uses 'summary_large_image' for service and blog pages for maximum visual impact.
The og:url tag always points to the canonical version of the page — preventing duplicate social graph data when pages are accessed via multiple URLs.
Service pages use a relevant project photo. Blog posts use the featured image. The homepage uses the primary brand image. Images are 1200×630px, under 1MB, served over HTTPS — meeting every platform's requirements.
16×16, 32×32, 180×180 (Apple Touch Icon), 192×192 and 512×512 (Android Chrome) — covering every browser tab, bookmark, homescreen shortcut, and app icon context. Not a single 16×16 .ico file from 2009.
manifest.json declaring your app name, theme color, background color, and icon set — enables 'Add to Home Screen' on mobile, controls how the site looks when saved as a PWA, and sets the browser chrome color on mobile.
The BreadcrumbList schema matches the visual breadcrumbs and the og:url chain — consistent signals across all surfaces that Google and social platforms use.
apple-mobile-web-app-capable, apple-mobile-web-app-status-bar-style, apple-mobile-web-app-title — for Safari and iOS home screen appearance. Often skipped, always matters for mobile users who bookmark your site.
Why this matters for trades businesses
Trades businesses rely heavily on word-of-mouth. In 2026, word-of-mouth happens on social media and in messaging apps — and the quality of the link preview is the digital equivalent of a business card.
When a happy customer shares your "Whole Home Generator Installation" page in their HOA Facebook group, the preview is the first impression their neighbors see. A broken or blank preview gets scrolled past. A professional card with your logo, a project photo, and a compelling headline gets clicks.
This also feeds into your social media intelligence — when our system repurposes your blog posts and project updates for social distribution, every shared link has a professional preview ready to go.
Audit your social sharing setup
We test every page through Facebook Debugger, LinkedIn Post Inspector, and Twitter Card Validator — and fix every preview that's broken, missing, or off-brand.