Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukutviklerUtvikling av AI-verktøy for bedrifter. Høy kvalitet. Rimelig.Skriv på Telegram

Online Meta Tag Generator: Hvordan skrive tittel, beskrivelse og åpen graf og sette inn kode

Online metatag-generator: tittel, beskrivelse og Open Graph med forhåndsvisning og ferdig HTML-kode

Hva du vil få

  • En ferdig HTML-blokk med tittel, beskrivelse, kanonisk kode, roboter, Open Graph og Twitter Card – gratis
  • Tittel- og beskrivelsesformler for hovedkategorien, kategorien, produktet og artikkelen
  • Forstå hvor du skal sette inn kode i WordPress, en nettstedbygger eller et tilpasset nettsted
Bruk: om 15 minutterLagrer: tid brukt manuelt på å skrive og feilsøke kode i head-et

Det korte svaret: For å lage metatagger på nett, åpne den gratis PromoPilot Meta Tag Generator, fyll ut feltene for tittel, beskrivelse, kanonisk kode, roboter, Open Graph og Twitter Card. En forhåndsvisning av Google og Facebook innhold vises til høyre, sammen med den ferdige HTML-koden nedenfor. Bare kopier den med ett klikk og lim den inn i <head> på siden. Du kan starte fra bunnen av eller laste ned de nåværende taggene fra en eksisterende side via en lenke og redigere dem. Nedenfor finner du hvordan du fyller ut hvert felt og unngår vanlige feil.

Jeg har laget nettsider i 12 år, og metatagger er det første som går tapt når man omarbeider en mal. Generatoren er en livredder når jeg raskt trenger å sette sammen den riktige blokken for en landingsside eller hjemmeside uten å måtte huske og: og twitter: -syntaksen.

Hva lager metataggeneratoren?

Generatoren er et skjema med hint som gjør teksten din om til gyldig kode. Her er feltene den fyller ut og hva de gjør.

Felt Hva skriver du inn? Hvorfor trenger nettstedet dette?
Tittel Sidetittel, 30–60 tegn anbefalt Blå lenke i Google søkeresultater og nettleserfanen
Metabeskrivelse Beskrivelse, 120–160 tegn anbefales Kandidat for tekstutdrag under overskriften
Kanonisk URL Hovedsideadresse Slår sammen duplikater med parametere og UTM-tagger
Roboter indeks/ingen indeks, følg/ingen følg Aktiverer eller deaktiverer indeksering av en side.
Åpne grafen og:title, og:description, og:image (1200×630), og:type, og:locale Forhåndsvisning av lenker på Facebook, LinkedIn og Messenger
Twitter-kort twitter:kort (stort_bilde_sammendrag eller sammendrag), tittel, beskrivelse Lenkekort i X (Twitter)

Under feltene finner du tegntellere med anbefalte områder, til høyre er en forhåndsvisning av Google kodebiten og Facebook innlegget i sanntid, og nederst er den genererte HTML-koden.

Hvordan lage metakoder på nett?

Metakoder i 4 trinn: last ned gjeldende koder, fyll ut tittel og beskrivelse, legg til kanonisk og Open Graph, kopier HTML til overskriften

  1. Åpne metataggeneratoren. Hvis siden allerede finnes, limer du inn adressen i det øverste feltet og klikker på «Last opp». De gjeldende taggene settes inn i skjemaet.
  2. Skriv tittel og beskrivelse, og følg med på tellerne. En rød strek indikerer at teksten er kortere eller lengre enn vanlig.
  3. Spesifiser kanonisk – hele sideadressen med https://, uten parametere.
  4. Velg roboter. For en vanlig side, index, follow. noindex er kun for tjenestesider: handlekurv, personlig konto og søkeresultater for nettstedet.
  5. Fyll ut Open Graph og Twitter-kortet: et bilde på 1200 × 630, skriv inn ( website for hovedsiden, article for artikkelen, product for produktet) og språkinnstillinger, for eksempel ru_RU eller en_US.
  6. Sjekk forhåndsvisningen og kopier HTML-koden ved hjelp av kopieringsknappen.

Utdataene vil være noe sånt som denne blokken, som settes inn i <head>:

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

Merk: og:title trenger ikke å være en ordrett kopi av tittelen. På sosiale medier høres merkevare og «kjøp» påtrengende ut, så en mer relevant overskrift er passende, og tittelen bør gjenspeile søket.

