Telegram, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukrazvijalecRazvoj orodij umetne inteligence za podjetja. Visokokakovostno. Cenovno ugodno.Piši na Telegram

Spletni generator meta oznak: Kako napisati naslov, opis in odpreti graf ter vstaviti kodo

Spletni generator meta oznak: naslov, opis in Open Graph s predogledom in že pripravljeno HTML kodo

Kaj boste dobili

  • Pripravljen blok HTML z naslovom, opisom, kanoničnimi elementi, roboti, Open Graphom in Twitter kartico – brezplačno
  • Formule za naslov in opis za glavni element, kategorijo, izdelek in članek
  • Razumevanje, kam vstaviti kodo v WordPress, graditelju spletnih strani ali spletnem mestu po meri
Uporabi: v 15 minutahShranjeno: čas, porabljen za ročno pisanje in odpravljanje napak v kodi v glavi

Kratek odgovor: za ustvarjanje meta oznak na spletu odprite brezplačni generator meta oznak PromoPilot, izpolnite polja za naslov, opis, kanonično, robote, Open Graph in Twitter Card. Na desni se bo prikazal predogled vsebine Google in Facebook, skupaj s spodnjo končano kodo HTML. Preprosto jo kopirajte z enim klikom in prilepite v <head> strani. Lahko začnete iz nič ali pa prenesete trenutne oznake z obstoječe strani prek povezave in jih uredite. Spodaj je opisano, kako izpolniti vsako polje in se izogniti pogostim napakam.

Spletne strani izdelujem že 12 let in metaoznake so prva stvar, ki se izgubi pri predelavi predloge. Generator je rešilna rešitev, ko moram hitro sestaviti pravi blok za ciljno stran ali domačo stran, ne da bi si moral zapomniti sintakso og: in twitter::.

Kaj ustvari generator meta oznak?

Generator je obrazec z namigi, ki vaše besedilo pretvori v veljavno kodo. Tukaj so polja, ki jih izpolni, in kaj počnejo.

Polje Kaj vnesete? Zakaj spletno mesto to potrebuje?
Naslov Naslov strani, priporočeno 30–60 znakov Modra povezava v rezultatih iskanja Google in na zavihku brskalnika
Meta opis Opis, priporočeno 120–160 znakov Kandidat za delček besedila pod naslovom
Kanonični URL Naslov glavne strani Združi podvojene podatke s parametri in oznakami UTM
Roboti indeks/brez indeksa, sledi/brez sledi Omogoči ali onemogoči indeksiranje strani.
Odpri graf og:naslov, og:opis, og:slika (1200×630), og:tip, og:lokacija Predogled povezave na Facebook, LinkedInu in Messengerjih
Twitter kartica twitter:kartica (povzetek_velike_slika ali povzetek), naslov, opis Povezavna kartica v X (Twitter)

Pod polji so števci znakov s priporočenimi obsegi, na desni je predogled v živo Google delčka in objave Facebook, spodaj pa je ustvarjen HTML.

Kako ustvariti metaoznake na spletu?

Metaoznake v 4 korakih: prenos trenutnih oznak, izpolnitev naslova in opisa, dodajanje kanoničnih in Open Graph oznak, kopiranje HTML v glavo

  1. Odprite generator meta oznak. Če stran že obstaja, prilepite njen naslov v zgornje polje in kliknite»Naloži« – trenutne oznake bodo vstavljene v obrazec.
  2. Napišite naslov in opis ter pri tem spremljajte števce. Rdeča črtica označuje, da je besedilo krajše ali daljše od običajnega.
  3. Določite kanonično - celoten naslov strani s https://, brez parametrov.
  4. Izberite robote. Za navadno stran index, follow. noindex je samo za strani storitev: nakupovalna košarica, osebni račun in rezultati iskanja po spletnem mestu.
  5. Izpolnite Open Graph in Twitter kartico: sliko velikosti 1200 × 630, vnesite ( website za glavno stran, article za članek, product za izdelek) in jezikovne nastavitve, na primer ru_RU ali en_US.
  6. Preverite predogled in kopirajte HTML kodo s klikom na gumb za kopiranje.

Izhod bo nekaj takega kot ta blok, ki ga vstavimo v <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">

