Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukframkallareUtvecklar AI-verktyg för företag. Högkvalitativt. Prisvärt.Skriv i Telegram

Online-metataggenerator: Hur man skriver titel, beskrivning och öppnar grafer och infogar kod

Online metataggenerator: titel, beskrivning och Open Graph med förhandsvisning och färdig HTML-kod

Vad du får

  • Ett färdigt HTML-block med titel, beskrivning, kanonisk kod, robotar, Open Graph och Twitter Card — gratis
  • Titel- och beskrivningsformler för huvudkategori, kategori, produkt och artikel
  • Förstå var man ska infoga kod i WordPress, en hemsidebyggare eller en anpassad webbplats
Tillämpa: om 15 minuterSparar: tid som läggs på att manuellt skriva och felsöka kod i head-et

Det korta svaret: för att skapa metataggar online, öppna den kostnadsfria PromoPilot Meta Tag Generator, fyll i fälten titel, beskrivning, kanonisk, robotar, Open Graph och Twitter Card. En förhandsgranskning av Google och Facebook innehåll visas till höger, tillsammans med den färdiga HTML-koden nedan. Kopiera den bara med ett klick och klistra in den i <head> på sidan. Du kan börja från början eller ladda ner de aktuella taggarna från en befintlig sida via en länk och redigera dem. Nedan följer hur du fyller i varje fält och undviker vanliga misstag.

Jag har skapat webbplatser i 12 år, och metataggar är det första som försvinner när man omarbetar en mall. Generatorn är en livräddare när jag snabbt behöver sätta ihop rätt block för en landningssida eller startsida utan att behöva komma ihåg og: och twitter: -syntaxen.

Vad skapar metataggeneratorn?

Generatorn är ett formulär med tips som omvandlar din text till giltig kod. Här är fälten som den fyller i och vad de gör.

Fält Vad skriver du in? Varför behöver webbplatsen detta?
Titel Sidtitel, 30–60 tecken rekommenderas Blå länk i Google sökresultat och webbläsarfliken
Metabeskrivning Beskrivning, 120–160 tecken rekommenderas Kandidat för textsnutt under rubriken
Kanonisk URL Adress till huvudsidan Sammanfogar dubbletter med parametrar och UTM-taggar
Robotar index/noindex, följ/nofollow Aktiverar eller inaktiverar indexering av en sida.
Öppna grafen og:title, og:description, og:image (1200×630), og:type, og:locale Förhandsvisning av länkar på Facebook, LinkedIn och Messenger
Twitter-kort twitter:kort (summary_large_image eller sammanfattning), titel, beskrivning Länkkort i X (Twitter)

Nedanför fälten finns teckenräknare med rekommenderade intervall, till höger finns en liveförhandsvisning av Google kodavsnittet och Facebook inlägget, och längst ner finns den genererade HTML-koden.

Hur skapar man metataggar online?

Metataggar i fyra steg: ladda ner aktuella taggar, fyll i titel och beskrivning, lägg till kanonisk och Open Graph, kopiera HTML till rubriken

  1. Öppna metataggeneratorn. Om sidan redan finns, klistra in dess adress i det översta fältet och klicka på "Ladda upp" – de aktuella taggarna infogas i formuläret.
  2. Skriv din titel och beskrivning och håll ett öga på räknarna. En röd stapel indikerar att texten är kortare eller längre än normalt.
  3. Ange kanonisk - hela sidadressen med https://, utan parametrar.
  4. Välj robotar. För en vanlig sida, index, follow. noindex är endast för servicesidor: kundvagn, personligt konto och webbplatsens sökresultat.
  5. Fyll i Open Graph och Twitter Card: en bild på 1200×630, skriv ( website för huvudsidan, article för artikeln, product för produkten) och språkinställning, till exempel ru_RU eller en_US.
  6. Kontrollera förhandsgranskningen och kopiera HTML-koden med hjälp av kopieringsknappen.

Utdata kommer att vara något i stil med det här blocket, vilket infogas 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">

