Meta-tagin ja Open Graph -generaattori ilmaiseksi
Luo SEO-metatageja, Open Graph- ja Twitter Card -merkintöjä reaaliaikaisella Google- ja somejakamisesikatselulla. Kopioi suoraan sivusi head-osioon.
Paras: 1200×630 px, alle 5 Mt, absoluuttinen https://-linkki.
Google-hakuesikatselma
Leveydet ovat arvioita: Google katkaisee pikseleiden, ei merkkien mukaan.
Sosiaalisen median kortin esikatselu
Täytä vähintään yksi kenttä yllä luodaksesi metatägit.
Yleiset käyttötavat
- Meta-Tunnisteet BlogikirjoituksilleLuo otsikko, kuvaus ja sosiaaliset tunnisteet, jotta artikkelisi näyttävät upeilta jaettaessa.
- Meta-Tunnisteet TuotesivuilleJaa tuotesivut kauniisti ja lue ne hyvin hakutuloksissa.
- Meta-Tunnisteet AloitussivuilleHallitse tarkasti, miten kampanjasi aloitussivut näkyvät jakaessasi ja etsittäessä.
- Luo Meta-Tunnisteita Mille Tahansa Web-SovellukselleLuo nopeasti koko sarja pää-meta-tunnisteita uudelle sivulle tai sivustolle.
- Korjaa Ruma Linkin EsikatseluEstä linkkejäsi näyttämästä pelkkinä URL-osoitteina — lisää tunnisteet, jotka luovat monipuolisia esikatselukortteja.
Miten se toimii
Kaikki tagien koonti ja head-jäsennys tapahtuu suoraan selaimessasi — palvelinta ei käytetä. Työkalu käyttää Reactin useMemo-toimintoa rakentaakseen reaktiivisesti HTML-merkkijonoja ja selaimen natiivia DOMParser-rajapintaa lukeakseen olemassa olevaa sivumerkintää tuonti/tarkistus-ominaisuutta varten.
- 1Lomakesyöte ajaa suoraa koontiaKirjoittaessasi useMemo-hook kokoaa välittömästi uudelleen koko tagilohkon — otsikon, meta-kuvauksen, Open Graph -ominaisuudet ja Twitter Card -attribuutit — suojaten erikoismerkit (&, <, >, "), jotta tuloste on turvallinen liittää suoraan HTML:ään.
- 2URL-validointi selaimen URL-konstruktorin kauttaJokainen URL-kenttä (sivun URL, sosiaalisen median kuva) validoidaan selaimen sisäänrakennetulla URL-konstruktorilla. Vain hyvin muodostetut http:// tai https://-osoitteet, joissa on pisteellinen isäntänimi, läpäisevät; virheelliset arvot estävät kopiointipainikkeen ja näyttävät inline-virheen.
- 3Tuonti: DOMParser lukee olemassa olevan head-merkinnänJos liität olemassa olevan <head>-HTML:n tarkastettavaksi, työkalu ajaa sen DOMParser-rajapinnan läpi passiivisessa tilassa — skriptejä ei suoriteta eikä verkkopyyntöjä tehdä. Se kyselee sitten jäsennettyä dokumenttia tunnetuille meta-valitsimille (og:title, twitter:description, canonical-linkki jne.) ja esitäyttää lomakekentät sillä, mitä se löytää.
- 4Suorat Google- ja sosiaalisen median korttiesikatselutTyökalu piirtää tyylitellyn Google-hakutuloksen ja Open Graph -korttiesikatselun reaaliajassa käyttäen samaa lomaketilaa, joten näet tarkalleen miten otsikko ja kuvaus katkaistaan ennen kuin kopioit tulosteen.
Liittyvät työkalut
Sosiaalisen median kuvakokojärjestelmä
Muuta ja rajaa kuvia vuoden 2026 tarkkaan kokoon Instagramille, YouTubelle, TikTokille, X:lle, Facebookille, LinkedInille ja Pinterestille — turvavyöhykkeen oppaiden ja erä-ZIP-tiedoston kanssa. 100 % selaimessasi, ei latausta.
Äänitunnisteiden editori (ID3)
Muokkaa MP3:n ID3-tunnisteita – otsikko, esittäjä, albumi, vuosi, genre ja kansikuva – 100-prosenttisesti selaimessasi. Ei lähetystä, eikä ääntä koodata uudelleen. Ilmainen ja yksityinen.
Slug-generaattori
Muunna mikä tahansa otsikko tai teksti URL-yhteensopivaksi slugiksi. Täydellinen blogikirjoituksiin, CMS-sivuihin ja SEO-optimoituihin URL-osoitteisiin.