SEO
Open Graph Preview
Enter og:title, og:description, and og:image to preview how your page will look when shared on social media.
Facebook / LinkedIn
haseebmalik.com
Free SEO & AI Tools
A premium collection of free SEO, AI, and web utility tools.
X (Twitter)
Free SEO & AI Tools
A premium collection of free SEO, AI, and web utility tools.
haseebmalik.com
Meta tags
<meta property="og:title" content="Free SEO & AI Tools" /> <meta property="og:description" content="A premium collection of free SEO, AI, and web utility tools." /> <meta property="og:image" content="https://haseebmalik.com/portrait.png" /> <meta property="og:url" content="https://haseebmalik.com/tools" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Free SEO & AI Tools" /> <meta name="twitter:description" content="A premium collection of free SEO, AI, and web utility tools." /> <meta name="twitter:image" content="https://haseebmalik.com/portrait.png" />
FAQ
What's the ideal og:image size?+
1200×630 pixels works across Facebook, LinkedIn, and X. Keep the file under 8MB and use JPG or PNG.
Do I still need twitter:card tags?+
X falls back to Open Graph when Twitter Card meta are missing, but adding explicit twitter:card=summary_large_image gives you the best control.
Where do I place these tags?+
Inside the <head> of every shareable page. In this project they're set per-route via head().