Hvernig bý ég til meta-tög og Open Graph-tög fyrir síðuna mína?

Fylltu út Titill síðu, Meta-lýsing, URL síðu og URL á samfélagsmiðlamynd. Tögin verða til jafnóðum. Veldu Úttakssnið (HTML, Next.js, JSX eða WordPress), notaðu svo Afrita eða Sækja og límdu kóðann inn í head-hluta síðunnar.

Hvað eiga titill og meta-lýsing að vera löng?

Tólið mælir með 30–60 stöfum fyrir titilinn og 70–160 fyrir lýsinguna. Forskoðun Google-leitarniðurstöðu, með sýn fyrir Tölva og Farsími, sýnir hvort texti muni skerast. Breiddin er áætlun þar sem Google sker texta miðað við pixla.

Af hverju birtist engin mynd eða röng mynd í forskoðun á tengli?

Slóð myndarinnar vantar yfirleitt, notar http://, er ekki aðgengileg almenningi eða vettvangurinn geymdi gamla forskoðun. Tólið mælir með 1200x630 px, undir 5 MB, sem algildum https:// tengli, og varar við þegar hlutföll eða stærð eru röng.

Get ég skoðað meta-tögin á síðu sem ég er þegar með?

Já. Opnaðu Flytja inn frá núverandi HTML, límdu head-hlutann eða allt HTML-skjalið inn og smelltu á Fylla eyðublað frá HTML. Hlutinn Úttekt sýnir síðan athugasemdir. Þáttun fer fram í vafranum og keyrir engar forskriftir né sækir gögn.

Sendir tólið upplýsingar um síðuna mína á netþjón?

Nei. Merkin eru sett saman í vafranum þínum og límt HTML er lesið með DOMParser vafrans, sem keyrir engin skriftu og gerir engar netbeiðnir. Aðeins myndforskoðunin sækir myndaslóðina sem þú slóst inn.

Er þetta í alvöru ókeypis?

Já. Öll verkfæri eru ókeypis í notkun, án aðgangs og án kreditkorts. Vinnan fer fram í tækinu þínu frekar en á netþjónum okkar, sem gerir það að verkum að hægt er að halda þjónustunni ókeypis.

Virkar það í farsíma?

Já. Það keyrir í nýlegum farsímavöfrum á iOS og Android án þess að setja neitt upp.

🏷️

Meta-merkis og Open Graph smiður — ókeypis

Búðu til SEO-meta-merki, Open Graph og Twitter Card-merkingu með beinni Google og samfélagsmiðlaforskoðun. Afritaðu beint inn í síðuhausinn þinn.

Keyrir í vafranum þínumEngin skráning, engir sprettigluggarEngin innskráning krafistFrjáls að eilífu

Virkar án nettengingar eftir hleðslu

Titill síðu0 · 0/580px

URL síðu

Meta-lýsing0 · 0/920px

URL á samfélagsmiðlamynd

Best: 1200×630 px, undir 5 MB, algjör https://-tengill.

Nafn vefsvæðis

Twitter/X notandanafn

Twitter/X-notandanafn höfundar

Tegund Twitter-spjalds

Open Graph-tegund

Hafa einnig með

Setja með Canonical tengil (notar síðu URL)Stafatafla og sýnisvið fyrir farsímaÁminning um að stilla <html lang> á isog:locale (tungumál síðunnar)Favicon-tengillÞemalitur (vafrastika í símum)

Skráning í leitarvélum

Titill 0/580px (markmið 30–60)Lýsing 0/920px (markmið 70–160)

Forskoðun Google-leitarniðurstöðu

example.com

Titill síðunnar birtist hér

Meta-lýsingin þín birtist hér. Gerðu hana grípandi til að bæta smellhlutfall úr leitarniðurstöðum.

Breiddin er áætluð: Google styttir eftir punktum, ekki stöfum.

Forskoðun samfélagsmiðlaspjalds

