Generátor meta tagov.

Čo je hlavička webu a prečo na nej záleží

Hlavička je časť stránky medzi značkami head, ktorú návštevník nevidí, ale rozhoduje o tom, ako sa váš web zobrazí inde. Titulok je modrý riadok vo výsledkoch vyhľadávania a názov záložky v prehliadači. Popis je sivý text pod ním. Open Graph značky určujú, čo sa ukáže, keď niekto pošle odkaz do správ alebo na sociálnu sieť. Bez nich si Facebook aj Messenger vytiahnu náhodný kus textu a náhodný obrázok zo stránky.

Prakticky to znamená, že hlavička je vaša výkladná skriňa. Na vlastnom webe máte plnú kontrolu nad tým, ako stránka vyzerá. Vo výsledkoch vyhľadávania a v cudzej konverzácii máte na to práve tieto značky.

Ako napísať titulok, na ktorý sa klikne

Dobrý titulok má tri časti: čo ponúkate, komu alebo kde, a odlíšenie. Napríklad Klimatizácie Nitra: montáž do týždňa. Prvé slová sú najdôležitejšie, lebo na mobile sa titulok skracuje skôr. Názov firmy dávajte na koniec, ak nie ste značka, ktorú ľudia hľadajú menom.

Vyhnite sa troch veciam. Prvá je rovnaký titulok na všetkých podstránkach, čím si stránky navzájom konkurujú. Druhá je titulok zložený len z kľúčových slov oddelených čiarkami, ktorý vyzerá ako spam a nikto naň neklikne. Tretia je prázdny titulok typu Domov, ktorý nehovorí vôbec nič.

Popis je pozvánka, nie zhrnutie

Popis nemá zopakovať titulok inými slovami. Má dať dôvod kliknúť. Konkrétnosť funguje lepšie než prídavné mená: obhliadka do dvoch dní presvedčí viac než profesionálny prístup a mnohoročné skúsenosti. Ak máte na stránke cenu alebo oblasť pôsobenia, dajte ju do popisu. Ľudia hľadajú odpoveď a odpoveď v popise znamená klik.

Počítadlo vyššie sfarbí popis na červeno nad 160 znakov. Nie preto, že by dlhší popis bol chyba, ale preto, že sa vo výsledku odsekne. Napíšte teda dôležité na začiatok. Ak si nie ste istí formuláciou, skúste AI generátor titulkov a popisov, ktorý vám navrhne varianty priamo z obsahu vašej stránky.

Open Graph, Twitter Card a obrázok

Open Graph je súbor značiek, ktorý pôvodne zaviedol Facebook a dnes ho číta takmer každá aplikácia. Kľúčové sú štyri: og:title, og:description, og:url a og:image. Obrázok má byť v pomere zhruba 1200 na 630 bodov, inak sa oreže. Text na obrázku držte v strede, okraje sa v rôznych aplikáciách krájajú rôzne.

Twitter Card je paralelná sada značiek pre sieť X. Ak nemáte široký obrázok, zvoľte typ summary. Ako váš odkaz vyzerá v praxi si viete pozrieť cez náhľad zdieľania, ktorý skutočnú stránku načíta a vykreslí.

Canonical, robots a theme-color

Canonical hovorí, ktorá adresa je hlavná, keď je ten istý obsah dostupný viacerými cestami. Píše sa vždy ako plná adresa vrátane protokolu. Značka robots riadi indexovanie: hodnota noindex stránku z výsledkov vyberie, čo sa hodí pri ďakovacích stránkach po odoslaní formulára alebo pri testovacích verziách. Pozor na to, aby ste noindex omylom nenechali na ostrom webe, je to chyba, ktorá web spoľahlivo zneviditeľní.

Theme-color je drobnosť, ktorá zafarbí lištu prehliadača na mobile do vašej farby. Nemá vplyv na vyhľadávanie, ale web pôsobí domyslene. To isté platí pre favicon, teda malú ikonu v záložke. Chýbajúci favicon je jedna z vecí, ktoré si človek neuvedomí, ale podvedome ich zaregistruje.

Ako si overiť, že to funguje

Otvorte stránku, kliknite pravým a zvoľte zobrazenie zdrojového kódu. Ak vidíte svoje značky, je hotovo. Potom stránku prežeňte cez SEO kontrolu, ktorá porovná titulky a popisy naprieč webom a upozorní na duplicitné alebo prázdne. Pri sociálnych sieťach použite Sharing Debugger od Facebooku, ktorý zároveň zmaže starú vyrovnávaciu pamäť. Bez tohto kroku sa vám aj po oprave môže stále zobrazovať pôvodný náhľad.

Časté otázky