Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojářVývoj nástrojů umělé inteligence pro firmy. Vysoce kvalitní. Cenově dostupné.Napsat na Telegram

Online generátor meta tagů: Jak napsat název, popis a otevřít graf a vložit kód

Online generátor meta tagů: název, popis a Open Graph s náhledem a hotovým HTML kódem

Co získáte

  • Připravený HTML blok s názvem, popisem, kanonickým designem, roboty, Open Graphem a Twitter Card – zdarma
  • Vzorce pro název a popis pro hlavní položku, kategorii, produkt a článek
  • Pochopení toho, kam vkládat kód ve WordPress, nástroji pro tvorbu webových stránek nebo na vlastní webové stránky
Použít: za 15 minutUloženo: čas strávený ručním psaním a laděním kódu v hlavě

Stručná odpověď: pro vytvoření meta tagů online otevřete bezplatný generátor meta tagů PromoPilot, vyplňte pole title (název), description (popis), canonical (kanonické), robots (roboty), Open Graph (Open Graph) a Twitter Card (karta Twitteru). Vpravo se zobrazí náhled obsahu z Google a Facebook spolu s níže uvedeným hotovým HTML kódem. Jednoduše jej zkopírujte jedním kliknutím a vložte do <head> stránky. Můžete začít od nuly nebo si stáhnout aktuální tagy z existující stránky pomocí odkazu a upravit je. Níže je uveden návod, jak vyplnit jednotlivá pole a vyhnout se běžným chybám.

Webové stránky tvořím už 12 let a meta tagy jsou první věc, která se při přepracovávání šablony ztratí. Generátor je pro mě záchranou, když potřebuji rychle dát dohromady správný blok pro vstupní stránku nebo domovskou stránku, aniž bych si musel pamatovat syntaxi og: a twitter::.

Co generátor meta tagů vytváří?

Generátor je formulář s nápovědami, který převede váš text na platný kód. Zde jsou pole, která vyplňuje, a co dělají.

Pole Co zadáváte? Proč tohle web potřebuje?
Titul Název stránky, doporučeno 30–60 znaků Modrý odkaz ve výsledcích vyhledávání Google a na kartě prohlížeče
Meta popis Popis, doporučeno 120–160 znaků Kandidát na úryvek textu pod nadpisem
Kanonická URL Adresa hlavní stránky Sloučí duplikáty s parametry a UTM tagy
Roboti index/noindex, follow/nofollow Povolí nebo zakáže indexování stránky.
Otevřít graf og:title, og:description, og:image (1200×630), og:type, og:locale Náhled odkazu na Facebook, LinkedInu a Messengeru
Twitterová karta twitter:karta (souhrnný_velký_obrázek nebo shrnutí), název, popis Odkazová karta v X (Twitter)

Pod poli jsou počítadla znaků s doporučenými rozsahy, vpravo je živý náhled úryvku z Google a příspěvku Facebook a dole je vygenerovaný HTML kód.

Jak vytvořit meta tagy online?

Meta tagy ve 4 krocích: stažení aktuálních tagů, vyplnění názvu a popisu, přidání kanonického a Open Graph kódu, zkopírování HTML do hlavičky

  1. Otevřete generátor meta tagů. Pokud stránka již existuje, vložte její adresu do horního pole a klikněte na „Nahrát“ – aktuální tagy budou vloženy do formuláře.
  2. Napište název a popis a sledujte počítadla. Červený pruh označuje, že text je kratší nebo delší než obvykle.
  3. Zadejte canonical - úplnou adresu stránky s https://, bez parametrů.
  4. Vyberte roboty. Pro běžnou stránku index, follow. noindex je pouze pro stránky služeb: nákupní košík, osobní účet a výsledky vyhledávání na webu.
  5. Vyplňte kartu Open Graph a Twitter: obrázek 1200×630, typ ( website pro hlavní stránku, article pro článek, product pro produkt) a locale, například ru_RU nebo en_US.
  6. Zkontrolujte náhled a zkopírujte HTML kód pomocí tlačítka kopírovat.

Výstupem bude něco jako tento blok, který se vloží do <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">