Opomba: og:title ni nujno dobesedna kopija naslova. Na družbenih omrežjih se blagovna znamka in»kupi« slišita vsiljivo, zato je primernejši naslov, ki naj odraža iskalno poizvedbo.

Takole izgleda delovni prostor: vrstica za nalaganje oznak prek povezave, obrazec na levi in predogled Google in Facebook na desni.

Stran z brezplačnim orodjem za generiranje meta oznak PromoPilot: nalaganje URL oznak, polja za naslov in opis, predogledi za Google in Facebook

Kako napisati naslov in opis, na katerega se da klikniti?

Generator sledi dolžini, ne pa vsebine. Tukaj so formule, ki jih uporabljam za različne vrste strani:

  • Domov: Что продаёте + для кого / где | Бренд – na primer, Мебель из массива дуба на заказ | Woodline.
  • Kategorija: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • Izdelek: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • Članek: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Opis napišite kot kratko obljubo: kaj bo oseba dobila na strani in zakaj naj klikne. Slabo:»Dobrodošli na naši spletni strani! Ponujamo široko paleto...« Dobro:»120 usnjenih nahrbtnikov na zalogi, dostava po vsej Evropi v 2–4 dneh, brezplačno vračilo v 30 dneh. Izberite model po velikosti in barvi.«

Pogoste napake v kodi, ki se jim generator pomaga izogniti:

  1. Na strani sta dve oznaki naslova – ena iz predloge, druga pa iz vtičnika. Ko prilepite kodo, preverite, ali je bila stara oznaka odstranjena.
  2. Relativni naslov v og:image ( /img/cover.jpg) – družbena omrežja pričakujejo celoten naslov s https://.
  3. Kanonično na domači strani vseh strani je pogosta napaka v predlogi, zaradi katere strani ne bodo uvrščene iz indeksa.
  4. noindex, pozabljen po razvoju - spletno mesto se zažene, vendar ga iskalnik ne vidi.

Kam prilepim ustvarjeno kodo?

Koda se vstavi v <head>, vendar je metoda odvisna od iskalnika. Na spletnem mestu po meri se vstavi neposredno v predlogo HTML strani. V WordPress se je lažje izogniti ročnemu lepljenju kode in namesto tega uvoziti besedilo iz generatorja v polja vtičnika za SEO (Yoast SEO ali Rank Math): vtičnik bo samodejno ustvaril oznake in se izognil ustvarjanju podvojitev. V graditeljih spletnih mest poiščite razdelek»SEO« v nastavitvah strani.

Po objavi preverite rezultate: naš članek o analizi meta oznak vam bo povedal, kako zagotoviti, da se oznake na aktivni strani ujemajo z želenimi, naš članek o predogledih SERP pa vam bo povedal, kako si delček kode ogledate v rezultatih iskanja na telefonu.

Primerjava: Generator meta oznak in alternative

Orodje Kaj je brezplačno? Omejitve Za koga je primerno?
PromoPilot — generator meta oznak Naslov, opis, kanonično, roboti, OG in Twitter kartica, predogledi za Google in Facebook, že pripravljen HTML Stran za stranjo, besedila pišite sami Ciljna stran, domača stran, spletna stran po meri, testiranje idej
SEO na Yoast / Matematika rangov Polja za naslov, opis in OG neposredno v urejevalniku WordPress Samo WordPress, potrebna je namestitev vtičnika Za lastnike spletnih strani WordPress
Nastavitve SEO v graditelju Polja za naslov in opis strani Nabor polj je omejen z zmogljivostmi platforme Spletne strani o konstruktorjih
Ročno kodiranje Popoln nadzor V sintaksi in podvajanju je enostavno narediti napake. Za razvijalce

Zaključek: če je vaše spletno mesto na WordPress, izpolnite polja v vtičniku SEO in uporabite generator kot osnutek s predogledom. Za spletno mesto po meri ali ločeno ciljno stran generator najhitreje ustvari že pripravljeno kodo.

Poleg generatorja PromoPilot ponuja še 87 brezplačnih orodij za SEO, od razhroščevalnika Open Graph do generatorja oznak Schema.

Kakšne so omejitve generatorja meta oznak?

