Generadur Meta Tag ac Open Graph am ddim

Sut Mae'n Gweithio

Mae'r holl gydosod tag a dosrannu pennawd yn digwydd yn uniongyrchol yn eich porwr — nid oes gweinydd yn gysylltiedig. Mae'r offeryn yn defnyddio useMemo React i adeiladu llinynnau HTML yn adweithiol ac API DOMParser brodorol y porwr i ddarllen marciad tudalen presennol ar gyfer y nodwedd mewnforio/archwilio.

1. 1
   Mae mewnbwn ffurflen yn gyrru cydosod byw

   Wrth i chi deipio, mae bachyn useMemo ar unwaith yn ailgydosod y bloc tag llawn — teitl, disgrifiad meta, priodweddau Open Graph, a phriodweddau Twitter Card — gan ddianc nodau arbennig (&, <, >, ") fel bod yr allbwn yn ddiogel i'w ludo'n uniongyrchol i mewn i HTML.
2. 2
   Dilysiad URL drwy adeiladydd URL y porwr

   Mae pob maes URL (URL tudalen, delwedd gymdeithasol) yn cael ei ddilysu gan ddefnyddio adeiladydd URL adeiledig y porwr. Dim ond cyfeiriadau http:// neu https:// wedi'u ffurfio'n dda ag enwau gwesteiwr â mannau sy'n pasio; mae gwerthoedd annilys yn rhwystro'r botwm copïo ac yn dangos gwall mewn-lein.
3. 3
   Mewnforio: mae DOMParser yn darllen marciad pennawd presennol

   Os gludwch chi HTML <head> presennol i'w archwilio, mae'r offeryn yn ei redeg drwy DOMParser mewn modd anadweithiol — ni weithredir unrhyw sgriptiau ac ni wneir unrhyw geisiadau rhwydwaith. Yna mae'n ymholi'r ddogfen a ddosrannwyd am ddetholyddion meta hysbys (og:title, twitter:description, dolen canonical, ac ati) ac yn rhagboblogi'r meysydd ffurflen ag unrhyw beth y mae'n ei ddod o hyd iddo.
4. 4
   Rhagolygon Google a chardiau cymdeithasol byw

   Mae'r offeryn yn rendro canlyniad chwilio Google wedi'i steilio a rhagolwg cerdyn Open Graph mewn amser real gan ddefnyddio'r un cyflwr ffurflen, felly gallwch weld yn union sut y bydd y teitl a'r disgrifiad yn cael eu talfyrru cyn i chi gopïo'r allbwn.

Offer Cysylltiedig