Upozornění: og:title nemusí být doslovnou kopií názvu. Na sociálních sítích zní slova „značka“ a „koupit“ rušivě, takže je vhodný relevantnější nadpis a název by měl odrážet vyhledávací dotaz.

Takto vypadá pracovní prostor: řádek pro načítání tagů přes odkaz, formulář vlevo a náhled Google a Facebook vpravo.

Stránka s bezplatným nástrojem pro generování meta tagů od PromoPilotu: nahrávání URL tagů, pole pro název a popis, náhledy pro Google a Facebook

Jak napsat klikatelný název a popis?

Generátor sleduje délku, ale ne obsah. Zde jsou vzorce, které používám pro různé typy stránek:

  • Domů: Что продаёте + для кого / где | Бренд — například Мебель из массива дуба на заказ | Woodline.
  • Kategorie: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • Produkt: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • Článek: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Popis napište jako krátký slib: co člověk na stránce získá a proč by měl kliknout. Špatný: „Vítejte na našich webových stránkách! Nabízíme široký sortiment...“ Dobrý: „120 kožených batohů skladem, doručení po celé Evropě do 2–4 dnů, bezplatné vrácení do 30 dnů. Vyberte si model podle velikosti a barvy.“

Běžné chyby kódu, kterým generátor pomáhá předcházet:

  1. Na stránce jsou dva tagy title – jeden z šablony a druhý z pluginu. Po vložení kódu zkontrolujte, zda byl starý tag odstraněn.
  2. Relativní adresa v og:image ( /img/cover.jpg) — sociální sítě očekávají plnou adresu s https://.
  3. Použití označení Canonical na domovské stránce všech stránek je běžná chyba šablony, která vyhazuje stránky z indexu.
  4. noindex, po vývoji zapomenuto - web se sice spustí, ale vyhledávač ho nevidí.

Kam mám vložit vygenerovaný kód?

Kód se vkládá do <head>, ale metoda závisí na enginu. Na vlastních webových stránkách se vkládá přímo do HTML šablony stránky. Ve WordPress je snazší se vyhnout ručnímu vkládání kódu a místo toho importovat text z generátoru do polí SEO pluginu (Yoast SEO nebo Rank Math): plugin automaticky vygeneruje tagy a zabrání vytváření duplicit. V nástrojích pro tvorbu webových stránek hledejte v nastavení stránky sekci „SEO“.

Po publikování zkontrolujte výsledky: náš článek o analýze meta tagů vám poradí, jak zajistit, aby tagy na aktivní stránce odpovídaly zamýšleným, a náš článek o náhledech SERP vám poradí, jak zobrazit úryvek ve výsledcích vyhledávání na telefonu.

Porovnání: Generátor meta tagů a alternativy

Nástroj Co je zdarma? Omezení Pro koho je to vhodné?
PromoPilot — generátor meta tagů Název, popis, kanonický design, roboti, OG a Twitter Card, náhledy Google a Facebook, hotový HTML kód Stránku po stránce, pište texty sami Úvodní stránka, domovská stránka, webové stránky na míru, testování nápadů
SEO na Yoastu / Matematika hodnocení Pole Název, popis a OG přímo v editoru WordPress Pouze WordPress, nutná instalace pluginu Pro majitele webových stránek WordPress
Nastavení SEO v builderu Pole názvu a popisu stránky Sada polí je omezena možnostmi platformy. Webové stránky o konstruktorech
Ruční kódování Plná kontrola Je snadné dělat chyby v syntaxi a duplikáty. Pro vývojáře

Závěr: pokud je váš web na WordPress, vyplňte pole v SEO pluginu a použijte generátor jako návrh s náhledem. Pro vlastní web nebo samostatnou vstupní stránku generátor vygeneruje hotový kód nejrychleji.

Kromě generátoru nabízí PromoPilot dalších 87 bezplatných SEO nástrojů, od debuggeru Open Graph až po generátor schémat.

Jaká jsou omezení generátoru meta tagů?

Generátor neví, jaké vyhledávací dotazy jste vyhledáváni – klíčová slova vybíráte v názvu. Nekontroluje jedinečnost: pokud vložíte stejný popis do 50 stránek, nástroj si toho nevšimne. A funguje s jednou stránkou: pro obchod se stovkami produktů se tagy sestavují pomocí šablony v kódu webu, nikoli ručně.