og:image forskoðun

example.com

Titill síðu

Lýsing síðu

Límdu inn í <head>

Fyltu út að minnsta kosti einn reit fyrir ofan til að mynda merki.

Algeng notkun

Lýsandi merki fyrir bloggBúðu til titil, lýsingu og samfélagsmerki svo greinarnar þínar líti vel út þegar þær eru deildar.
Lýsandi merki fyrir vörusiðuGerðu vörusiðum kleift að deila sér fallegri og lesast betur í leitarniðurstöðum.
Lýsandi merki fyrir landing pageStjórnaðu nákvæmlega því hvernig landing pages þinnar birtist þegar deilt og leitað.
Búðu til lýsandi merki fyrir hverja vefappBúðu fljótt til heils setts af lýsandi merkjum fyrir nýja síðu eða vefi.
Lagaðu ljót tengil forskoðunStoppaðu merkjum þínum frá því að birtast sem einföld vefslóð — bættu við merkjunum sem búa til ríka forskoðun.

Hvernig það virkar

Öll tag-samsetning og haus-þáttun gerist beint í vafranum þínum — enginn netþjónn kemur við sögu. Tólið notar useMemo React til að byggja HTML-strengi hvarfgjarnt og native DOMParser API vafrans til að lesa núverandi síðumerkjamál fyrir innflutnings-/úttektareiginleikann.

1
Formainntak knýr lifandi samsetningu
Um leið og þú skrifar rangar useMemo hook strax saman allan tag-blokkina — titil, meta-lýsingu, Open Graph eiginleika, og Twitter Card-eiginleika — flýr sértáka (&, <, >, ") svo úttakið sé öruggt að líma beint í HTML.
2
URL-staðfesting með URL-smiðnum vafrans
Sérhvert URL-reitur (síðu-URL, félagsmynd) er staðfestur með innbyggða URL-smiðnum vafrans. Aðeins vel-mótuð http:// eða https:// heimilisfang með punkt-hýsingarnöfnum standast; ógild gildi blokka afritunarhnappinn og sýna innlínu-villu.
3
Innflutningur: DOMParser les núverandi haus-merkjamál
Ef þú límir núverandi <head> HTML til að endurskoða það keyrir tólið það gegnum DOMParser í óvirkum ham — engar skriftur keyra og engar nettengiforspurnir eru gerðar. Það spyr svo þáttaða skjalið fyrir þekktum meta-veljurum (og:title, twitter:description, canonical link, o.s.frv.) og forfyllir formareitina með hverju sem það finnur.
4
Lifandi Google- og félagskorta-forskoðanir
Tólið myndgerir stílaða Google-leitarniðurstöðu og Open Graph-kortsforskoðun í rauntíma með sama forma-ástandi, svo þú sérð nákvæmlega hvernig titillinn og lýsingin verður stytt áður en þú afritar úttakið.

Tengd verkfæri

📐

Endurskálun mynda fyrir samfélagsmiðla

Endurskálið og klippið myndir að nákvæmum stærðum 2026 fyrir Instagram, YouTube, TikTok, X, Facebook, LinkedIn og Pinterest — með leiðbeiningum um örugg svæði og hóp ZIP. 100% í vafranum þínum, engin hlaðning.

Prófaðu þaðSkrár eru staðbundnar

🎼

Hljóðmarkaðir (ID3)

Breyttu MP3 ID3-merkjum — titli, flytjanda, plötu, ári, tónlistarstefnu og plötuumslagi — 100% í vafranum. Engin sending, og hljóðið er ekki endurkóðað. Ókeypis og einkamál.

Prófaðu þaðSkrár eru staðbundnar

🔗

Slúga-smiður

Breyttu hvaða titli eða texta sem er í vefslóðarvænt slúga. Fullkomið fyrir bloggfærslur, CMS-síður og SEO-fínstilltar vefslóðar.

Prófaðu það