Kratak odgovor: za izradu meta oznaka online, otvorite besplatni PromoPilot Meta Tag Generator, ispunite polja naslov, opis, canonical, robots, Open Graph i Twitter Card. Pregled Google i Facebook sadržaja pojavit će se s desne strane, zajedno s gotovim HTML kodom ispod. Jednostavno ga kopirajte jednim klikom i zalijepite u <head> stranice. Možete početi ispočetka ili preuzeti trenutne oznake s postojeće stranice putem poveznice i urediti ih. U nastavku je opisano kako ispuniti svako polje i izbjeći uobičajene pogreške.
Izrađujem web stranice već 12 godina, a meta oznake su prva stvar koja se izgubi prilikom prerade predloška. Generator je spas kada trebam brzo sastaviti pravi blok za odredišnu stranicu ili početnu stranicu bez potrebe za pamćenjem sintakse og: i twitter::.
Što generator meta oznaka stvara?
Generator je obrazac s naznakama koji pretvara vaš tekst u valjani kod. Evo polja koja ispunjava i što rade.
| Polje | Što unosite? | Zašto je ovo potrebno stranici? |
|---|---|---|
| Titula | Naslov stranice, preporučeno 30-60 znakova | Plava poveznica u rezultatima Google pretrage i na kartici preglednika |
| Meta opis | Opis, preporučuje se 120-160 znakova | Kandidat za isječak teksta ispod naslova |
| Kanonski URL | Adresa glavne stranice | Spaja duplikate s parametrima i UTM oznakama |
| Roboti | indeks/nema indeksa, praćenje/nema praćenja | Omogućuje ili onemogućuje indeksiranje stranice. |
| Otvori graf | og:naslov, og:opis, og:slika (1200×630), og:tip, og:lokacija | Pregled poveznice na Facebook, LinkedInu i Messengeru |
| Twitter kartica | twitter:kartica (sažetak_velike_slika ili sažetak), naslov, opis | Kartica s poveznicama u X (Twitter) |
Ispod polja nalaze se brojači znakova s preporučenim rasponima, s desne strane je pregled Google isječka i Facebook objave uživo, a na dnu je generirani HTML.
Kako kreirati meta oznake online?
- Otvorite generator meta oznaka. Ako stranica već postoji, zalijepite njezinu adresu u gornje polje i kliknite "Prenesi" – trenutne oznake bit će umetnute u obrazac.
- Napišite naslov i opis, prateći brojače. Crvena traka označava da je tekst kraći ili duži od uobičajenog.
- Navedite kanonsku adresu - punu adresu stranice s
https://, bez parametara. - Odaberite robote. Za običnu stranicu
index, follow.noindexje samo za stranice usluga: košarica za kupnju, osobni račun i rezultati pretraživanja web-mjesta. - Ispunite Open Graph i Twitter karticu: sliku veličine 1200 × 630, upišite (
websiteza glavnu stranicu,articleza članak,productza proizvod) i odredite jezik, na primjerru_RUilien_US. - Provjerite pregled i kopirajte HTML kod pomoću gumba za kopiranje.
Izlaz će biti nešto poput ovog bloka, koji se umeće u <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">Napomena: og:title ne mora biti doslovna kopija naslova. Na društvenim mrežama, brend i "kupi" zvuče nametljivo, pa je prikladniji relevantniji naslov, a naslov bi trebao odražavati upit za pretraživanje.
Ovako izgleda radni prostor: redak za učitavanje oznaka putem poveznice, obrazac s lijeve strane i pregled za Google i Facebook s desne strane.
Kako napisati naslov i opis na koje se može kliknuti?
Generator prati duljinu, ali ne i sadržaj. Evo formula koje koristim za različite vrste stranica:
- Početna:
Что продаёте + для кого / где | Бренд— na primjer,Мебель из массива дуба на заказ | Woodline. - Kategorija:
Категория + выбор/цена/доставка | Бренд—Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord. - Proizvod:
Название + ключевое свойство + действие-Рюкзак Nord 20 л из кожи — купить с гарантией 2 года. - Članak:
Вопрос или польза + уточнение-Как выбрать матрас для спины: 7 критериев и ошибки.
Napišite svoj opis kao kratko obećanje: što će osoba dobiti na stranici i zašto bi trebala kliknuti. Loše: "Dobrodošli na našu web stranicu! Nudimo širok asortiman..." Dobro: "120 kožnih ruksaka na zalihi, dostava diljem Europe za 2-4 dana, besplatan povrat u roku od 30 dana. Odaberite model prema veličini i boji."
Uobičajene pogreške koda koje generator pomaže izbjeći:
- Na stranici se nalaze dvije oznake naslova - jedna iz predloška, a druga iz dodatka. Nakon što zalijepite kod, provjerite je li stara oznaka uklonjena.
- Relativna adresa u og:image (
/img/cover.jpg) — društvene mreže očekuju punu adresu shttps://. - Kanonično na početnoj stranici svih stranica je česta greška predloška koja izbacuje stranice iz indeksa.
- noindex, zaboravljeno nakon razvoja - stranica je pokrenuta, ali tražilica je ne vidi.
Gdje da zalijepim generirani kod?
Kôd se ubacuje u <head>, ali metoda ovisi o tražilici. Na prilagođenoj web stranici ubacuje se izravno u HTML predložak stranice. U WordPress je lakše izbjeći ručno lijepljenje kôda i umjesto toga uvesti tekst iz generatora u polja SEO dodatka (Yoast SEO ili Rank Math): dodatak će automatski generirati oznake i izbjeći stvaranje duplikata. U alatima za izradu web stranica potražite odjeljak "SEO" u postavkama stranice.
Nakon objave provjerite rezultate: naš članak o analizi meta oznaka reći će vam kako osigurati da oznake na aktivnoj stranici odgovaraju namjeravanim oznakama, a naš članak o pregledima SERP-a reći će vam kako vidjeti isječak u rezultatima pretraživanja na telefonu.
Usporedba: Generator meta oznaka i alternative
| Alat | Što je besplatno? | Ograničenja | Za koga je prikladno? |
|---|---|---|---|
| PromoPilot — Generator meta oznaka | Naslov, opis, kanonski, roboti, OG i Twitter kartica, pregledi Google i Facebook, gotov HTML | Stranica po stranica, pišite tekstove sami | Odredišna stranica, početna stranica, prilagođena web stranica, testiranje ideja |
| Yoast SEO / Matematika rangova | Polja za naslov, opis i originalni tekst izravno u WordPress editoru | Samo WordPress, potrebna instalacija dodatka | Za vlasnike WordPress web stranica |
| SEO postavke u alatu za izradu web-stranica | Polja za naslov i opis stranice | Skup polja je ograničen mogućnostima platforme | Web stranice o konstruktorima |
| Ručno kodiranje | Potpuna kontrola | Lako je napraviti greške u sintaksi i duplikatima. | Za razvojne programere |
Zaključak: ako je vaša stranica na WordPress, ispunite polja u SEO dodatku i koristite generator kao nacrt s pregledom. Za prilagođenu web stranicu ili zasebnu odredišnu stranicu, generator najbrže generira gotov kod.
Uz generator, PromoPilot nudi još 87 besplatnih SEO alata, od Open Graph debuggera do generatora Schema markupa.
Koja su ograničenja generatora meta oznaka?
Generator ne zna koje se upite za pretraživanje traže - vi birate ključne riječi u naslovu. Ne provjerava jedinstvenost: ako umetnete isti opis na 50 stranica, alat to neće primijetiti. I radi s jednom stranicom: za trgovinu sa stotinama proizvoda, oznake se sastavljaju pomoću predloška u kodu web-mjesta, a ne ručno.
Kada besplatni alat nije dovoljan?
Generator je idealan za pet stranica. Za petsto je potreban drugačiji pristup. Specijalist je potreban ako:
- Imate katalog i oznake bi se trebale automatski dodijeliti svakom novom proizvodu;
- stranica je višejezična i potrebne su oznake na svakom jeziku s ispravnom lokalizacijom;
- ne znate koji upiti dovode kupce, a naslovi se pišu "od očiju";
- Nakon promjene CMS-a, oznake su izgubljene ili duplicirane.
Što mogu učiniti za vašu web stranicu?
Ja sam Valeriy Danyuk, programer i SEO stručnjak s 12 godina iskustva i preko 200 klijenata. U predloške uključujem meta oznake od prvog dana kako se vlasnici web stranica ne bi morali brinuti o njima svaki put kada objavljuju.
SEO i promocija
- SEO revizija web stranice po principu "ključ u ruke": Prikupljam ključne riječi, pišem predloške oznaka za sve vrste stranica i implementiram ih u kod.
- Autoblog s AI agentima je urednički tim gdje se oznake i pregledi za svaki članak automatski generiraju.
Web stranice i online trgovine
- WordPress web stranica s AI asistentom za 299 €, uključujući konfigurirani SEO dodatak i predloške oznaka.
- Izradite web stranicu u stilu tuđe web stranice koja vam se sviđa za nekoliko minuta — na 1001site, pregledi i izgled društvenih mreža automatski se konfiguriraju.
- Katalog s 300 artikala za samo nekoliko minuta — opisi i oznake za svaki artikl putem MCP i Claude.
- Premještanje vaše trgovine s Instagram na vašu web stranicu kako bi se vaši proizvodi mogli pronaći u rezultatima pretraživanja, a ne samo u vašem feedu.
CRM i automatizacija
Pošaljite mi adresu vaše web stranice putem Telegram i predložit ću vam formulu za naslove vaših ključnih stranica.
Proizlaziti
- Online generator meta oznaka sastavlja gotov blok zaglavlja: naslov, opis, kanonski element, roboti, Open Graph i Twitter kartica s pregledom.
- Naslov neka bude dugačak 30–60 znakova, opis 120–160 znakova, a ključna riječ i pogodnost stavite na prvo mjesto.
- Nakon lijepljenja koda, provjerite da oznake nisu duplicirane i da je og:image navedeno kao puna adresa.
- Za katalog i višejezičnu stranicu, oznake se prikupljaju pomoću predloška - ili platforme gdje je to već učinjeno, kao što je 1001site.
Prikupite oznake za svoju početnu stranicu pomoću besplatnog generatora meta oznaka - trebat će vam manje vremena nego čitanje ovog članka.
Izvori
- Stranica alata za generiranje meta oznaka PromoPilot - polja, preporučeni rasponi i često postavljana pitanja.
- Open Graph Protocol (ogp.me) — opis oznaka og:title, og:image, og:type, og:locale.
- Dokumentacija dodataka Yoast SEO i Rank Math za WordPress.
