Open Graph Generator

Kapag may nag-share ng link, binubuo ng Facebook, LinkedIn, WhatsApp, Slack at X ang preview card mula sa Open Graph tags ng page. Ilagay ang title, description at image, tingnan ang card kung paano ito lalabas, at kopyahin ang mga tag. Binabalaan ka ng tool kung kulang o masyadong maliit ang image.

Mag-import mula sa kasalukuyang HTML
Pinuputol ng Google sa humigit-kumulang 600 px
Pinuputol ng Google sa humigit-kumulang 920 px
Ideal: 1200 × 630 px
Iba pang opsyon: author, theme color, robots
Google

Facebook · LinkedIn · WhatsApp
X (Twitter)
HTML para sa <head>

    Paano ito gamitin

    1. Ilagay ang title, description at buong address ng page.
    2. I-paste ang address ng share image (ang 1200 × 630 pixel ang ideal) at tingnan ang mga preview sa Facebook at X.
    3. Kopyahin ang mga tag sa <head> ng page. Pagkatapos mag-publish, gamitin ang sharing debugger ng bawat network para i-refresh ang cache nito.

    Mga madalas itanong

    Anong laki dapat ang og:image?
    Gamitin ang 1200 × 630 pixel (1.91:1 ratio), ang laking inirerekomenda ng Facebook at LinkedIn para sa malalaking card; kino-crop ng X ang malalaking card sa 2:1. Ilayo sa gilid ang mahahalagang teksto, at gumamit ng buong https:// address.

    Kailangan ko ba ng hiwalay na Twitter (X) tags?
    twitter:card lang. Binabasa ng X ang og:title, og:description at og:image kapag wala ang sarili nitong tags, kaya ang card type lang ang idinadagdag ng tool at, kung gusto mo, ang iyong @username.

    Binago ko ang mga tag pero luma pa rin ang preview. Bakit?
    Kine-cache ng social networks ang card nang ilang araw. Buksan ang Facebook Sharing Debugger o ang LinkedIn Post Inspector, i-paste ang address at hilingin na kunin muli ang page.

    🏷️ Meta Tag Generator
    🔗 UTM Builder
    🌈 CSS Gradient Generator
    🔲 CSS Box Shadow Generator