Slik ser arbeidsområdet ut: en linje for lasting av tagger via en lenke, et skjema til venstre og en forhåndsvisning av Google og Facebook til høyre.

PromoPilots gratis side for verktøyet Meta Tag Generator: opplasting av URL-tagger, tittel- og beskrivelsesfelt, forhåndsvisninger av Google og Facebook

Hvordan skrive en klikkbar tittel og beskrivelse?

Generatoren sporer lengde, men ikke innhold. Her er formlene jeg bruker for ulike sidetyper:

  • Hjem: Что продаёте + для кого / где | Бренд – for eksempel Мебель из массива дуба на заказ | Woodline.
  • Kategori: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • Produkt: Название + ключевое свойство + действие – Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • Artikkel: Вопрос или польза + уточнение – Как выбрать матрас для спины: 7 критериев и ошибки.

Skriv beskrivelsen din som et kort løfte: hva en person vil få på siden og hvorfor de bør klikke. Dårlig: «Velkommen til nettstedet vårt! Vi tilbyr et bredt utvalg av...» Bra: «120 skinnsekker på lager, levering over hele Europa på 2–4 dager, gratis retur i 30 dager. Velg en modell etter størrelse og farge.»

Vanlige kodefeil som generatoren bidrar til å unngå:

  1. Det er to tittelkoder på siden – én fra malen og den andre fra plugin-modulen. Etter at du har limt inn koden, må du sjekke at den gamle koden er fjernet.
  2. Relativ adresse i og:image ( /img/cover.jpg) – sosiale nettverk forventer den fullstendige adressen med https://.
  3. Kanonisk på hjemmesiden til alle sider er en vanlig malfeil som kaster sider ut av indeksen.
  4. noindex, glemt etter utvikling - nettstedet lanseres, men søkemotoren ser det ikke.

Hvor limer jeg inn den genererte koden?

Koden settes inn i <head>, men metoden avhenger av søkemotoren. På et tilpasset nettsted settes den inn direkte i sidens HTML-mal. I WordPress er det enklere å unngå å lime inn koden manuelt og i stedet importere teksten fra generatoren til feltene i en SEO-plugin (Yoast SEO eller Rank Math): pluginen vil automatisk generere taggene og unngå å lage duplikater. I nettstedbyggere, se etter "SEO"-delen i sideinnstillingene.

Etter publisering, sjekk resultatene: artikkelen vår om metatag-analyse forteller deg hvordan du sikrer at taggene på den aktive siden samsvarer med de tiltenkte, og artikkelen vår om SERP-forhåndsvisninger forteller deg hvordan du ser kodeutdraget i søkeresultatene på en telefon.

Sammenligning: Metataggenerator og alternativer

Verktøy Hva er gratis? Restriksjoner Hvem passer det for?
PromoPilot – Metataggenerator Tittel, beskrivelse, kanonisk, roboter, originalt og Twitter-kort, forhåndsvisninger av Google og Facebook, ferdiglaget HTML Én side om gangen, skriv tekstene selv Landingsside, hjemmeside, tilpasset nettsted, idétesting
Yoast SEO / Rangeringsmatematikk Tittel-, beskrivelses- og originalfelt direkte i WordPress editoren Kun WordPress, installasjon av plugin kreves For eiere WordPress -nettsteder
SEO-innstillinger i byggeren Tittel- og beskrivelsesfelt for en side Feltsettet er begrenset av plattformens muligheter Nettsider om konstruktører
Manuell koding Full kontroll Det er lett å gjøre feil i syntaksen og duplikater. For utviklere

Konklusjon: Hvis nettstedet ditt er på WordPress, fyll ut feltene i SEO-pluginen og bruk generatoren som et utkast med en forhåndsvisning. For et tilpasset nettsted eller en separat landingsside produserer generatoren ferdig kode raskest.

I tillegg til generatoren tilbyr PromoPilot 87 andre gratis SEO-verktøy, fra en Open Graph-feilsøkingsverktøy til en Schema-markupgenerator.

Hva er begrensningene til metataggeneratoren?

