Sláðu inn efnið, sjáðu deilikortið lifna við.
Inngangur
Þegar hlekk er deilt á X, Facebook, LinkedIn, Slack eða iMessage birtist lítið kort með mynd, titli og lýsingu, búið til úr Open Graph merkjunum í <head> síðunnar. Límdu inn vefslóð og við sækjum merkin hennar sjálfkrafa, eða sláðu inn reitina handvirkt. Forskoðaðu kortið á hverjum vettvangi og afritaðu tilbúin <meta> merki beint inn í síðuna þína.
Prófaðu hlekk
Við sækjum síðuna og lesum Open Graph merkin hennar, svo þú sérð hvernig hún birtist við deilingu. Þú getur svo lagfært reitina að neðan.
Forskoðun
Fylltu reitina og veldu vettvang. Kortið uppfærist um leið og þú skrifar.
vefapp.is
Vefapp · vefsíður og vefforrit
Við hönnum og smíðum hraðar, fjöltyngdar vefsíður og vefforrit með Next.js, Tailwind og Supabase.
Meta merki
Afritaðu þessi Open Graph- og Twitter-merki inn í <head> á síðunni þinni. Aðeins reitir sem þú fyllir út eru teknir með.
Fylltu út reitina að ofan til að búa til merkin.Hvernig þetta virkar
Open Graph merkin
Kortið sem birtist við deilingu kemur úr <meta property="og:…"> merkjum í <head>. Titill, lýsing og mynd stýra því hvernig hlekkurinn lítur út, óháð innihaldi síðunnar sjálfrar.
Hver vettvangur les eins
X, Facebook, LinkedIn, Slack, Discord og iMessage nota öll sömu OG-merkin en birta þau örlítið ólíkt. Forskoðunin sýnir hvern og einn svo þú sérð hvað raunverulega birtist.
Rétt myndastærð
OG-myndir eru bestar í 1200×630 (hlutfall 1,91:1). Haltu titli undir ~60 stöfum og lýsingu undir ~160 svo ekkert klippist af á minni kortum.
Næsta skref
Viltu að hver hlekkur af vefnum þínum líti fullkomlega út þegar honum er deilt? Við setjum upp Open Graph, forskoðunarmyndir og SEO frá grunni.
Fáðu tilboð