Generator ne ve, katere iskalne poizvedbe vas iščejo – ključne besede izberete v naslovu. Ne preverja edinstvenosti: če isti opis vstavite na 50 strani, orodje tega ne bo opazilo. In deluje z eno samo stranjo: za trgovino s stotinami izdelkov se oznake sestavijo z uporabo predloge v kodi spletnega mesta, ne ročno.

Kdaj brezplačno orodje ni dovolj?

Generator meta oznak v primerjavi s predlogami oznak na ključ: ročno ustvarjanje pravil za eno stran v primerjavi s pravili za celotno spletno mesto

Generator je idealen za pet strani. Za petsto je potreben drugačen pristop. Specialist je potreben, če:

  • Imate katalog in oznake bi morale biti samodejno dodeljene vsakemu novemu izdelku;
  • spletno mesto je večjezično in oznake so potrebne v vsakem jeziku s pravilno lokacijo;
  • ne veste, katera povpraševanja privabljajo kupce, naslovi pa so napisani»na oko«;
  • Po spremembi sistema za upravljanje vsebin (CMS) so se oznake izgubile ali podvojene.

Kaj lahko storim za vašo spletno stran?

Sem Valeriy Danyuk, razvijalec in SEO specialist z 12 leti izkušenj in več kot 200 strankami. Metaoznake vključujem v predloge že od prvega dne, da lastnikom spletnih mest ni treba skrbeti zanje vsakič, ko objavijo.

SEO in promocija

Spletne strani in spletne trgovine

CRM in avtomatizacija

Pošljite mi naslov vaše spletne strani prek Telegram in predlagal vam bom formulo za naslov vaših ključnih strani.

Rezultat

  1. Spletni generator meta oznak sestavi že pripravljen blok naslova: naslov, opis, kanonično, roboti, Open Graph in Twitter Card s predogledom.
  2. Naslov naj bo dolg od 30 do 60 znakov, opis pa od 120 do 160 znakov, ključno besedo in prednost pa naj bosta na prvem mestu.
  3. Po lepljenju kode preverite, ali oznake niso podvojene in ali je og:image naveden kot celoten naslov.
  4. Za katalog in večjezično spletno mesto se oznake zbirajo z uporabo predloge – ali platforme, kjer je to že storjeno, kot je 1001site.

Zberite oznake za svojo domačo stran z brezplačnim generatorjem meta oznak – to vam bo vzelo manj časa kot branje tega članka.

Viri

  • Stran z orodjem za generiranje metaoznak PromoPilot – polja, priporočeni obsegi in pogosta vprašanja.
  • Open Graph Protocol (ogp.me) — opis oznak og:title, og:image, og:type, og:locale.
  • Dokumentacija vtičnikov Yoast SEO in Rank Math za WordPress.

Reference in viri

Vprašanja in odgovori

Kakšna je optimalna dolžina naslova in opisa?

Smernice generatorja: naslov – 30–60 znakov, opis – 120–160 znakov. Števci pod polji označijo, če besedilo presega določen obseg. Najprej postavite ključno besedo in ugodnost; Google bo konec dolgega besedila skrajšal.

Zakaj so potrebne oznake Open Graph?

Open Graph nadzoruje predoglede povezav v Facebook, LinkedInu, Telegram, WhatsApp in drugih aplikacijah: naslov, opis in sliko. Brez njih bo program za sporočanje vzel naključno besedilo in sliko s strani ali celo prikazal golo povezavo.

Kam prilepiti ustvarjeno kodo?

V razdelku head strani, pred zaključno oznako. V WordPress je lažje izpolniti ta ista polja v vtičniku za SEO (Yoast ali Rank Math) ali v graditeljih strani, v nastavitvah SEO strani. Prepričajte se, da ni podvojenih oznak: dve oznaki naslova na strani sta napaka.

Kakšna je razlika med generatorjem in analizo meta oznak?

Generator vam pomaga pri pisanju oznak in ustvari že pripravljeno kodo. Analiza meta oznak preveri, kaj je že na delujoči strani, in najde napake. Priročna kombinacija: preverite stran, v generatorju prepišite problematične oznake, jih vstavite in ponovno preverite.

Preverili smo spletno stran, vendar ni nikogar, ki bi to popravil?

To brezplačno orodje razkriva težave. Analiziral bom poročilo, določil prioritete in jih odpravil: SEO revizija, pospešitev, označevanje in selitev na novo spletno mesto brez izgube uvrstitve.