Pereiti prie pagrindinio turinio

Meta žymų ir Open Graph generatorius nemokamai

Generuokite SEO meta žymas, Open Graph ir Twitter Card žymėjimą su gyvos „Google” ir socialinio dalijimosi peržiūros galimybe. Kopijuokite tiesiai į savo puslapio galvutę.

Veikia neprisijungus, kai įkeliama
0 · 0/580px
0 · 0/920px

Geriausia: 1200×630 px, iki 5 MB, absoliuti https:// nuoroda.

Taip pat įtraukti
Pavadinimas 0/580px (rekomenduojama 30–60)Aprašymas 0/920px (rekomenduojama 70–160)

„Google" paieškos peržiūra

example.com
Čia rodomas jūsų puslapio pavadinimas
Čia rodomas jūsų meta aprašymas. Padarykite jį patrauklų, kad pagerintumėte paspaudimų dažnį iš paieškos rezultatų.

Pločiai apytiksliai: Google trumpina pagal pikselius, o ne simbolius.

Socialinių tinklų kortelės peržiūra

og:image peržiūra
example.com
Puslapio pavadinimas
Puslapio aprašymas
Įklijuoti į <head>

Užpildykite bent vieną laukelį aukščiau, norėdami sugeneruoti metažymes.

Dažniausi naudojimo būdai

  • Meta žymos tinklaraščio įrašamsSukurkite pavadinimą, aprašymą ir socialines žymas, kad jūsų straipsniai atrodytų puikiai, kai jie bendrinami.
  • Meta žymos produkto puslapiamsPadarykite produkto puslapius gražiai bendrintinus ir gerai skaitytinus paieškos rezultatuose.
  • Meta žymos tikslinių puslapiųTiksliai kontroliuokite, kaip jūsų kampanijos tiksliniai puslapiai rodomi dalintis ir ieškant.
  • Sukurkite meta žymas bet kuriai žiniatinklio programaiGreitai sukurkite visą galutės meta žymų rinkinį naujo puslapio arba svetainės.
  • Pataisykite baisias nuorodos peržiūrasSustabdykite nuorodų rodymą kaip paprastus URL - pridėkite žymas, kurios sukuria turtingas peržiūros korteles.

Kaip tai veikia

Visas žymų surinkimas ir head analizavimas vyksta tiesiogiai jūsų naršyklėje — serveris nedalyvauja. Įrankis naudoja React useMemo, kad reaktyviai sukurtų HTML eilutes, ir naršyklės natyvų DOMParser API, kad nuskaitytų esamą puslapio žymėjimą importavimo/audito funkcijai.

  1. 1
    Formos įvestis valdo gyvą surinkimą
    Rašant, useMemo kablys iš karto iš naujo surenka visą žymų bloką — pavadinimą, meta aprašymą, Open Graph savybes ir Twitter Card atributus — apsaugodamas specialius simbolius (&, <, >, "), kad išvestį būtų saugu įklijuoti tiesiai į HTML.
  2. 2
    URL patikra per naršyklės URL konstruktorių
    Kiekvienas URL laukas (puslapio URL, socialinio tinklo paveikslėlis) tikrinamas naudojant naršyklės įtaisytą URL konstruktorių. Praeina tik teisingai suformuoti http:// ar https:// adresai su tašku atskirtais domenų vardais; neteisingos reikšmės blokuoja kopijavimo mygtuką ir rodo vidinę klaidą.
  3. 3
    Importavimas: DOMParser nuskaito esamą head žymėjimą
    Jei įklijuojate esamą <head> HTML auditui, įrankis paleidžia jį per DOMParser neaktyviu režimu — jokie scenarijai nevykdomi, jokios tinklo užklausos nesiunčiamos. Tada jis ieško analizuotame dokumente žinomų meta selektorių (og:title, twitter:description, canonical nuoroda ir t.t.) ir iš anksto užpildo formos laukus tuo, ką randa.
  4. 4
    Gyvos „Google“ ir socialinio tinklo kortelių peržiūros
    Įrankis realiu laiku atvaizduoja stilizuotą „Google“ paieškos rezultatą ir Open Graph kortelės peržiūrą, naudodamas tą pačią formos būseną, todėl galite tiksliai matyti, kaip pavadinimas ir aprašymas bus sutrumpinti prieš kopijuodami išvestį.

Susiję įrankiai

Dažnai užduodami klausimai