Hoe genereer ek meta-etikette en Open Graph-etikette vir my bladsy?

Vul Bladsy-titel, Metabeskrywing, Bladsy-URL en Sosiale beeld-URL in. Die etikette bou soos jy tik. Kies 'n Uitvoerformaat (HTML, Next.js, JSX of WordPress), gebruik dan Kopieer of Laai af en plak die blok in jou head.

Hoe lank moet my titel en metabeskrywing wees?

Die hulpmiddel stel 30-60 karakters vir die titel en 70-160 vir die beskrywing voor. 'n Google-soekvoorskou, met Lessenaar- en Mobiel-aansigte, wys wanneer teks afgekap sou word. Wydtes is 'n skatting omdat Google volgens pieksels afkap.

Hoekom wys my skakelvoorskou geen beeld of die verkeerde prentjie nie?

Die beeld-URL is gewoonlik afwesig, gebruik http://, is nie publiek bereikbaar nie, of die platform het 'n ou voorskou gekas. Die hulpmiddel beveel 1200x630 px, onder 5 MB, as 'n absolute https://-skakel aan, en waarsku wanneer die verhouding of grootte verkeerd is.

Kan ek die meta-etikette van 'n bladsy wat ek reeds het, nagaan?

Ja. Maak Voer in uit bestaande HTML oop, plak die bladsy-head of volledige HTML, en klik Vul vorm uit HTML. Die Oudit-afdeling lys dan kwessies. Ontleding loop in jou blaaier en voer geen skripte uit of haal enigiets op nie.

Stuur die opwekker my bladsybesonderhede na 'n bediener?

Nee. Die etikette word in jou blaaier saamgestel en geplakte HTML word met die blaaier se DOMParser gelees, wat nie skripte uitvoer of netwerkversoeke maak nie. Slegs die beeldvoorskou laai die beeld-URL wat jy getik het.

Is dit regtig gratis?

Ja. Elke instrument is gratis om te gebruik, sonder 'n rekening en sonder 'n kredietkaart. Die werk loop op jou toestel eerder as op ons bedieners, en dit is wat dit gratis hou om te loop.

Ja. Dit werk in huidige mobiele blaaiers op iOS en Android, sonder om iets te installeer.

🏷️

Gratis Meta-tag & Open Graph-opwekker

Genereer SEO-metamerkers, Open Graph en Twitter-kaartopmerk met 'n regstreekse Google- en sosiale deelvoorskou. Kopieer reguit in jou bladsykop.

Loop in jou blaaierGeen aanmelding, geen opspringers nieGeen aanmelding benodigGratis vir altyd

Werk vanlyn sodra gelaai

Bladsy-titel0 · 0/580px

Bladsy-URL

Meta-beskrywing0 · 0/920px

Sosiale beeld-URL

Die beste: 1200×630 px, onder 5 MB, 'n absolute https://-skakel.

Webwerfnaam

Twitter/X-gebruikersnaam

Twitter/X-skrywerhandvatsel

Twitter-kaart tipe

Open Graph-tipe

Sluit ook in

Sluit kanoniese skakel in (gebruik die bladsy-URL)Karakterstel en mobiele kykvensterHerinnering om <html lang> op af te stelog:locale (taal van die bladsy)Favicon-skakelTemakleur (blaaierbalk op foons)

Soekenjin-indeksering

Titel 0/580px (mik 30-60)Beskrywing 0/920px (mik 70-160)

Google-soekvoorskou

example.com

Jou bladsy-titel verskyn hier

Jou meta-beskrywing verskyn hier. Maak dit oortuigend om die klikdeurkoers vanaf soekresultate te verbeter.

Wydtes is 'n skatting: Google sny af volgens piksels, nie karakters nie.

Sosiale kaart-voorskou

og:image-voorskou

example.com

Bladsy-titel

Bladsy-beskrywing

Plak in jou <head>

Vul ten minste een veld hierbo in om meta-etikette te genereer.

Algemene gebruike

Meta-etikette vir blogartikelsSkep titels, beskrywings en sosiale etikette sodat jou artikels mooi lyk as hulle gedeel word.
Meta-etikette vir produkherselsLaat produkhersels mooi lyk as hulle gedeel word en goed lees in soekresultate.
Meta-etikette vir landingsherselsBeheer presies hoe jou veldtog-landingshersels verskyn as hulle gedeel en gesoek word.
Skep Meta-etikette vir enige webtoepassingBou vinnig die volledige stel kop-meta-etikette vir 'n nuwe bladsysy of webbladsy.
Los lé onaangename skakelherselsStop dat jou skakels as naakte URL's verskyn — voeg etikette by wat volryke voorvertoningskarte skep.

Hoe dit werk

Alle etiket-samestelling en kop-ontleding gebeur direk in jou blaaier — geen bediener betrokke nie. Die nutsprogram gebruik React se useMemo om HTML-strings reaktief te bou en die blaaier se inheemse DOMParser-API om bestaande bladsyopmaak te lees vir die invoer-/oudit-kenmerk.

1
Vormtoevoer dryf lewendige samestelling
Terwyl jy tik, stel 'n useMemo-hoek onmiddellik die volle etiketblok saam — titel, meta-beskrywing, Open Graph-eienskappe, en Twitter Card-eienskappe — en ontsnap spesiale karakters (&, <, >, ") sodat die uitset veilig is om direk in HTML te plak.
2
URL-bekragtiging via die blaaier se URL-konstruktor
Elke URL-veld (bladsy-URL, sosiale beeld) word bekragtig met die blaaier se ingeboude URL-konstruktor. Slegs goed-gevormde http:// of https://-adresse met gepunte gasheername slaag; ongeldige waardes blokkeer die kopieerknoppie en wys 'n inlyn-fout.
3
Invoer: DOMParser lees bestaande kop-opmaak
As jy bestaande <head>-HTML plak om dit te oudit, loop die nutsprogram dit deur DOMParser in inerte modus — geen skripsies word uitgevoer en geen netwerkversoeke word gemaak nie. Dit bevraagteken dan die ontlede dokument vir bekende meta-kiesers (og:title, twitter:description, canonical link, ens.) en vul die vormvelde vooraf met wat dit ook al vind.
4
Lewendige Google- en sosiale-kaart-voorskoue
Die nutsprogram render 'n gestileerde Google-soekresultaat en 'n Open Graph-kaartvoorskou intyds met dieselfde vormtoestand, sodat jy presies kan sien hoe die titel en beskrywing afgesny sal word voordat jy die uitset kopieer.

Verwante gereedskap

📐

Sosiale Media-beeld Grootteveranderer

Verander grootte en sny beelde aan die presiese 2026-groottes vir Instagram, YouTube, TikTok, X, Facebook, LinkedIn en Pinterest — met veilinge-sonegidse en groep ZIP. 100% in jou blaaier, geen oplaai.

Probeer ditLêers bly plaaslik

🎼

Outeur-redigeerder vir oudiomerklabels (ID3)

Redigeer MP3 ID3-merkers — titel, kunstenaar, album, jaar, genre en omslagkuns — 100% in jou blaaier. Geen oplaai, en die oudio word nie herenkodeer nie. Gratis en privaat.

Probeer ditLêers bly plaaslik

🔗

Slakgenerator

Omskep enige titel of teks in 'n URL-vriendelike slak. Ideaal vir blogplasings, CMS-bladsye en SEO-geoptimaliseerde URL's.

Probeer dit