Kdy bezplatný nástroj nestačí?

Generátor meta tagů vs. šablony tagů na klíč: Ruční generování pravidel pro jednu stránku vs. pravidla pro celý web

Generátor je ideální pro pět stránek. Pro pět set je potřeba jiný přístup. Specialistu potřebujete, pokud:

  • Máte katalog a štítky by měly být automaticky přiřazeny každému novému produktu;
  • web je vícejazyčný a tagy jsou potřeba v každém jazyce se správným locale;
  • nevíte, jaké dotazy přivádějí kupující, a nadpisy se píší „od oka“;
  • Po změně CMS se tagy ztratily nebo duplikovaly.

Co mohu udělat pro váš web?

Jsem Valerij Danjuk, vývojář a SEO specialista s 12 lety zkušeností a více než 200 klienty. Do šablon vkládám meta tagy od prvního dne, aby se o ně majitelé webových stránek nemuseli starat pokaždé, když publikují.

SEO a propagace

Webové stránky a internetové obchody

CRM a automatizace

Pošlete mi přes Telegram adresu vašeho webu a já vám navrhnu vzorec pro nadpisy vašich klíčových stránek.

Výsledek

  1. Online generátor meta tagů sestaví hotový blok head: titulek, popis, canonical, roboty, Open Graph a Twitter Card s náhledem.
  2. Název by měl mít délku 30–60 znaků, popis 120–160 znaků a klíčové slovo a jeho výhodu uveďte na první místo.
  3. Po vložení kódu zkontrolujte, zda tagy nejsou duplicitní a zda je jako úplná adresa uvedena og:image.
  4. U katalogů a vícejazyčných webů se tagy shromažďují pomocí šablony – nebo platformy, kde to již bylo provedeno, například 1001site.

Sbírejte tagy pro svou domovskou stránku pomocí bezplatného generátoru meta tagů – zabere to méně času než čtení tohoto článku.

Zdroje

  • Stránka s nástrojem pro generování meta tagů PromoPilot – pole, doporučené rozsahy a nejčastější dotazy.
  • Open Graph Protocol (ogp.me) — popis značek og:title, og:image, og:type, og:locale.
  • Dokumentace pluginů Yoast SEO a Rank Math pro WordPress.

Zdroje a reference

Otázky a odpovědi

Jaká je optimální délka názvu a popisu?

Pokyny pro generátor: název — 30–60 znaků, popis — 120–160 znaků. Počítadla pod poli zvýrazní, pokud text přesahuje zadaný rozsah. Klíčové slovo a výhodu umístěte jako první; Google konec dlouhého textu zkrátí.

Proč jsou potřeba tagy Open Graph?

Open Graph ovládá náhledy odkazů na Facebook, LinkedInu, Telegram, WhatsApp a dalších aplikacích: název, popis a obrázek. Bez nich by messenger přebíral náhodný text a obrázek ze stránky nebo dokonce zobrazoval holý odkaz.

Kam vložit vygenerovaný kód?

V hlavičce stránky, před uzavíracím tagem. Ve WordPress je snazší vyplnit stejná pole v SEO pluginu (Yoast nebo Rank Math) nebo v nástrojích pro tvorbu stránek v nastavení SEO stránky. Ujistěte se, že nejsou žádné duplicitní tagy: dva tagy title na stránce jsou chyba.

Jak se generátor liší od analýzy meta tagů?

Generátor vám pomůže s psaním tagů a vytvoří hotový kód. Analýza meta tagů kontroluje, co je již na živé stránce, a nachází chyby. Výhodná kombinace: zkontrolovat stránku, přepsat problematické tagy v generátoru, vložit je a znovu zkontrolovat.

Zkontrolovali jsme web, ale nikdo to neopravil?

Tento bezplatný nástroj odhalí problémy. Analyzuji zprávu, stanovím priority a opravím je: SEO audit, zrychlení, vylepšení značkování a migrace na nový web bez ztráty pozice ve vyhledávání.