SEO: og:image uses SVG which is unsupported by most social platforms #117

New Issue

Closed

opened 2026-05-17 21:23:31 -05:00 by null · 0 comments

null commented

2026-05-17 21:23:31 -05:00

Owner

Problem

All pages use og:image pointing to https://queuenorth.com/logo.svg. Most social platforms (Facebook, Twitter/X, LinkedIn, Discord) do NOT support SVG as og:image — they require PNG or JPG.

This means link previews on social media and messaging apps will show no image.

Additionally, logo.svg is 348KB — extremely large for a favicon and too large for og:image even if it were PNG.

Fix

Create a proper 1200x630 PNG og:image for social sharing (e.g. a branded card with logo + tagline)
Update all Helmet og:image tags to point to the PNG
Optionally also create a proper favicon.ico (16x16, 32x32) and apple-touch-icon.png (180x180)

Files

All page components (Home, About, Services, etc.) — og:image meta tags
public/assets/ — add og-image.png
index.html — add favicon.ico and apple-touch-icon

Severity

Medium — social sharing previews show no image for any page

## Problem All pages use og:image pointing to https://queuenorth.com/logo.svg. Most social platforms (Facebook, Twitter/X, LinkedIn, Discord) do NOT support SVG as og:image — they require PNG or JPG. This means link previews on social media and messaging apps will show no image. Additionally, logo.svg is 348KB — extremely large for a favicon and too large for og:image even if it were PNG. ## Fix 1. Create a proper 1200x630 PNG og:image for social sharing (e.g. a branded card with logo + tagline) 2. Update all Helmet og:image tags to point to the PNG 3. Optionally also create a proper favicon.ico (16x16, 32x32) and apple-touch-icon.png (180x180) ## Files - All page components (Home, About, Services, etc.) — og:image meta tags - public/assets/ — add og-image.png - index.html — add favicon.ico and apple-touch-icon ## Severity Medium — social sharing previews show no image for any page