Open Graph Generator

Open Graph aur Twitter meta tags generate karein, social card preview ke saath.

Aapki field values aapke browser mein locally meta tags mein badal jaati hain, aur aap jo enter karte hain woh kuch bhi server par upload nahi hota.

Kisi link ke parts inspect karne hain? URL Parser try karein.

Open Graph Generator ke baare mein

Yeh open graph generator wo Open Graph aur Twitter Card meta tags banata hai jo aapke pages ko social platforms par rich link previews render karne ke liye chahiye. Title, description, canonical URL, og:image, type, site name aur Twitter card style bharein, phir type karte waqt ek live social-card preview update hote dekhein aur finished HTML copy karein. Yeh developers, marketers aur content teams ke liye kaafi kaam ka hai jo har property hand-write kiye bina sahi social meta tags chahte hain. Ek og meta tags generator aur twitter card generator ke roop mein yeh common og:image tags aur social meta tags cover karta hai taaki Facebook, LinkedIn, Slack aur X par share kiye gaye links polished dikhein. Sab kuch aapke browser mein locally chalta hai, isliye aapka input aapke device par process hota hai aur kuch bhi server par upload nahi hota.

Features

Open Graph Generator kaise use karein

  1. Input fields mein apna page title, description, URL aur image URL enter karein.
  2. og:type aur Twitter card style set karein, phir apna site name add karein.
  3. Link kaise dikhega yeh confirm karne ke liye live social-card preview check karein.
  4. HTML grab karne ke liye Copy click karein ya meta-tags.html save karne ke liye Download use karein.
  5. Generated tags ko apne page ke <head> section mein paste karein.

Example

Input

title: Launch Day
url: https://acme.dev/launch
image: https://acme.dev/og.png

Output

<title>Launch Day</title>
<!-- Open Graph -->
<meta property="og:title" content="Launch Day" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://acme.dev/launch" />
<meta property="og:image" content="https://acme.dev/og.png" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Launch Day" />
<meta name="twitter:image" content="https://acme.dev/og.png" />

Empty fields omit ho jaate hain, aur og:type default mein website hota hai.

Common errors aur troubleshooting

Aksar pooche jaane wale sawaal

Open Graph Generator kya hai?
Open Graph Generator ek tool hai jo aapke title, description, URL, image, type aur site name se Open Graph aur Twitter Card meta tags ka ek ready-to-paste HTML block banata hai.
Meta tags banane ke liye Open Graph Generator kaise use karein?
Apna page title, description, canonical URL, og:image, type aur site name bharein, live preview update hote dekhein, phir Copy ya Download click karein aur tags ko apne page ke <head> mein paste karein.
Open Graph aur Twitter Card tags mein kya fark hai?
Open Graph (og:) tags Facebook, LinkedIn, Slack aur kayi aur platforms padhte hain, jabki twitter: tags X/Twitter ke liye specific hote hain. Yeh tool dono deta hai taaki previews har jagah kaam karein.
Kaunsa og:image size sabse acchha kaam karta hai?
Ek absolute URL ke saath 1200x630 pixel image zyadatar platforms par summary_large_image cards ke liye safe choice hai.
Link share karne par mere changes kyun nahi dikhte?
Social platforms previews cache karte hain, isliye meta tags update karne ke baad apna URL unke sharing debugger mein paste karein taaki ek fresh scrape force ho.
Kya Open Graph Generator mein mera input private rehta hai?
Haan. Tags aapke browser mein locally build hote hain, aapka data kabhi aapke device se bahar nahi jaata, aur aap jo enter karte hain woh kuch bhi server par upload nahi hota.

Related tools

Saare ArrayKit tools