Observera: og:title behöver inte vara en ordagrann kopia av titeln. På sociala medier låter varumärke och "köp" påträngande, så en mer relevant rubrik är lämplig, och titeln bör återspegla sökfrågan.

Så här ser arbetsytan ut: en rad för att ladda taggar via en länk, ett formulär till vänster och en förhandsgranskning Google och Facebook till höger.

PromoPilots kostnadsfria metataggenerator: uppladdning av URL-taggar, titel- och beskrivningsfält, förhandsvisningar av Google och Facebook

Hur skriver man en klickbar titel och beskrivning?

Generatorn spårar längd, men inte innehåll. Här är formlerna jag använder för olika sidtyper:

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

Skriv din beskrivning som ett kort löfte: vad en person kommer att få på sidan och varför de ska klicka. Dåligt: "Välkommen till vår webbplats! Vi erbjuder ett brett utbud av..." Bra: "120 läderryggsäckar i lager, leverans över hela Europa på 2–4 dagar, fri retur i 30 dagar. Välj en modell efter storlek och färg."

Vanliga kodfel som generatorn hjälper till att undvika:

  1. Det finns två titeltaggar på sidan – en från mallen och den andra från plugin-programmet. Kontrollera att den gamla taggen har tagits bort efter att du har klistrat in koden.
  2. Relativ adress i og:image ( /img/cover.jpg) — sociala nätverk förväntar sig den fullständiga adressen med https://.
  3. "Canonical" på startsidan för alla sidor är ett vanligt mallfel som kastar ut sidor från indexet.
  4. noindex, glömd efter utveckling - webbplatsen lanseras, men sökmotorn ser den inte.

Var klistrar jag in den genererade koden?

Koden infogas i <head>, men metoden beror på sökmotorn. På en anpassad webbplats infogas den direkt i sidans HTML-mall. I WordPress är det enklare att undvika att klistra in koden manuellt och istället importera texten från generatorn till fälten i ett SEO-plugin (Yoast SEO eller Rank Math): pluginet genererar automatiskt taggarna och undviker att skapa dubbletter. I hemsidebyggare, leta efter avsnittet "SEO" i sidinställningarna.

Kontrollera resultaten efter publiceringen: vår artikel om metataggsanalys berättar hur du säkerställer att taggarna på den aktiva sidan matchar de avsedda, och vår artikel om SERP-förhandsvisningar berättar hur du ser utdraget i sökresultaten på en telefon.

Jämförelse: Metataggenerator och alternativ

Verktyg Vad är gratis? Begränsningar Vem är det lämpligt för?
PromoPilot — Metataggenerator Titel, beskrivning, kanonisk, robotar, original- och Twitter-kort, förhandsvisningar av Google och Facebook, färdig HTML En sida i taget, skriv texterna själv Landningssida, startsida, anpassad webbplats, idétestning
Yoast SEO / Rankningsmatematik Titel-, beskrivnings- och originalfält direkt i WordPress redigeraren Endast WordPress, installation av plugin krävs För WordPress -webbplatsägare
SEO-inställningar i byggaren Titel- och beskrivningsfält för en sida Uppsättningen fält begränsas av plattformens kapacitet Webbplatser om konstruktörer
Manuell kodning Full kontroll Det är lätt att göra misstag i syntaxen och dubbletter. För utvecklare

Slutsats: om din webbplats finns på WordPress, fyll i fälten i SEO-pluginet och använd generatorn som ett utkast med en förhandsgranskning. För en anpassad webbplats eller en separat landningssida producerar generatorn färdig kod snabbast.

Förutom generatorn erbjuder PromoPilot 87 fler gratis SEO-verktyg, från en Open Graph-felsökare till en Schema-markupgenerator.

Vilka är begränsningarna med metataggeneratorn?

Generatorn vet inte vilka sökfrågor du söks efter – du väljer nyckelorden i titeln. Den kontrollerar inte om de är unika: om du infogar samma beskrivning på 50 sidor kommer verktyget inte att märka det. Och det fungerar med en enda sida: för en butik med hundratals produkter sammanställs taggarna med hjälp av en mall i webbplatsens kod, inte manuellt.