Generatoren vet ikke hvilke søkeord det søkes etter – du velger nøkkelordene i tittelen. Den sjekker ikke om de er unike: hvis du setter inn den samme beskrivelsen på 50 sider, vil ikke verktøyet legge merke til det. Og det fungerer med én enkelt side: for en butikk med hundrevis av produkter settes taggene sammen ved hjelp av en mal i nettstedskoden, ikke manuelt.

Når er et gratis verktøy ikke nok?

Metataggenerator vs. nøkkelferdige tagmaler: Manuell generering av én side vs. nettstedsomfattende regler

Generatoren er ideell for fem sider. For fem hundre er det nødvendig med en annen tilnærming. En spesialist er nødvendig hvis:

  • Du har en katalog, og tagger skal tilordnes automatisk til hvert nye produkt;
  • Nettstedet er flerspråklig, og det kreves tagger på hvert språk med riktig lokalisering;
  • du vet ikke hvilke henvendelser som gir kjøpere, og titler er skrevet «med øye»;
  • Etter at CMS-et ble byttet, gikk taggene tapt eller duplisert.

Hva kan jeg gjøre for nettstedet ditt?

Jeg er Valeriy Danyuk, en utvikler og SEO-spesialist med 12 år og over 200 kunder. Jeg inkluderer metatagger i maler fra dag én, slik at nettstedseiere ikke trenger å bekymre seg for dem hver gang de publiserer.

SEO og promotering

Nettsteder og nettbutikker

CRM og automatisering

Send meg nettadressen din via Telegram, så foreslår jeg en tittelformel for hovedsidene dine.

Resultat

  1. Den nettbaserte metataggeneratoren setter sammen en ferdiglaget head-blokk: tittel, beskrivelse, kanonisk, roboter, Open Graph og Twitter Card med forhåndsvisning.
  2. Hold tittelen på 30–60 tegn, beskrivelsen på 120–160 tegn, og sett søkeordet og fordelen først.
  3. Etter at du har limt inn koden, sjekk at taggene ikke er duplisert og at og:image er angitt som fullstendig adresse.
  4. For en katalog og et flerspråklig nettsted samles tagger inn ved hjelp av en mal – eller en plattform der dette allerede er gjort, for eksempel 1001site.

Samle tagger til hjemmesiden din ved hjelp av en gratis metataggenerator – det tar kortere tid enn å lese denne artikkelen.

Kilder

  • PromoPilot Meta Tag Generator-verktøyside – felt, anbefalte områder og vanlige spørsmål.
  • Open Graph Protocol (ogp.me) — beskrivelse av taggene og:title, og:image, og:type, og:locale.
  • Dokumentasjon for Yoast SEO og Rank Math-plugin for WordPress.

Referanser og kilder

Spørsmål og svar

Hva er den optimale lengden på tittel og beskrivelse?

Generatorens retningslinjer: tittel – 30–60 tegn, beskrivelse – 120–160 tegn. Tellere under feltene uthever om teksten overskrider det angitte området. Plasser søkeordet og fordelen først; Google vil avkorte slutten av lang tekst.

Hvorfor trengs Open Graph-tagger?

Open Graph kontrollerer forhåndsvisninger av lenker i Facebook, LinkedIn, Telegram, WhatsApp og andre apper: tittel, beskrivelse og bilde. Uten dem vil messenger-appen ta tilfeldig tekst og bilde fra siden, eller til og med vise en ren lenke.

Hvor skal man lime inn den genererte koden?

I sidens head-seksjon, før den avsluttende taggen. I WordPress er det enklere å fylle ut de samme feltene i en SEO-plugin (Yoast eller Rank Math), eller i sidebyggere, i sidens SEO-innstillinger. Sørg for at det ikke finnes dupliserte tagger: to titteltagger på en side er en feil.

Hvordan er en generator forskjellig fra metataganalyse?

Generatoren hjelper deg med å skrive tagger og produserer ferdig kode. Metataganalyse sjekker hva som allerede er på den aktive siden og finner feil. En praktisk kombinasjon: sjekk siden, skriv om problematiske tagger i generatoren, sett dem inn og sjekk på nytt.

Vi sjekket nettsiden, men det er ingen som kan fikse det?

Dette gratisverktøyet avdekker problemer. Jeg analyserer rapporten, prioriterer og fikser dem: SEO-revisjon, hastighetsøkning, markup og migrering til et nytt nettsted uten å miste rangeringer.