Open Graph-kragopwekker

Wanneer 'n skakel gedeel word, bou Facebook, LinkedIn, WhatsApp, Slack en X die voorskoukaart uit die Open Graph-etikette van die bladsy. Vul die titel, beskrywing en beeld in, sien die kaart soos dit sal verskyn, en kopieer die etikette. Die hulpmiddel waarsku jou wanneer die beeld ontbreek of te klein is.

Voer uit bestaande HTML in
Google kap by ongeveer 600 px
Google kap by ongeveer 920 px
Ideaal: 1200 × 630 px
Meer opsies: outeur, temakleur, robots
Google

Facebook · LinkedIn · WhatsApp
X (Twitter)
HTML vir die <head>

    Hoe om dit te gebruik


    1. Voer die bladsy se titel, beskrywing en volledige adres in.
    2. Plak die adres van die deelbeeld (1200 × 630 pixels is ideaal) en kyk na die Facebook- en X-voorskoue.
    3. Kopieer die etikette na die <head> van die bladsy. Gebruik ná publisering elke netwerk se deel-ontfouter om sy kas te verfris.

    Gereelde vrae


    Watter grootte moet die og:image wees?
    Gebruik 1200 × 630 pixels (verhouding 1,91:1), die grootte wat Facebook en LinkedIn vir groot kaarte aanbeveel; X sny groot kaarte tot 2:1. Hou belangrike teks weg van die rande en gebruik 'n volledige https://-adres.

    Het ek aparte Twitter (X)-etikette nodig?
    Net twitter:card. X lees og:title, og:description en og:image wanneer sy eie etikette ontbreek, so die hulpmiddel voeg net die kaarttipe by en, as jy wil, jou @gebruikersnaam.

    Ek het die etikette verander, maar die ou voorskou wys steeds. Hoekom?
    Sosiale netwerke hou die kaart dae lank in die kas. Maak die Facebook Sharing Debugger of die LinkedIn Post Inspector oop, plak die adres en vra dat die bladsy weer gehaal word.

    🏷️ Meta-etiket-kragopwekker
    🔗 UTM-skakelbouer
    🌈 CSS-gradiëntkragopwekker
    🔲 CSS box-shadow-kragopwekker