När räcker inte ett gratisverktyg?

Metataggenerator kontra nyckelfärdiga taggmallar: Manuellt generera en enda sida kontra webbplatsomfattande regler

Generatorn är idealisk för fem sidor. För femhundra behövs en annan metod. En specialist behövs om:

  • Du har en katalog, och taggar bör tilldelas automatiskt till varje ny produkt;
  • webbplatsen är flerspråkig och taggar behövs på varje språk med korrekt språkinställning;
  • du vet inte vilka frågor som lockar köpare, och titlar skrivs "efter ögat";
  • Efter att CMS-systemet ändrats förlorades eller duplicerades taggar.

Vad kan jag göra för er webbplats?

Jag är Valeriy Danyuk, utvecklare och SEO-specialist med 12 års erfarenhet och över 200 kunder. Jag inkluderar metataggar i mallar från dag ett så att webbplatsägare inte behöver oroa sig för dem varje gång de publicerar.

SEO och marknadsföring

Webbplatser och onlinebutiker

CRM och automatisering

Skicka mig din webbadress via Telegram så föreslår jag en titelformel för dina nyckelsidor.

Resultat

  1. Online-metataggeneratorn sätter ihop ett färdigt headblock: titel, beskrivning, kanonisk, robotar, Open Graph och Twitter Card med en förhandsvisning.
  2. Håll din titel till 30–60 tecken lång, din beskrivning till 120–160 tecken och prioritera sökordet och fördelen.
  3. Efter att du har klistrat in koden, kontrollera att taggarna inte är duplicerade och att og:image är angett som den fullständiga adressen.
  4. För en katalog och en flerspråkig webbplats samlas taggar in med hjälp av en mall – eller en plattform där detta redan har gjorts, till exempel 1001site.

Samla taggar till din startsida med en gratis metataggenerator – det tar kortare tid än att läsa den här artikeln.

Källor

  • PromoPilot Meta Tag Generator-verktygssida – fält, rekommenderade intervall och vanliga frågor.
  • Open Graph Protocol (ogp.me) — beskrivning av taggarna og:title, og:image, og:type, og:locale.
  • Dokumentation för Yoast SEO och Rank Math-plugin för WordPress.

Referenser och källor

Frågor och svar

Vilken är den optimala längden på titel och beskrivning?

Generatorns riktlinjer: titel — 30–60 tecken, beskrivning — 120–160 tecken. Räknare under fälten markerar om texten överskrider det angivna intervallet. Placera sökordet och fördelen först; Google kommer att avkorta slutet av lång text.

Varför behövs Open Graph-taggar?

Open Graph styr förhandsgranskningar av länkar i Facebook, LinkedIn, Telegram, WhatsApp och andra appar: titel, beskrivning och bild. Utan dem kommer messengern att ta slumpmässig text och bild från sidan, eller till och med visa en ren länk.

Var ska man klistra in den genererade koden?

I sidans head-sektion, före den avslutande taggen. I WordPress är det enklare att fylla i samma fält i ett SEO-plugin (Yoast eller Rank Math), eller i sidbyggare, i sidans SEO-inställningar. Se till att det inte finns några dubbletter av taggar: två titeltaggar på en sida är ett fel.

Hur skiljer sig en generator från metatagsanalys?

Generatorn hjälper dig att skriva taggar och producerar färdig kod. Metataggsanalys kontrollerar vad som redan finns på den aktiva sidan och hittar fel. En bekväm kombination: kontrollera sidan, skriv om problematiska taggar i generatorn, infoga dem och kontrollera igen.

Vi har kollat hemsidan, men det finns ingen som kan fixa det?

Det här gratisverktyget avslöjar problem. Jag analyserar rapporten, prioriterar och åtgärdar dem: SEO-granskning, snabbare sökning, markup och migrering till en ny webbplats utan att förlora ranking.